html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: transparent;
	background-color:#292a2e;
	text-rendering: optimizeSpeed;
}

body {
	margin: auto;
	font-family: var(--default-font);
}

p, h1, h2, h3, h4, h5 {
	margin: 0;
}

a {
	text-decoration: none;
	color: inherit;
}

header, .old-browser {
	display: flex;
	justify-content: space-between;
}

header {
	padding: 0 0 0 0;
	height: 48px;
	background-color: #081120;
	z-index: 9;
	position: fixed;
	width: 100%;
	/*display: grid;*/
	display: flex;
	align-items: center;
}

header > div, .tv-main-menus-container > div {
	flex: 1;
	border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.lastejaam-header {
	display: none;
}

.hide-desktop {
	display: none;
}

#tv-body-container {
	margin-top: 2px;
}

.archiveContentBg {
	display: none;
}

.menulower a, .menulower h6, .menulower li {
	color: #cccccc;
}

.menulower a:hover {
	color: #d91964;
}

.europe-picture {
	display: none;
}

.menulower {
	width: 98%;
	height: auto;
	padding-left: 16px;
	padding-right: 16px;
	display: flex;
	justify-content: space-between;
}

.phoneArchiveLogoP {
	display: none;
}

.fMenu {
	display: block;
	 width: unset;
}

footer {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.28), rgba(0, 0, 0, 0.04));
	max-width: 100%;
	padding-top: 40px;
	padding-bottom: 20px;
}

.footer {
	max-width: 1440px;
	margin: 0 auto;
}

.pointer-events-none,
.mouse-move {
	pointer-events: none;
}

.no-content {
	cursor: default;
}

.no-content::-moz-selection,
.no-content *::-moz-selection,
.no-content::selection,
.no-content *::selection {
	color: transparent;
}

.opacity-none {
	opacity: 0;
}

.timeline + #tv-content-block {
	outline: none;
	margin-top: calc(calc(0px - 4px + 40 * ((100vw - 769px) / 2560)) * -1);
}

.tv-container {
	background-color: #222730;
	color: #ffffff;
	font-size: 16px;
	overflow: hidden;
	min-height: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.tv-container::after {
	content: "";
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	position: absolute;
	opacity: 0.3;
	z-index: -1;
	background: url(/www/images/tv/tv-bg-noise.png);
}

.tv-view-container {
	padding: 40px 4% 40px 4%;
}

.menu-bar {
	background-color: #1b1f28;
	width: 100%;
	z-index: 2;
}

.siteMenu nav {
	display: flex;
	flex-direction: column;
	width: 100%;
	margin: 0;
}

.siteMenu nav.hide-desktop {
	display: none;
}

.siteMenu,
.site-menu-mobile-list,
.site-menu-mobile-list ul {
	background-color: #282c33;
	border-bottom-color: #1b1f28;
	z-index: 1;
}

.siteMenu .global-search,
.site-menu-mobile-list.main-menu,
.site-menu-mobile-list.main-menu ul {
	background-color: #383d45;
}

.siteMenu .global-search {
	color: #fff;
	border-color: #1b1f28;
}

.site-menu-mobile-list.main-menu > ul > li {
	border-bottom-color: #1b1f28;
}

.siteMenu a,
.siteMenu a:hover {
	color: #fff;
}

.site-menu-mobile-list ul > li > a {
	max-width: 100%;
	display: block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.site-menu-mobile-list li.tv-header-login-btn {
	display: flex;
}

.site-menu-mobile-list .tv-header-login-btn .tv-login-text,
.site-menu-mobile-list .tv-header-login-btn .tv-login-my-account {
	line-height: 21px;
}

.site-menu-mobile-list .tv-login-man {
	margin-right: 5px;
}

.site-menu-burger span,
.site-menu-burger span::before,
.site-menu-burger span::after {
	background-color: #fff;
}

.siteName {
	flex-direction: row;
}

.logo {
	background-image: url(/www/images/tv/err_logo.svg);
}

.logo.external-link::after {
	background-image: url(/www/images/external_link.svg);
}

.searchIcon {
	background-image: url(/www/images/search_Luup.svg)
}

.tv-logo-container {
	flex-grow: 0;
	border: none;
	height: 100%;
	align-items: center;
	justify-content: center;
	display: flex;
	cursor: pointer;
	order: 1;
}

.tv-portal-full-menu {
	position: absolute;
	visibility: hidden;
	transition: 0s;
	opacity: 0;

	display: flex;
	padding-top: 30px;
	width: 100%;
	left: 0;
	right: 0;
	background-color: #262e3a;
	top: 100%;
	padding-bottom: 40px;
	cursor: default;
	z-index: 30;
	padding: 30px 0 40px 110px;
	flex: 1;
	box-sizing: border-box;
}

.tv-logo-container:hover .tv-portal-full-menu {
	transition: 0.25s opacity 0.25s;
	visibility: visible;
	opacity: 1;
}

.tv-portal-menu-list {
	flex: 1;
	max-width: 170px;
	min-width: 150px;
	margin-right: 4%;
}

.tv-portal-menu-list * {
	padding: 3px 0 0;
	margin: 0;
}

.tv-portal-menu-item {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	list-style-type: none;
	color: #ccc;
	font-size: 16px;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.12);
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

.tv-portal-menu-item > a {
	width: 100%;
}

.tv-portal-menu-item:hover:after {
	transform: scaleX(2);
}

.tv-portal-menu-item:after {
	display: block;
	content: '';
	bottom: 0;
	left: 0;
	right: 0;
	position: absolute;
	border-bottom: solid 2px #fff;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
}

.err-logo {
	height: 100%;
	width: 100%;
	min-width: 51px;
	padding: 0 20px;
	background: url(/www/images/tv/err_logo.svg) center/70% no-repeat;
	display: inline-block;
	position: relative;
}

.etv-text {
	color: #cccccc;
	font-family: arne, sans-serif;
	font-size: 24px;
	transition: color .1s ease-in-out;
}

.etv-text::before {
	content: '|';
	color: #cccccc;
	margin: 0 5px;

}

.etv-text:hover {
	color: white;
	cursor: pointer;
}

.tv-channel-logo {
	height: 48px;
	margin: 0 8px;
	border: none;
	flex-grow: 0;
	cursor: pointer;
	min-width: 90px;
}


.tv-channel-logo a {
	height: 100%;
	display: block;
}

.etv-channel-logo {
	background: url(/www/images/tv/etv-logo.svg) center/100% no-repeat;
}

.tv-main-menus-container {
	display: flex;
	justify-content: space-evenly;
	height: 100%;
}

.tv-sub-menu {
	height: 40px;
	background-color: #141b25;
	z-index: 8;
	width: 100%;
	position: relative;
	/*top: 48px;*/
	/* display: grid; */
	align-items: center;
	margin-bottom: 3px;
	display: none;
}

.tv-sub-menu .date {
	font-size: calc(16px + (20 - 16) * ((100vw - 340px)/ 769));
	color: #aaa;
	font-weight: 600;
	margin-left: 5px;
	letter-spacing: 1px;
}

.header-program-series, .header-live, .header-a-u, .header-7-days {
	outline: none;
	font-size: 20px;
	color: #eaeaea;
	cursor: pointer;
	white-space: nowrap;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
	position: relative;
	text-transform: lowercase;
}

.header-live p, .header-program-series p, .header-a-u p, .header-7-days p {
/* 	margin-bottom: 3px; */
	text-align: center;
}

.header-program-series:hover:after, .header-live:hover:after, .header-a-u:hover:after, .header-7-days:hover:after, 
.header-menu:hover:after, .header-calendar:hover:after, .tv-logo-container:hover .err-logo:after {
	content: '';
	position: absolute;
	height: 4px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #d91a63;
}

.header-program-series:hover, .header-live:hover, .header-menu:hover, .header-a-u:hover, .header-7-days:hover {
	background-color: #192231;
}

.header-live {
	outline: none;
	border-left: 1px solid rgba(255, 255, 255, 0.12);
}

.header-calendar-back {
	background: rgba(7, 0, 18, 0.14) url(/www/images/tv/arrows-left.svg) 2px no-repeat;
	background-size: 75%;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	border: solid 1.5px #fff;
	cursor: pointer;
	transition: .1s;
}

.header-calendar {
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 500;
	height: 100%;
	justify-content: center;
	position: relative;
	z-index: 13;
	max-width: 300px;
	margin-left: auto;
	border-left: 1px solid rgba(255, 255, 255, 0.12);
	border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.header-calendar:hover {
	background-color: #192231;
}

.header-calendar > div {
	margin-right: 10px;
}

.header-calendar-forward {
	background: rgba(7, 0, 18, 0.14) url(/www/images/tv/arrows-right.svg) center no-repeat;
	background-size: 75%;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	border: solid 1.5px #fff;
	cursor: pointer;
	transition: .1s;
}

.header-calendar-month-view {
	background: url(/www/images/tv/icon-calendar-inactive.svg) no-repeat center 4px;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	border: solid 1.5px #fff;
	cursor: pointer;
	transition: .1s;
	right: -50px;
}

.header-calendar:hover .header-calendar-month-view {
	background: #fff url(/www/images/tv/icon-calendar-active-etv.svg) no-repeat center 4px;
}

.header-calendar-date {
	font-size: 20px;
	color: #eaeaea;
	margin-bottom:3px;
}

.tv-header-search {
	display: flex;
	justify-content: center;
	border: none;
	max-width: 20%;
}

.header-search-container {
	display: flex;
	background-color: rgba(255, 255, 255, 0.07);
	border-radius: 2px;
	max-width: 250px;
	overflow: hidden;
	position: relative;;
}

.no-search-results {
	font-size: calc(14px + 8 * ((100vw - 769px) / 2560));
	padding-left: 4%;
}

.tv-search-result-form.header-search-container {
	position: relative;
	left: 0;
	right: unset;
	max-width: 251px;
	margin-right: 20px;
	margin-bottom: 0;
}

.tv-search-txt::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: #cccccc; /* Firefox */
}

.tv-search-txt:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: #cccccc;
}

.tv-search-txt::-ms-input-placeholder { /* Microsoft Edge */
	color: #cccccc;
}

.tv-search-btn {
	background: #191c25 url(/www/images/tv/search_Luup.svg) no-repeat center;
	float: right;
	width: 34px;
	height: 32px;
	transition: 0.4s;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.tv-search-btn:hover {
	background: #d91a63 url(/www/images/tv/search_Luup.svg) no-repeat center;
}

.tv-search-txt {
	height: 31px;
	border: none;
	background: none;
	outline: none;
	float: left;
	padding: 0;
	color: #cccccc;
	font-size: 18px;
	transition: 0.2s;
	line-height: 32px;
	width: 100%;
	overflow: hidden;
}

header .tv-search-txt {
	padding-left: 10px;
}

.tv-view-container .tv-search-txt {
	padding-left: 10px;
}

.tv-program-series-search {
	position: absolute;
	right: 20px;
	top: 92px;
	height: 31px;
	font-size: 16px;
}

.header-login {
	width: 9px;
	height: 10px;
	background-color: white;
	border-radius: 5px;
	margin: 0px 10px 12px 10px;
	border: 1px solid #1b0c27;
	transform-style: preserve-3d;
}

.header-login::before {
	content: "";
	width: 16px;
	height: 8px;
	background-color: white;
	display: block;
	margin: 10px 0px 0 -3px;
	border-radius: 8px 8px 4px 4px;
	transform: translateZ(-1px);
}

.header-menu {
	outline: none;
	display: flex;
	align-items: center;
	font-size: 20px;
	font-weight: 500;
	text-align: left;
	text-transform: lowercase;
	justify-content: center;
	z-index: 12;
	background-color: #081120;
	padding: 0px 20px;
	flex-grow: 0;
	position: relative;
	height: 100%;
	cursor: pointer;
}

.menu-text {
	cursor: pointer;
	margin-bottom: 4px;
	margin-right: 10px;
}

.menu-text-arrow:before {
	content: '\25BC';
	font-size: 16px;
	margin-right: 2px;
	cursor: pointer;
	display: inline-block;
	transform scale(1, 1);
	transition: transform 0.2s;
}

.header-burger-container.active .menu-text-arrow:before {
	transform: scale(1, -1);
	margin-bottom: 6px;
	cursor: pointer;
}

.header-burger-container {
	display: flex;
	align-items: center;
}

.header-burger {
	cursor: pointer;
	height: 42px;
	margin-top: -2px;
	display: none;
}

.ham {
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	transition: transform 400ms;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	height: 43px;
}
.header-burger-container.active .hamRotate {
	transform: rotate(45deg);
}
.header-burger-container.active .hamRotate180 {
	transform: rotate(180deg);
}
.line {
	fill:none;
	transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
	stroke:#cccccc;
	stroke-width:5.5;
	stroke-linecap:round;
}

.ham4 .top {
	stroke-dasharray: 40 121;
}
.ham4 .bottom {
	stroke-dasharray: 40 121;
}
.header-burger-container.active .top {
	stroke-dashoffset: -68px;
}
.header-burger-container.active .bottom {
	stroke-dashoffset: -68px;
}


.header-menu-container {
	background-color: #081120;
	order: 3;
	transition: transform .5s ease-in-out;
	pointer-events: none;
	overflow: hidden;
	position: absolute;
	top: 48px;
	width: 310px;
	transform: translateY(-577px);
	position: fixed;
	position: absolute;
	right: 0;
	z-index: 8;
}

.header-menu-container-visible {
	pointer-events: auto;
	transform: translateY(0);
}

.header-menu-list {
	list-style: none;
	padding-inline-start: 0;
	margin: 0;
	padding-left: 0;
}

.header-menu-list-item {
	text-transform: uppercase;
	font-size: 18px;
	line-height: 53px;
	cursor: pointer;
	color: #cccccc;
	text-align: center;
	transition: all .1s ease-in-out;
}

.header-menu-list-item a {
	display: block;
}

.header-menu-list-item:after {
	display:block;
	content: '';
	border-bottom: solid 2px #fff;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
}

.header-menu-list-item:hover:after {
	transform: scaleX(2);
}

.site-menu-list .header-menu-list-item:hover {
	color: white;
	background-color: #192231;
}

.middle-align {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.container {
	overflow: hidden;
}

/*
 *
 * TV timeline
 *
 */

.timeline {
	height: calc((243px + (333 - 256) * ((100vw - 1440px) / (2560 - 1440))) * 9 / 16);
	margin-bottom: 4px;
	position: relative;
	user-select: none;
	z-index: 7;
	height: auto;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

.tv-timeline-visible {
	outline: none;
	display: flex;
	flex-grow: 1;
	z-index: 2;
	position: relative;
	overflow-x: visible;
	overflow-y: visible;
	transform: translateZ(0);
	-webkit-transform: translateZ(0);
	will-change: transform;
	pointer-events: none;
}

.tv-timeline-all {
	overflow-x: visible;
	overflow-y: hidden;
	white-space: nowrap;
	-ms-overflow-style: none;
	scrollbar-width: unset;
	overflow: -moz-scrollbars-none;
}

.tv-timeline-all::-webkit-scrollbar {
	display: none;
}

.tv-timeline-items:first-child {
	margin-left: 0;
}

.tv-timeline-streaming {
	display: none;
	padding: 6px;
	color: #333333;
	position: absolute;
	top: 5px;
	right: 0;
	background-color: #eaeaea;
}

.tv-timeline-item-play-container {
	position: absolute;
	width: 100%;
	top: 0;
	height: 65%;
	z-index: 1;
	display: none;
	cursor: pointer;
}

.streaming-live-holder {
	display: flex;
}

.tv-timeline-item-live .tv-timeline-streaming {
	display: block;
}

.streaming-live {
	vertical-align: middle;
	font-family: var(--default-font);
	font-size: calc(14px + 8 * ((100vw - 769px) / 2560));
	text-transform: uppercase;
}

.tv-timeline-mobile-buttons {
	display: flex;
	pointer-events: all;
	position: absolute;
	right: 0;
	top: -5px;
	top: 50%;
	transform: translateY(-50%);
	margin-right: 5px;
	display: none;
}

.timeline-first .tv-timeline-header .tv-timeline-mobile-buttons {
	display: none;
}

.tv-timeline-mobile-left, .tv-timeline-mobile-right {
	height: 48px;
	width: 48px;
	cursor: pointer;
	opacity: 1;
}

.tv-timeline-mobile-left:active, .tv-timeline-mobile-right:active {
	transform: scale(0.9);
}

.tv-timeline-mobile-left.arrow-hidden, .tv-timeline-mobile-right.arrow-hidden {
	opacity: 0;
	transition: all .2s ease-in-out 0.2s;
}

.tv-timeline-prev-btn, 
.tv-timeline-next-btn {
	height: 100%;
	width: 75px;
	position: absolute;
	pointer-events: all;
	cursor: pointer;
	z-index: 3;
	align-items: center;
	top: 0;
	opacity: 0;
	transition: all .2s ease-in-out 0.2s;
}

.timeline-hovered .tv-timeline-prev-btn, 
.timeline-hovered .tv-timeline-next-btn {
	opacity: 1;
}

.tv-timeline-next-btn {
	right: 0px;
}

.tv-timeline-prev-btn span, 
.tv-timeline-next-btn span {
	color: #fff;
	opacity: 0.85;
	width: 64px;
	height: 64px;
	border-radius: 64px;
	border: solid 2px #fff;
	cursor: pointer;
	transition: .1s;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	pointer-events: all;
}


.high-timeline .tv-timeline-prev-btn span, 
.high-timeline .tv-timeline-next-btn span {
	bottom: calc((234px + (369 - 234) * ((100vw - 769px) / (2560 - 769))) * 0.75);
}

.timeline-first .tv-timeline-prev-btn span, 
.timeline-first .tv-timeline-next-btn span {
	top: 40%;
}

.tv-timeline-mobile-left {
	background: url(/www/images/tv/mob-tl-left.svg) 4px center no-repeat;
	background-size: 100%;
	margin-right: 6px;
}

.tv-timeline-mobile-right {
	background: url(/www/images/tv/mob-tl-right.svg) 4px center no-repeat;
	background-size: 100%;
}

.tv-timeline-prev-btn span {
	background: rgba(33, 24, 32, 0.75) url(/www/images/tv/arrows-left.svg) 4px center no-repeat;
	background-size: 75%;
}

.tv-timeline-next-btn span {
	background: rgba(33, 24, 32, 0.75) url(/www/images/tv/arrows-right.svg) center no-repeat;
	background-size: 75%;

	right: 0;
}

.tv-timeline-prev-btn:hover span {
	background: #fff url(/www/images/tv/arrows-active-left-etv.svg) 4px center no-repeat;
	opacity: 1;
	background-size: 75%;
}

.tv-timeline-next-btn:hover span {
	background: #fff url(/www/images/tv/arrows-active-right-etv.svg) center no-repeat;
	opacity: 1;
	background-size: 75%;
	right: 0;
}

/*timeline spinner*/

.lds-ellipsis {
	display: none;
	position: relative;
	width: 64px;
	height: 64px;
	transform: translateY(-50%);
	top: 40%;
}
.lds-ellipsis div {
	position: absolute;
	top: 27px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: #fff;
	animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
	left: 6px;
	animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
	left: 6px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
	left: 26px;
	animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
	left: 45px;
	animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
	0% {
		transform: scale(0);
	}
	100% {
		transform: scale(1);
	}
}
@keyframes lds-ellipsis3 {
	0% {
		transform: scale(1);
	}
	100% {
		transform: scale(0);
	}
}
@keyframes lds-ellipsis2 {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(19px, 0);
	}
}

/*timeline spinner end*/

.tv-timeline-item {
	position: relative;
	width: calc(234px + (360 - 234) * ((100vw - 769px) / (2548 - 769)));
	height: calc((234px + (369 - 234) * ((100vw - 769px) / (2560 - 769))) * 0.5625);
	margin: 0 2px;
	transform: scale(1) translate3d(0, 0, 0);
	transform-origin: center;
	transition-property: transform;
	will-change: transform;
}

.tv-timeline-end {
	display: inline-block;
	height: calc((234px + (369 - 234) * ((100vw - 769px) / (2560 - 769))) * 0.5625);
	width: calc(575px + 49 * ((100vw - 769px) / 2560));
	width: 400px;
}

.timeline-first .tv-timeline-end {
	display: none;
}

.high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-end {
	display: none;
}

.high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-item {
	height: calc((234px + (369 - 234) * ((100vw - 769px) / (2560 - 769))) * 1.5);
}

.high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-item .tv-timeline-item-inner:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.03);
	transition: opacity 0.2s ease-in-out;
}

.high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-item:hover .tv-timeline-item-inner:after {
	opacity: 1;
}

.high-timeline .has-selected-item .high-vertical-photo {
	display: none;
}

.high-timeline .tv-timeline-all:not(.has-selected-item) .collapsed-vertical-photo {
	display: none;
}
.high-timeline .has-selected-item) .collapsed-vertical-photo {
	display: inline;
}

.tv-timeline-item {
	transition: all .4s ease-in-out;
	display: inline-block;
}

.tv-timeline-item.without-media-content {
	opacity: 0.3;
	pointer-events: none;
}

.tv-timeline-day-start-marker {
	border-left: 2px solid #c51a59;
	left: 0;
	margin-left: 18px;
	padding-left: 18px;
	display: inline-block;
	position: relative;
	height: calc((234px + (369 - 234) * ((100vw - 769px) / (2560 - 769))) * 0.5625);
}

.tv-timeline-item-inner {
	height: 100%;
	width: 100%;
	position: relative;
	transition: all .1s ease-in-out;
}

.tv-timeline-item-inner picture {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

picture img::before {
	position: absolute;
}

.tv-timeline-item:active {
	box-shadow:none;
}

.tv-timeline-item:last-child {
	margin-right: 0px;
}

.tv-timeline-item:active .tv-timeline-item-inner{
	box-sizing: border-box;
}

.tv-timeline-item.is-selected .tv-timeline-item-inner:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	background: url(/www/images/tv/down-arrow-passive.svg) no-repeat center;
	background-size: 20px;
	height: 22px;
	transition: all .2s ease-in-out 0.5s;
}

.tv-timeline-item.is-selected:hover .tv-timeline-item-inner:after {
	background: url(/www/images/tv/down-arrow-passive.svg) no-repeat center;
	background-size: 20px;
	height: 22px;
	opacity: 0;
	transform: translateY(-10px);
	transition: all .2s ease-in-out 0s;
}

.tv-timeline-item.is-selected .tv-timeline-item-inner:before, .timeline .tv-timeline-item:hover .tv-timeline-item-inner:before {
	content: '';
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	bottom: -1px;
	width: 100%;
	height: 2px;
	background: #cccccc;
	z-index: 2;
}

.tv-timeline-item .tv-serial-img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.tv-timeline-item.tv-playlist-play .tv-timeline-item-play-container,
.tv-timeline-item.tv-playlist-game .tv-timeline-item-play-container,
.tv-timeline-item.tv-playlist-competition .tv-timeline-item-play-container,
.tv-timeline-item.tv-timeline-item-live .tv-timeline-item-play-container,
.tv-episodes-thumbnail-play .tv-timeline-item-play-container {
	display: block;
}

.high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-item.tv-playlist-play .tv-timeline-item-play-container {
	display: none;
}

.timeline:not(.timeline-first) .tv-timeline-item-play-container:after,
.program-series-row-item .episodes-thumbnail-container:not(.disabled) .tv-timeline-item-play-container:after {
	opacity: 0;
}


.tv-timeline-item-play-container:after,
.tv-has-media-thumbnail:after,
.content-view-type-game:after,
.content-view-type-competition:after {
	content: "";
	background: url(/www/images/tv/2-1-play-pla-lst-dark.svg) no-repeat center;
	background-size: 75%;
	position: absolute;
	width: calc(25px + 49 * ((100vw - 769px) / 2560));
	height: calc(25px + 49 * ((100vw - 769px) / 2560));
	top: 8px;
	left: 5px;
	border-radius: 40px;
	box-shadow: 3px 5px 9px 0 rgba(0, 0, 0, 0.24);
	background-color: rgba(0, 0, 0, 0.1);
	border: solid 2px #fff;
	transition: all .2s ease-in-out 0.2s;
	transform-origin: top left;
	font-size: 16px;
}

.timeline:not(.timeline-first) .tv-timeline-item:hover .tv-timeline-item-play-container:after,
.program-series-row-item .episodes-thumbnail-container:not(.disabled):hover .tv-timeline-item-play-container:after,
.tv-timeline-item:hover .vert-timeline-item-top .tv-watch-button {
	opacity: 1;
}

.tv-container:not(.logged-in).outside-estonia .tv-playlist-gb .tv-timeline-item-play-container:after,
.tv-container:not(.logged-in).outside-estonia .tv-playlist-gb .tv-has-media-thumbnail:after {
	content: "";
	background: url(/www/images/tv/login-mees.svg) center no-repeat;
	background-size: 14px;
	position: absolute;
	width: 32px;
	height: 18px;
	top: 8px;
	left: 5px;
	border-radius: 27px;
	box-shadow: 3px 5px 9px 0 rgba(0, 0, 0, 0.24);
	background-color: rgba(58, 58, 58, 0.84);
	border: solid 2px #fff;
	transition: all .2s ease-in-out;
	font-size: 16px;
}

.tv-geoblock .tv-playlist-gb .tv-timeline-item-play-container:after,
.tv-geoblock .tv-playlist-gb .tv-has-media-thumbnail:after,
.tv-geoblock .content-view-type-game:after,
.tv-geoblock .content-view-type-competition:after {
	content: "";
	background: url(/www/images/tv/geoblock_icon.svg) center no-repeat;
	background-size: 14px;
	position: absolute;
	width: 32px;
	height: 18px;
	top: 8px;
	left: 5px;
	border-radius: 27px;
	box-shadow: 3px 5px 9px 0 rgba(0, 0, 0, 0.24);
	background-color: rgba(58, 58, 58, 0.84);
	border: solid 2px #fff;
	transition: all .2s ease-in-out;
	font-size: 16px;
}

.tv-geoblock .tv-playlist-gb .tv-timeline-item-play-container,
.tv-geoblock .tv-playlist-gb .tv-has-media-thumbnail {
	pointer-events: none;
}

.timeline .tv-timeline-item-play-container:hover:after,
.episodes-thumbnail-container:not(.disabled) .tv-timeline-item-play-container:hover:after {
	background: url(/www/images/tv/2-1_play_active.svg) no-repeat center;
	background-color: #fff;
	background-size: 100%;
	transform: scale(1.2);
	transform-origin: top left;
	transition: all .3s ease-in-out 0.2s;
}

.tv-playlist-audio .tv-timeline-item-play-container:after,
.tv-playlist-audio .tv-has-media-thumbnail:after,
.tv-playlist-audio .tv-timeline-item-play-container:hover:after,
.tv-playlist-audio .tv-has-media-thumbnail:hover:after,
.media-type-audio .tv-timeline-item-play-container:after,
.media-type-audio:after {
	background: url(/www/images/tv/audio-speaker.svg) center/15px no-repeat;
	background-color: rgba(58, 58, 58, 0.84);
	transition: all .3s ease-in-out 0s;
}

.tv-playlist-game .tv-timeline-item-play-container:after,
.tv-playlist-game .tv-has-media-thumbnail:after,
.tv-playlist-game .tv-timeline-item-play-container:hover:after,
.tv-playlist-game .tv-has-media-thumbnail:hover:after,
.content-view-type-game:after {
	background: url(/www/images/tv/game-icon.svg) center/15px no-repeat;
	background-color: rgba(58, 58, 58, 0.84);
	transition: all .3s ease-in-out 0s;
}

.tv-playlist-competition .tv-timeline-item-play-container:after,
.tv-playlist-competition .tv-has-media-thumbnail:after,
.tv-playlist-competition .tv-timeline-item-play-container:hover:after,
.tv-playlist-competition .tv-has-media-thumbnail:hover:after,
.content-view-type-competition:after {
	background: url(/www/images/tv/surprise-icon.svg) center/15px no-repeat;
	background-color: rgba(58, 58, 58, 0.84);
	transition: all .3s ease-in-out 0s;
}

.tv-playlist-game .tv-timeline-item-play-container:after, .tv-playlist-game .tv-has-media-thumbnail:after, .content-view-type-game:after {
    background: url(/www/images/tv/game-icon.svg) center/15px no-repeat;
    background-color: rgba(58,58,58,.84);
}

.tv-container:not(.logged-in).outside-estonia .timeline .tv-playlist-gb .tv-timeline-item-play-container:hover:after,
.tv-container:not(.logged-in).outside-estonia .episodes-thumbnail-container:not(.disabled) .tv-playlist-gb .tv-timeline-item-play-container:hover:after {
	background-color: #fff;
	width: 73px;
	background-position: 9px;
	content: 'logi sisse';
	padding-left: 25px;
	line-height: 16px;
}

.timeline .tv-playlist-audio .tv-timeline-item-play-container:hover:after,
.episodes-thumbnail-container:not(.disabled) .tv-playlist-audio .tv-timeline-item-play-container:hover:after {
	content: 'kuula';
}

.timeline .tv-playlist-game .tv-timeline-item-play-container:hover:after,
.episodes-thumbnail-container:not(.disabled) .tv-playlist-game .tv-timeline-item-play-container:hover:after {
	content: 'mängi';
}

.timeline .tv-playlist-competition .tv-timeline-item-play-container:hover:after,
.episodes-thumbnail-container:not(.disabled) .tv-playlist-competition .tv-timeline-item-play-container:hover:after {
	content: 'üllatus';
}

.outside-estonia.outside-europe .tv-playlist-block .tv-timeline-item-play-container:after,
.outside-estonia.outside-europe .tv-playlist-block .tv-has-media-thumbnail:after {
	content: "";
	background: #fff url(/www/images/tv/geoblock_icon.svg) no-repeat center;
	background-size: 16px;
	position: absolute;
	width: 32px;
	height: 18px;
	top: 8px;
	left: 5px;
	border-radius: 27px;
	box-shadow: 3px 5px 9px 0 rgba(0, 0, 0, 0.24);
	background-color: rgba(58, 58, 58, 0.84);
	border: solid 2px #fff;
	transition: all .2s ease-in-out;
	font-size: 16px;
}

.outside-europe.outside-europe .tv-playlist-block .tv-timeline-item-play-container,
.outside-europe.outside-europe .tv-playlist-block .tv-has-media-thumbnail {
	pointer-events: none;
}

.tv-timeline-left-overflow-cover {
	width: 120px;
	height: 152px;
	background-color: #fbfcfd;
	z-index: 10;
	position: absolute;
	left: -58px;
	top: 0;
}

.tv-timeline-right-overflow-cover {
	width: 120px;
	height: 152px;
	background-color: #fbfcfd;
	z-index: 9;
	position: absolute;
	right: -58px;
	top: 0;
}

.datepicker#calendar {
	display: none;
}

.datepicker#tv-timeline-calendar-container, .datepicker#tv-timeline-calendar-container-mobile, .datepicker#tv-timeline-calendar-container-mobile-schedule {
	visibility: hidden;
	opacity: 0;
	width: 0;
	position: absolute;
	left: 7px;
	bottom: 0;
}

.tv-timeline-header {
	font-size: calc(21px + 25 * ((100vw - 769px) / 2560));
	margin-left: 75px;
	z-index: 2;
	font-weight: 500;
	margin-bottom: -3px;
}

/* end of TV timeline */

/* TV timeline item */

.tv-serial .tv-left-block-content {
	position: relative;
}

.tv-serial-img {
	width: 100%;
	display: block;
}

.tv-timeline-item-bottom-gradient {
	position: absolute;
	bottom: -1px;
	width: 100%;
	top: 60%;
	z-index: 0;
	background-image: url(/www/images/tv/gradient_Vert.png);
	background-size: 1px 100%;
	background-repeat: repeat-x;

	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	opacity: 0.6;
}

.tv-serial-title-holder {
	position: absolute;
	width: 100%;
	bottom: -1px;
	border-radius: 0 0 4px 4px;
}

.tv-blurred-title {
	filter: blur(5px);
	-webkit-filter: blur(5px);
	background-size: cover !important;
	background-position: center 100% !important;
	background-repeat: no-repeat !important;
	overflow: hidden;
	position: absolute;
	left: -3px;
	right: -3px;
	top: -3px;
	bottom: -5px;
}

.high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-title-holder  {
	display: none;
}

.tv-timeline-title-holder, .tv-timeline-item-title {
	border-radius: 0;
	color: #eaeaea;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tv-title-time {
	font-size: 18px;
	font-weight: 500;
	margin: 6px 0px 4px 10px;
}

.tv-timeline-title-time {
	font-size: 14px;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9);
}

.tv-timeline-item .tv-title-time {
	margin: 0px 0px 0 2px;
	color: #eaeaea;
	font-size: calc(10px + 8 * ((100vw - 720px) / 2560));
	z-index: 1;
}

.tv-timeline-item-heading-hover .tv-title-time {
	font-size: calc(7px + 8 * ((100vw - 720px) / 2560));
}

.high-timeline .tv-title-time {
	font-size: calc(10px + 8 * ((100vw - 720px) / 2560));
}

.high-timeline .tv-timeline-item-heading-hover .tv-title-time {
	font-size: calc(8px + 8 * ((100vw - 720px) / 2560));
	line-height: calc(8px + 8 * ((100vw - 769px) / 2560));
}

.tv-timeline-title-header {
	font-family: var(--default-font);
	font-size: calc(14px + 8 * ((100vw - 769px) / 2560));
	font-weight: 600;
	margin-left: calc(1px + 3 * ((100vw - 769px) / 2560));
	line-height: calc(16px + 8 * ((100vw - 769px) / 2560));
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	z-index: 1;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9);
}

.tv-timeline-item-heading-hover .tv-timeline-title-header {
	white-space: normal;
	text-overflow: inherit;
	font-size: calc(11px + 8 * ((100vw - 769px) / 2560));
	line-height: calc(14px + 8 * ((100vw - 769px) / 2560));
}

.tv-episodes-thumbnail .timeline-light-text,
.tv-timeline-item-heading-hover .timeline-light-text {
	font-weight: 400;
	color: #bbb;
}

.tv-timeline-item-heading-hover .timeline-light-text-regular {
	font-weight: 400;
	color: #bbb;
	font-family: var(--default-font);
}

.tv-timeline-read-more {
	width: 100%;
	transition: all 0.5s;
	display: flex;
	align-items: center;
	font-weight: 500;
	font-size: calc(11px + 8 * ((100vw - 769px) / 2560));
	background: url(/www/images/tv/down-arrow-passive.svg) no-repeat center;
	background-size: 20px;
}

.tv-timeline-item:hover .tv-timeline-read-more {
	max-height: 22px;
}

.tv-timeline-title-holder:hover .tv-timeline-read-more {
	background: url(/www/images/tv/down-arrow-active.svg) no-repeat center;
	background-size: 20px;
	background-color: #cccccc;
	color: #333333;
}

.tv-timeline-read-more-plus {
	background: url(/www/images/tv/plusicon.svg) no-repeat;
	background-position: center;
	background-size: 8px;
	width: 15px;
	height: 15px;
	transition: all 0.3s;
}

.read-more-right-arrow {
	position: absolute;
	right: 5px;
	background: url(/www/images/tv/down-arrow-active.svg) no-repeat center;
	background-size: 20px;
	width: 20px;
	height: 20px;
	transform: rotate(-90deg);
}

.tv-timeline-title-holder:hover .tv-timeline-read-more-plus,
.tv-program-series .episodes-thumbnail-container:hover .tv-timeline-read-more-plus,
.tv-search-container .tv-timeline-item-heading-hover:hover .tv-timeline-read-more-plus {
	background: url(/www/images/tv/plus-active.svg) no-repeat;
	background-position: center;
	background-size: 8px;
	width: 15px;
	height: 15px;
}

.tv-timeline-title-holder:hover .tv-timeline-read-more:after {
	opacity: 1;
}

.tv-serial-body {
	margin-top: 24px;
	font-size: 18px;
}

.tv-serial-body.mce-edit-focus {
	background-color: #f7f7f7;
}

.tv-serial-body.mce-edit-focus p {
	background-color: #fff;
}

.tv-serial-body p {
	margin: 20px 0;
}

/* end of TV timeline item */


/*New hover timeline*/

.tv-timeline-all {
	transition: transform 325ms cubic-bezier(0.5, 0, 0.1, 1) 0.2s, -webkit-transform 325ms cubic-bezier(0.5, 0, 0.1, 1) 0.2s, min-width 0ms cubic-bezier(0.5, 0, 0.1, 1) .48s;
	padding-top: calc(18px + 18 * ((100vw - 720px) / 2560));
	padding-bottom: calc(18px + 18 * ((100vw - 720px) / 2560));
	margin-right: -50px; /*hack*/
	min-width: 0;
}

.high-timeline .tv-timeline-all:not(.has-selected-item) {
	margin-right: 0px;
}

.timeline-first {
	pointer-events: none;
	transition: all 0.5s 0.3s;
}

.timeline-first:hover {
	z-index: 10;
	transition: all 0.5s 0s;
}

.timeline-first .tv-timeline-item {
	transition: all 325ms cubic-bezier(0.5, 0, 0.1, 1) 0.2s;
}

.timeline .tv-timeline-visible:before {
	content: '';
	width: 100%;
	position: absolute;
	height: calc(((243px + (333 - 256) * ((100vw - 1440px) / (2560 - 1440))) * 9 / 16) * 0.15);
	top: 0;
}

.timeline .tv-timeline-visible:after {
	content: '';
	width: 100%;
	position: absolute;
	height: calc(((230px + (333 - 256) * ((100vw - 1440px) / (2560 - 1440))) * 9 / 16) * 0.15 + 8px);
	bottom: 0;
}

.timeline-first .tv-timeline-visible:after {
	content: '';
	width: 100%;
	position: absolute;
	height: calc(((210px + (333 - 256) * ((100vw - 1440px) / (2560 - 1440))) * 9 / 16) * 0.3 + 8px);
	bottom: 0;
}

.timeline-first .tv-timeline-visible:before {
	display: none;
}

.timeline + #tv-content-block {
	margin-top: calc(((280px + (333 - 256) * ((100vw - 1440px) / (2560 - 1440))) * 9 / 16) * -0.15 - 8px);
	margin-bottom: 20px;
}

.timeline:not(.timeline-first) + #tv-content-block {
	margin-top: calc(((180px + (333 - 256) * ((100vw - 1440px) / (2560 - 1440))) * 9 / 16) * -0.281 + 8px);
}

.tv-timeline-item {
	transition: all 325ms cubic-bezier(0.5, 0, 0.1, 1) 0.2s;
	transform-origin: center left;
	pointer-events: all;
}

.tv-timeline-day-start-marker {
	transition: all 325ms cubic-bezier(0.5, 0, 0.1, 1) 0.2s;
}

.tv-timeline-all:hover .tv-timeline-item:hover {
	transform: scale(1.3);
}

.high-timeline .tv-timeline-all:not(.has-selected-item):hover .tv-timeline-item:hover {
	transform: none;
}

.tv-timeline-all:hover {
	transition: transform 325ms cubic-bezier(.5,0,.1,1) .2s, -webkit-transform 325ms cubic-bezier(.5,0,.1,1) .2s, min-width 325ms cubic-bezier(.5,0,.1,1);
	-webkit-transform: translate3d(calc((((243px + (333 - 243) * ((100vw - 1440px) / (2560 - 1440))) * 0.3) / 2) * -1), 0, 0);
	transform: translate3d(calc((((243px + (333 - 243) * ((100vw - 1440px) / (2560 - 1440))) * 0.3) / 2) * -1), 0, 0);
	min-width: 100%;
}

.high-timeline .tv-timeline-all:hover {
	transform: none;
}

.tv-timeline-item:hover ~ .tv-timeline-item {
	-webkit-transform: translate3d(calc((234px + (360 - 234) * ((100vw - 768px) / (2548 - 768))) * 0.3), 0, 0);
	transform: translate3d(calc((234px + (360 - 234) * ((100vw - 768px) / (2548 - 768))) * 0.3), 0, 0);
}

/*high timeline hover remove*/
.high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-item:hover ~ .tv-timeline-item {
	transform: none;
	-webkit-transform:none;
}

.tv-timeline-item:hover ~ .tv-timeline-day-start-marker {
	-webkit-transform: translate3d(calc((234px + (360 - 234) * ((100vw - 768px) / (2548 - 768))) * 0.3), 0, 0);
	transform: translate3d(calc((234px + (360 - 234) * ((100vw - 768px) / (2548 - 768))) * 0.3), 0, 0);
}

/*Maybe needed*/
/*transform: translate(500px, 0);*/
    /*-o-transform: translate(500px, 0);         /* Opera */
    /*-ms-transform: translate(500px, 0);        /* IE 9 */
    /*-moz-transform: translate(500px, 0);       /* Firefox */
    /*-webkit-transform: translate(500px, 0);    /* Safari and Chrome */



/*timeline item-il hoveri teksti näitamine*/
.tv-timeline-item .tv-timeline-title-holder, .tv-timeline-item .tv-timeline-title-header {
	transition: opacity 0.5s;
	transition-delay: 0.2s;
}

.tv-timeline-item:hover .tv-timeline-title-holder {
	opacity: 0;
}

/*timeline item and thumbnail item hover text and gradient*/

.tv-timeline-item .tv-timeline-title-holder, .tv-episodes-thumbnail .tv-thumbnail-title-holder {
	transition: opacity 0.5s;
	transition-delay: 0.8s;
}

.tv-timeline-item .tv-timeline-item-heading-hover.tv-timeline-title-holder {
	transition: all 1s;
	transition-delay: 0.2s;
}

.tv-timeline-item:hover .tv-timeline-title-holder {
	transition: opacity 0.2s;
	transition-delay: 0.2s;
}

.tv-timeline-item:hover .tv-timeline-item-heading-hover.tv-timeline-title-holder {
	transition: all 1s;
	transition-delay: 0.5s;
}

.tv-timeline-item:hover .tv-timeline-title-holder, .tv-episodes-thumbnail:hover .tv-thumbnail-title-holder {
	opacity: 0;
}

.tv-timeline-item:hover .tv-timeline-item-heading-hover, .tv-episodes-thumbnail:hover .tv-timeline-item-heading-hover {
	opacity: 1;
}

/*erand Saated A-Ü jaoks*/
.tv-program-series .tv-episodes-thumbnail .tv-thumbnail-title-holder {
	opacity: 1;
}

.tv-timeline-item-heading-hover {
	opacity: 0;
}

.tv-program-series .episodes-thumbnail-container:hover .tv-timeline-read-more,
.tv-program-series .tv-timeline-read-more {
	background: unset;
}

.tv-timeline-item:hover .tv-timeline-item-heading-hover {
	max-height: 120px;
	min-height: 35%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.tv-timeline-item-heading-hover-gradient {
	top: 0;
	display: none;
}

.tv-episodes-thumbnail .tv-timeline-item-heading-hover-gradient {
	top: -20px;
	display: block;
}


.tv-timeline-item-heading-hover .tv-episodes-thumbnail-heading-desktop {
	white-space: normal;
	text-overflow: inherit;
}

.high-timeline .tv-timeline-title-header {
	font-size: calc(16px + 8 * ((100vw - 769px) / 2560));
	line-height: calc(16px + 8 * ((100vw - 769px) / 2560));
}

.high-timeline .tv-timeline-item-heading-hover .tv-timeline-title-header {
	font-size: calc(12px + 8 * ((100vw - 769px) / 2560));
	line-height: calc(16px + 8 * ((100vw - 769px) / 2560));
}

.high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-title-holder, .high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-item-bottom-gradient {
	display: none;
}

/*timeline item and thumbnail item hover text and gradient END*/


/*HIGH TIMELINE top and bottom HOVER*/

.vert-timeline-item-top {
	position: absolute;
	height: 50%;
	width: 100%;
	top: 0;
	opacity: 0.8;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity .2s ease-in-out;
}

.vert-timeline-item-top .tv-watch-button {
	justify-content: center;
	margin: 0;
	transition: all .2s ease-in-out;
	box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.6);
	pointer-events: none;
	background: url(/www/images/tv/2-1-play-pla-lst-dark.svg) center no-repeat;
	background-size: 75%;
	position: absolute;
	top: 15px;
	left: 15px;
	width: calc(25px + 49 * ((100vw - 769px) / 2560));
	height: calc(25px + 49 * ((100vw - 769px) / 2560));
	transform-origin: top left;
	background-color: rgba(0, 0, 0, 0.1);
	opacity: 0;
}

.vert-timeline-item-top .tv-watch-button:active {
	box-shadow: none;
}

.vert-timeline-item-top:hover {
	opacity: 1;
}

.high-timeline .high-timeline-streaming, .high-last-day, .high-timeline .high-last-days {
	display: none;
	width: 55%;
	position: absolute;
	top: 0px;
	right: 0;
	background-color: rgba(255, 255, 255, 0.95);
	pointer-events: none;
}

.high-timeline .high-last-days {
	display: block;
	opacity: 0;
	color: #c11b68;
	max-height: 0;
	transition: all 0.5s 0.2s;
}

.high-timeline-last-days-visible .high-timeline-watch-latest, .high-timeline-last-days .high-timeline-watch-latest {
	display: none;
}

.high-timeline-last-days-visible .high-last-days {
	opacity: 1;
	max-height: 120px;
}

.high-timeline-last-days-visible .high-last-days .high-timeline-live {
	opacity: 1;
}

.high-last-days .high-timeline-live {
	color: #c11b68;
	font-weight: 400;
	text-transform: lowercase;
	opacity: 0;
	transition: all 0.3s 0s;
}

.high-timeline-playing .high-timeline-streaming, .timeline-last-day .high-last-day, 
.high-timeline-last-days-visible .high-last-days {
	display: block;
	color: #c11b68;
}

.high-last-day .high-timeline-live, .high-last-days {
	white-space: normal;
	text-align: center;
}

.high-timeline .high-timeline-watch-latest {
	opacity: 0;
	color: #c11b68;
	width: 55%;
	position: absolute;
	top: 0px;
	right: 0;
	background-color: rgba(255, 255, 255, 0.95);
	transition: all 0.5s;
	pointer-events: none;
}

.vert-timeline-item-top:hover .high-timeline-watch-latest {
	opacity: 1;
}

.high-timeline-last-days .vert-timeline-item-top:hover .high-last-days {
	opacity: 1;
	max-height: 120px;
}

.high-timeline-playing .high-timeline-watch-latest,
.timeline-last-day .high-timeline-watch-latest {
	display: none;
}

.high-timeline-live {
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: calc(14px + 10 * ((100vw - 769px) / 2560));
	padding: 6px;
	letter-spacing: 1px;
}

.timeline:not(.high-timeline) .high-timeline-live, .has-selected-item .high-timeline-live {
	font-size: calc(10px + 8 * ((100vw - 769px) / 2560));
}

.high-timeline-streaming-extra {
	max-height: 0;
	opacity: 0;
	transition: all 0.5s 0.2s;
	transform-origin: top;
	padding: 0px 20px;
	white-space: normal;
	text-align: center;
	line-height: 20px;
	font-size: calc(14px + 10 * ((100vw - 769px) / 2560));
	letter-spacing: 1px;
}

.vert-timeline-item-top:hover .high-timeline-streaming-extra {
	max-height: 100px;
	opacity: 1;
	padding: 6px 18px;
}

.vert-timeline-item-top:hover .high-timeline-extra-text, .vert-timeline-item-top:hover .high-timeline-live {
	opacity: 1;
	transition: all 0.3s 0.35s;
}

.vert-timeline-item-top:hover .high-timeline-live {
	border-bottom: 1px solid #c11b68;
}

.vert-timeline-item-top .tv-watch-button-text {
	margin: 0;
	width: 50%;
	white-space: normal;
	line-height: calc(12px + 28 * ((100vw - 769px) / 2560));
}

.vert-timeline-item-bottom {
	position: absolute;
	height: 50%;
	width: 100%;
	bottom: 0;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: center;
	opacity: 0;
	transition: opacity .3s ease-in-out;
}

.vert-timeline-item-bottom:hover {
	opacity: 1;
	transition: all .4s ease-in-out;
}

.vert-timeline-item-more-container {
	display: flex;
	align-items: center;
	justify-content: center;
}

.vert-timeline-item-title {
	z-index: 1;
	width: 85%;
	text-align: center;
	font-size: calc(18px + 10 * ((100vw - 769px) / 2560));
	line-height: calc(21px + 10 * ((100vw - 769px) / 2560));
	color: #ffffff;
	white-space: normal;
	overflow: hidden;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	font-weight: 600;
	font-family: var(--default-font);
}

.vert-timeline-item-bottom .vert-timeline-item-more-container {
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60%;
	margin: 12px 0 10px;
	flex-direction: column;
	transition: all 0.3s;
	opacity: 0.5;
}

.vert-timeline-item-bottom:hover .vert-timeline-item-more-container {
	transform: scale(1.2);
	opacity: 1;
}

.vert-timeline-item-more-text {
	color: #aaaaaa;
	font-weight: 400;
	font-size: calc(12px + 8 * ((100vw - 769px) / 2560));
}

.vert-timeline-item-bottom:hover .vert-timeline-item-more-text {
	color: #fff;
}

.vert-timeline-item-more-icon {
	/*width: calc(27px + 13 * ((100vw - 769px) / 769));
	height: calc(10px + 13 * ((100vw - 769px) / 769));*/
	width: calc(10px + 13 * ((100vw - 769px) / 769));
	height: calc(10px + 13 * ((100vw - 769px) / 769));
	background: url(/www/images/tv/down-arrow-passive.svg) center/100% no-repeat;
}

.vert-timeline-item-bottom-gradient {
	position: absolute;
	bottom: -1px;
	width: 100%;
	opacity: 0.9;
	top: 0;
	z-index: 0;
	transition: all .2s ease-in-out;
	background-image: url(/www/images/tv/gradient_Vert.png);
	background-size: 1px 100%;
	background-repeat: repeat-x;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.tv-timeline-all.has-selected-item .vert-timeline-item-top, .tv-timeline-all.has-selected-item .vert-timeline-item-bottom {
	display: none;
}

.tv-timeline-all:not(.has-selected-item) .tv-timeline-item:hover .vert-timeline-item-bottom {
	opacity: 1;
}

/*HIGH TIMELINE top and bottom HOVER END*/

.tv-gradient {
	background-image: url(/www/images/tv/bot-shadow.png);
	width: 110%;
	height: 50%;
	background-size: cover;
	position: absolute;
	z-index: 3;
	bottom: 0%;
	left: 35%;
	pointer-events: none;
}
	
.tv-noise-container {
	bottom: 0;
	left: 0;
	right: 0;
	top: calc((234px + (369 - 234) * ((100vw - 769px) / (2560 - 769))) * -0.5625);
	position: absolute;
	z-index: 0;
}

.tv-noise {
	position: absolute;
	background-image: url(/www/images/noise.png);
	width: 100%;
	height: 100%;
	background-size: auto;
	background-repeat: repeat;
	z-index: 3;
}

#tv-content-block {
	position: relative;
	display: flex;
	flex-direction: column;
	animation: grow-height 0.5s ease;
}

@keyframes grow-height {
	0% {
		opacity: 0;
		transform: translateY(-50px);
		max-height: 0px;
	}
	15% {
		opacity: 0;
	}
	100% {
		opacity: 1;
		transform: translateY(0);
		max-height: 500px;
	}
}

#tv-content-block + .timeline.has-header {
	margin-top: calc(7px + 40 * ((100vw - 769px) / 2560));
}

.timeline-first .tv-timeline-all {
	margin-top: calc(((345px + (333 - 256) * ((100vw - 1440px) / (2560 - 1440))) * 9 / 16) * -0.15);
}

#live-bar {
	outline: none;
}

.tv-live-bar-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 20px 4.6% 20px 4.6%;
	background: black;
	margin-top: calc(((280px + (333 - 256) * ((100vw - 1440px) / (2560 - 1440))) * 9 / 16) * -0.15 - 14px);
	z-index: 7;
}

.tv-live-bar-text-container {
	width: 85%;
}

.tv-live-bar-container .tv-watch-button {
	width: calc(55px + 49 * ((100vw - 769px) / 2560));
	height: calc(55px + 49 * ((100vw - 769px) / 2560));
	border-radius: 58px;
	margin-right: calc(16px + 18 * ((100vw - 769px) / 2560));
	border: 2px solid #eaeaea;
	background: #eaeaea url(/www/images/tv/2-1_play_active.svg) center no-repeat;
	background-size: 90%;
}

.tv-live-bar-container .tv-watch-button:hover, .tv-live-bar-container .tv-watch-button:active {
	background: url(/www/images/tv/2-1_play_active.svg) no-repeat center;
	background-color: #fff;
	background-size: 90%;
	border-color: #fff;
	transform: scale(1.2);
	transform-origin: center;
	transition: all .3s ease-in-out 0.2s;
}

.tv-live-bar-text-container div:first-child {
	color: #cccccc;
	font-size: calc(16px + 12 * ((100vw - 720px) / 2560));
	text-transform: uppercase;
}

.tv-live-bar-text-container .tv-heading{
	color: #eaeaea;
	font-size: calc(22px + 20 * ((100vw - 720px) / 2560));
	font-weight: 400;
}

.tv-live-bar-container .tv-info {
	color: #cccccc;
	font-size: calc(16px + 12 * ((100vw - 720px) / 2560));
	margin-bottom: 0;
}

.tv-info-read-more {
	position: relative;
	cursor: pointer;
	font-weight: 600;
}

.tv-info-read-more:hover:after {
	content: '';
	border-bottom: 1px solid #ccc;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
}

.tv-content-blurred-image-bg {
	background-size: 120% 120%;
	background-position: center 20%;
	background-repeat: no-repeat !important;
	overflow: hidden;
	position: absolute;
	left: 0px;
	right: 0px;
	top: calc((234px + (369 - 234) * ((100vw - 769px) / (2560 - 769))) * -0.5625);
	bottom: 0px;
	opacity: 0.22;
	background-blend-mode: color-burn; 
	background-color: #2c4863;
}

.tv-content-blurred-image-bg2 {
	opacity: 0.22;
	background-color: transparent;
	z-index: 1;
	background-position: center 20% !important;
}

.tv-content-container {
	outline: none;
	display: flex;
	position: relative;
	align-items: flex-start;
	background-image: url(/www/images/tv/donuts.png);
	background-repeat: no-repeat;
	background-position: 30% 0%;
	background-size: 130%;
	overflow: hidden;
}

.tv-content-body-container {
	outline: none;
	width: 100%;
	min-height: 45px;
	padding-top: calc(3px + 31 * ((100vw - 769px) / 2560));
	padding-bottom: 10px;
	transition: all 0.5s ease-in-out;
	overflow: hidden;
	z-index: 4;
}

.tv-content-body-container.tv-show-body {
	max-height: 2000px !important;
	margin-bottom: 5%;

}

.tv-content {
	color: #e3e3e3;
	padding: 0 0 0px 10.6%;
	padding-top: calc(10px + 10 * ((100vw - 769px) / 2560));
	margin-bottom: calc(48px + 48 * ((100vw - 769px) / 2560));
	width: calc(100% - 10.6%);
	z-index: 4;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.tv-content-height-container {
	width: 100%;
	/*display: flex;*/
}

.tv-content-min-height {
	float: left;
	/*min-height: calc(522px + (729 - 495) * ((100vw - 1920px) / (2560 - 1920)));*/
	min-height: calc(216px + (558 - 216) * ((100vw - 769px) / (2560 - 769)));
}

.tv-content-headline-container {
	width: 100%;
	z-index: 5;
}

.tv-content-top-section-wrapper {
	display: flex;
}

.tv-heading {
	outline: none;
	font-family: var(--default-font);
	font-weight: 400;
	font-size: calc(25px + 27 * ((100vw - 720px) / 2560));
	margin-top: 0.1%;
	margin-bottom: 0.2%;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9);
	color: #fff;
	padding: 5px 5px 5px 0px;
}

@-moz-document url-prefix() {
	.tv-heading {
		text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
	}

	.tv-timeline-all {
		overflow-x: hidden;
	}
}

.tv-info {
	font-size: calc(18px + 12 * ((100vw - 769px) / 2560));
	margin-top: 0.1%;
	margin-bottom: calc(1px + 38 * ((100vw - 769px) / 2560));
	color: #E3E3E3;
}

.tv-heading,
.tv-info {
	white-space: nowrap;
	overflow: hidden;
	display: block;
	text-overflow: ellipsis;
}

.tv-content-container.read-more-is-active .tv-heading,
.tv-content-container.read-more-is-active .tv-info {
	white-space: normal;
}

.tv-pastShows-headings-container .tv-heading {
	display: inline;
}

.tv-button-container-top {
	display: flex;
	font-size: 1.25em;
	z-index: 5;
	position: absolute;
	width: 10.6%;
	justify-content: center;
	top: calc(18px + 10 * ((100vw - 769px) / 2560));
}

.tv-button-container-top .tv-watch-button, .tv-button-container-top .tv-watch-button:hover, .tv-button-container-top .tv-watch-button.active {
	width: calc(65px + 49 * ((100vw - 769px) / 2560));
	height: calc(65px + 49 * ((100vw - 769px) / 2560));
	transform-origin: top center;
	background-size: 90%;
}


.tv-watch-button {
	outline: none;
	width: calc(45px + 49 * ((100vw - 769px) / 2560));
	height: calc(45px + 49 * ((100vw - 769px) / 2560));
	border-radius: 58px;
	/*margin-right: calc(16px + 18 * ((100vw - 769px) / 2560));*/
	display: flex;
	cursor: pointer;
	background-color: rgba(51, 51, 51, 0.65);
	border: 2px solid #eaeaea;
	transition: all .1s ease-in-out;
	position: relative;
	overflow: hidden;
	justify-content: space-around;
	justify-content: space-evenly;
	align-items: center;

	/*background: url(/www/images/tv/2-1-play-pla-lst-dark.svg) center no-repeat;*/
	background: url(/www/images/tv/2-1_play_active.svg) no-repeat center;
	background-color: #eaeaea;
	background-size: 45px;
	z-index: 2;
	transition: all .3s ease-in-out 0.2s; 
}

.tv-watch-button-gb {
	padding-left: 10px;
	width: calc(116px + 116 * ((100vw - 769px) / 2560));
	background: none;
}

.tv-watch-button:hover, .vert-timeline-item-top:hover .tv-watch-button, .tv-watch-button.active {
	background: url(/www/images/tv/2-1_play_active.svg) no-repeat center;
	background-color: #fff;
	border-color: #fff;
	background-size: 100%;
	transform: scale(1.4);
	transform-origin: center;
	transition: all .3s ease-in-out 0.2s; 
}

.vert-timeline-item-top:hover .tv-watch-button {
	transform-origin: top left;
	transform: scale(1.9);
}

.tv-watch-button-gb:hover {
	padding-left: 10px;
	width: calc(116px + 116 * ((100vw - 769px) / 2560));
	transform: scale(1.2);
	background: none;
	background-color: #e61964;
}

.tv-watch-button-text { /*.tv-watch-button a*/
	font-size: calc(18px + 10 * ((100vw - 769px) / 2560));
	font-weight: 500;
	color: white;
	text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.12);
	display: flex;
	line-height: calc(45px + 48 * ((100vw - 769px) / 2560));
	z-index: 1;
	margin-right: 10px;
	margin-bottom: calc(1px + 4 * ((100vw - 769px) / 2560));
}

.tv-watch-button-gb .tv-watch-button-text {
	font-size: calc(16px + 10 * ((100vw - 769px) / 2560));
	line-height: calc(14px + 28 * ((100vw - 769px) / 2560));
}

.tv-button-live {
	min-width: 103px;
	height: 30px;
	padding: 0 8px;
	border-radius: 16px;
	border: solid 1.5px rgba(234, 41, 122, 0.37);
	text-transform: uppercase;
	line-height: 32px;
	text-align: center;
	font-size: 20px;
	color: #fff;
	margin-right: 50px;
	margin-top: calc(6px + (24 - 6) * ((100vw - 769px) / (2560 - 769)));
	margin-bottom: calc(1px + 26 * ((100vw - 769px) / 2560));
	z-index: 4;
}

.tv-media-page-btn {
	margin: 0;
	padding: 0 1% 0;
	cursor: pointer;
	border-radius: 30px;
	text-transform: uppercase;
	text-align: center;
	color: #fff;
	margin-right: 30px;
	border: solid 1.5px #fff;
	height: calc(25px + 27 * ((100vw - 769px) / 2560));
	font-size: calc(12px + 16 * ((100vw - 769px) / 2560));
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tv-media-page-btn:hover {
	background-color: #fff;
	color: #d91a63;
}

.tv-small-description {
	outline: none;
	width: 50%;
	font-size: calc(15px + 9 * ((100vw - 769px) / 2560));
	font-weight: 400;
	color: #eaeaea;
	margin: 0;
	transition: all 0.3s ease-in-out;
	line-height: calc(19px + 14 * ((100vw - 769px)/2560));

	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.tv-show-clip-container .tv-small-description {
	-webkit-line-clamp: 8;
}

.tv-content-body-container.tv-show-body .tv-small-description,
.tv-content-no-media .tv-content-body-container.tv-show-body .tv-small-description {
	-webkit-line-clamp: unset;
	display: block;
	transition: all 0.5s ease-in-out 0.1s;
}

.tv-small-desc-ellips:after {
	content: '...';
}

.tv-full-description-container {
	overflow: hidden;
	width: 48%;

	position: relative;
	max-height: 0;
	transition: all 0.5s ease-in-out 0s;
}

.tv-show-body .tv-full-description-container {
	max-height: 2000px;
}

.tv-full-description {
	font-size: calc(15px + 8 * ((100vw - 769px) / 2560));
	color: #eaeaea;
	margin-top: 12px;
	transition: all 0.5s ease-in-out 0s;
	transform: translateY(-200px);
	opacity: 0;
	position: relative;
}

.prog-footer-info {
	margin: 0;
}

.tv-show-body .tv-full-description {
	transition: all 0.5s ease-in-out 0s;
	transform: translateY(0);
	opacity: 1;
	position: relative;
}

.tv-share-container {
	width: 100%;
	display: flex;
}

.tv-button-share {
	background: url(/www/images/tv/sharebut.svg) center no-repeat;
	width: calc(26px + 26 * ((100vw - 769px) / 2560));
	height: calc(26px + 26 * ((100vw - 769px) / 2560));
	border-radius: 32px;
	border: solid 1.5px #fff;
	background-position-x: -1px;
	cursor: pointer;
	transition: .1s;
	background-size: auto 100%;
	position: relative;
	display: flex;
	padding-left: calc(28px + 26 * ((100vw - 769px) / 2560));
	padding-right: 15px;
}

.tv-button-share:hover {
	background: rgba(0, 0, 0, 0.30) url(/www/images/tv/sharebut.svg) center no-repeat;
	background-position-x: -1px;
	width: 170px;
	height: calc(26px + 26 * ((100vw - 769px) / 2560));
	background-size: auto 100%;;
	box-shadow: inset 0px 0px 0px 0px black;
	padding: 0;
}

.tv-button-share:hover .tv-share-container {
	padding-left: 32px;
	padding-right: 10px;
}

.tv-share-text {
	display: flex;
	align-items: center;
	/* margin-bottom: 2px; */
	font-size: calc(14px + 8 * ((100vw - 769px) / 2560));
}

.tv-button-share:hover .tv-share-text {
	display: none;
}

.tv-share-social {
	opacity: 0;
	width: calc(100% / 3);
	height: 100%;
	text-align: center;
	line-height: 36px;
	color: #ffffff;
	border-radius: 5px;
	transition: .1s;
	position: relative;
	font-size: 1.125em;
	display: flex;
	align-items: center;
}

.tv-share-social div {
	height: 100%;
	padding-left: calc(24px + (27 - 24) * ((100vw - 769px) / (1440 - 769)));
	margin: auto;
}

.tv-button-share:hover .tv-share-social{
	opacity: 1;
}

.f {
	background: url(/www/images/tv/share/f-like-facebok.svg) center/89% no-repeat;
}

.t {
	background: url(/www/images/tv/share/r-twitbird.svg) center/89% no-repeat;
}

.e {
	background: url(/www/images/tv/share/email.svg) center/89% no-repeat;
}

.f:hover {
	background: url(/www/images/tv/share/f-like-facebok-blue.svg) center/89% no-repeat;
}

.t:hover {
	background: url(/www/images/tv/share/r-twitbird-white.svg) center/89% no-repeat;
}

.e:hover {
	background: url(/www/images/tv/share/email-red.svg) center/89% no-repeat;
}

.tv-button-container-bottom {
	display: flex;
	margin-top: calc(7px + 11 * ((100vw - 769px) / 2560));
	/*margin-top: 0px;*/
	margin-bottom: 3.2%;
	font-size: 1.25em;
	position: relative;/* position: absolute;*/
	margin-left: 10.6%;
	z-index: 4;
}

.tv-button-container-bottom * {
	pointer-events: all;
}

.tv-button-more-container {
	display: flex;
	align-items: center;
	min-width: calc(110px + (130) * ((100vw - 769px) / 2560));
	margin-right: 30px;
	cursor: pointer;
}

.tv-button-more-text {
	font-size: calc(14px + 26 * ((100vw - 769px) / 2560));
}

.tv-button-more {
	margin-right: 10px;
}

/*BACKGROUND IMAGE variant*/
.tv-button-more {
	margin-right: 10px;
	background: url(/www/images/tv/plusicon.svg);
	background-repeat: no-repeat;
	background-size: 45% auto;
	background-position: center;
	width: calc(25px + 27 * ((100vw - 769px) / 2560));
	height: calc(25px + 27 * ((100vw - 769px) / 2560));
	border-radius: 32px;
	border: solid 1.5px #fff;
	cursor: pointer;
	transition: .1s;
}

.tv-button-more.tv-less-text-sign {
	background: url(/www/images/tv/minusicon.svg);
	background-repeat: no-repeat;
	background-size: 45% auto;
	background-position: center;
	width: calc(25px + 26 * ((100vw - 769px) / 2560));
	height: calc(25px + 26 * ((100vw - 769px) / 2560));
	border-radius: 32px;
	border: solid 1.5px #fff;
	cursor: pointer;
	transition: .1s;
}

.tv-button-less {
	display: inline-block;
	border-radius: 32px;
	border: solid 1.5px #fff;
	width: 32px;
	height: 32px;
	color: #eaeaea;
	font-size: 16px;
	line-height: 29px;
	text-align: center;
	margin-right: 10px;
	cursor: pointer;
	transition: .1s;
	font-size: 42px;
}

.tv-button-less:hover {
	background-color: #fff;
}

.tv-button-less a:before {
	content: '-';
	margin-right: 7px;
	color: #fff;
	/*font-size: 16px;*/
}

.tv-info-container {
	margin-right: 13px;
	display: table;
	z-index: 3;
}

.tv-info-container div {
	display: flex;
}

.tv-info-container.not-logged div,
.tv-info-container .display-inline {
	display: inline-block;
}

.tv-button-rewatch-days {
	height: 23px;
	font-size: calc(14px + 10 * ((100vw - 769px) / 2560));
	font-weight: 600;
	color: #fff;
	text-align: right;
	position: relative;
}

.tv-button-rewatch-text {
	font-size: calc(14px + 10 * ((100vw - 769px) / 2560));
	color: #888888;
	position: relative;
	white-space: nowrap;
	margin-right: 10px;
}

.tv-button-geoblock-image {
	background: url(/www/images/tv/geoblock_icon.svg) center no-repeat;
	background-size: 19px;
	width: 20px;
	height: 23px;
	position: relative;
	margin-right: 7px;
}

.tv-button-geoblock-text {
	font-size: calc(14px + 10 * ((100vw - 769px) / 2560));
	color: #888888;
	position: relative;
	white-space: nowrap;
	line-height: 23px;
}

.tv-button-geoblock-text.log-in {
	color: #dddddd;
	text-decoration: underline;
}

.tv-button-geoblock .tv-button-geoblock-image {
	margin-right: 5px;
	display: inline-block;
	margin-bottom: -5px;
}

.tv-info-container.not-logged .tv-button-geoblock-log-in,
.tv-info-container .tv-button-geoblock-log-in{
	display: flex;
	cursor: pointer;
}

.tv-button-geoblock-log-in:hover .tv-button-geoblock-text {
	color: #fff;
}

.tv-button-geoblock-log-in .tv-login-man {
	width: 18px;
	height: 24px;
	margin-right: 7px;
}

.tv-play-icon-container {
	position: relative;
}

.tv-play-icon {
	position: relative;
	text-align: left;
	margin-top: calc(15px + 14 * ((100vw - 769px) / 2560));
	margin-right: calc(22px + 27 * ((100vw - 769px) / 2560));
	margin-bottom: calc(15px + 14 * ((100vw - 769px) / 2560));
	margin-left: calc(22px + 25 * ((100vw - 769px) / 2560));
	z-index: 2;
}

.tv-play-icon-shadow {
	position: absolute;
	background-color: #a9275d;
	text-align: left;
	transform: rotate(-90deg) skewX(-30deg) scale(1,.866);
	top: -13px;
	right: 23px;
	z-index: 0;
	filter: blur(3px);
}

.tv-watch-button-gb .tv-play-icon-logo {
	width: calc(15px + (20 - 10) * ((100vw - 769px) / 769));
	height: calc(30px + (25 - 10) * ((100vw - 769px) / 769));
	background: url(/www/images/tv/login-mees.svg) center/100% no-repeat;
	z-index: 2;
}

.tv-content-hero-img-container {
	width: calc(384px + (992 - 384) * ((100vw - 769px) / (2560 - 769)));
	max-height: 900px;
	position: absolute;
	right: 0;
	margin-left: auto;
	z-index: 4;
	transition: all 0.2s ease-in-out 0.3s;
	-webkit-mask-image: linear-gradient(to left, rgba(0,0,0, 1) 62%, rgba(0,0,0, 0.5) 76%, rgba(0,0,0, 0.2) 85%, rgba(0,0,0, 0.06) 92%, rgba(0,0,0, 0) 100%);

	height: 100%;
	max-height: 100%;
	max-width: 55%;
}

.tv-episodes-container .tv-content-hero-img-container,
.tv-show-clip-container .tv-content-hero-img-container {
	z-index: 3;
	height: auto;
}

.tv-hero-img-click.tv-content-hero-img-container {
	cursor: pointer;
	z-index: 4;
	-webkit-mask-image: none;
}

/*ARNE SUUR VAADE*/
.tv-hero-img-opened {
	/*width: calc(1136px + (1376 - 1136) * ((100vw - 1920px) / (2560 - 1920)));*/
	transition: all 0.5s ease-in-out 0s;
}

.hero-img-effect-container {
	position: relative;
}

.hero-img-more-info {
	width: 65%;
}

.tv-content-hero-img {
	object-fit: cover;
	object-position: center;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

.tv-image-gradient-overlay {
	background-image: linear-gradient(to bottom, #d4d2d200 93%, rgba(0, 0, 0, 0.41), #171717);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.tv-content-container .tv-image-gradient-overlay {
	display: none;
}

.tv-progress-bar {
	margin: 0 4.6% 0 4.6%;
	height: 8px;
	border-radius: 8px;
	background-color: rgba(255, 255, 255, 0.5);
	margin-top: 20px;
	position: relative;
	right:0;
	left: 0;
	z-index: 5;
	cursor: pointer;
}

.progress-bar-hidden {
	display: none;
}

.tv-time-progress,
.tv-time-total {
	position: absolute;
	top: -25px;
	color: rgba(255, 255, 255, 0.5);
	pointer-events: none;
}

.tv-time-total {
	right: 0;
	pointer-events: none;
}

.tv-played,
.tv-buffer {
	height: 8px;
	max-width: 100%;
	border-radius: 8px;
	position: absolute;
}

.tv-played {
	background-color: #ccc;
}

.tv-played:after {
	content: '';
	width: 22px;
	height: 22px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	background-color: #eaeaea;
	position: absolute;
	border-radius: 25px;
	right: -10px;
	top: -7px;
	pointer-events: none;
}

.tv-buffer {
	background-color: rgba(255, 255, 255, 0.5);
}

.tv-progress-bar-tooltip {
	position: absolute;
	bottom: 12px;
	overflow: hidden;
	width: 150px;
	pointer-events: none;
	z-index:1;
	border-radius: 2px;
}

.tv-progress-bar-image {
	max-width: 100%;
	max-height: 100%;
	border-radius: 2px;
}

.tv-progress-bar-time-holder {
	bottom: 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	width: 100%;
	height: 25%;
	text-align: center;
	background-image: url(/www/images/tv/gradient_Vert.png);
	background-size: auto 100%;
	background-repeat: repeat-x;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.tv-progress-bar-marker {
	width: 6px;
	height: 22px;
	border-radius: 4px;
	background-color: #fff;
	position: absolute;
	top: -7px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
	transition: left 0.5s;
}

.tv-progress-bar-marker-info-wrapper {
	position: absolute;
	bottom: 23px;
	width: 300px;
	left: -147px;
	text-align: center;
	display: flex;
	justify-content: center;
	pointer-events: none;
	display: none;
}

.tv-progress-bar-tooltip-text {
	width: 350px;
	text-align: center;
	position: absolute;
	bottom: 101px;
	overflow: hidden;
	pointer-events: none;
	z-index:1;
	border-radius: 2px;
}

.tv-progress-bar-tooltip-text-span {
	display: inline-block;
	min-width: 140px;
	padding: 5px;
	background: #191919;
	border-radius: 3px;
}


.tv-progress-bar-markers {
	pointer-events: none;
}

.tv-progress-bar-marker:hover .tv-progress-bar-marker-info-wrapper {
	bottom: unset;
	top: -113px;
	width: 300px;
	left: -147px;
	display: flex;
}

.tv-progress-bar-marker-info {
	background: #191919;
	padding: 3px;
	min-width: 150px;
	text-align: center;
	overflow: hidden;
	border-radius: 3px;
}

.tv-content-menu {
	position: relative;
	left: 0;
	right: 0;
	bottom: 0px;
	z-index: 1;
}

.second-menu-container {
	position: relative;
	margin: 0.8% 10.6% 4px 10.6%;
	pointer-events: all;
}

.second-menu-list {
	width: 100%;
	display: flex;
	text-transform: uppercase;
	list-style: none;
	font-size: calc(18px + 16 * ((100vw - 720px) / 2560));
	margin-bottom: 5px;
	margin-top: 0px;
	margin-block-start: 0px;
	margin-block-end: 0px;
	padding-inline-start: 0;
	justify-content: space-between;
	text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.9);
}

@-moz-document url-prefix() {
	.second-menu-list {
		text-shadow: 0px 2px 4px rgba(0, 0, 0, 0.5);
	}
}

.second-menu-list li {
	transition: 0.15s;
	color: #cccccc;
	display: flex;
	margin-right: auto;
}

.second-menu-list li:hover p {
	cursor: pointer;
	box-shadow: 0px 4px 0px 0px #d91a63;
	transition: 0.15s;
	color: #ffffff;
}

.second-menu-list li.active p {
	box-shadow: 0px 4px 0px 0px #d91a63;
	color: #ffffff;
}

.second-menu-list li span {
	display: none;
}

.tv-menu-item-short {
	display: none;
}

.tv-menu-item-long {
	display: block;
}

.tv-content-menu-mobile-blur {
	display: none;
}

.sticky-menu,
.non-sticky-menu {
	z-index: 4;
	position: absolute;
	pointer-events: none;
}

.sticky-menu {
	position: fixed;
	pointer-events: none;
	z-index: 8;
	bottom: 0;
	opacity: 0;
	transition: all 0.25s;
}

.show-sticky-menu {
	display: block;
	opacity: 1;
	pointer-events: all;
}

.sticky-no-transition {
	transition: opacity 0s;
}

.sticky-gradient { 
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -1px;
	background-image: url(/www/images/tv/gradient_Vert.png);
	background-size: auto 100%;
	background-repeat: repeat-x;
	z-index: -1;
	pointer-events: none;
}

.sticky-gradient.sticky-not-main {
	top: -157px;
}

.sticky-gradient-absolute {
	height: 157px;
	top: inherit;
	z-index: 3;
}

.sticky-menu-top {
	position: absolute;
	top: 0;
	bottom: auto;
	display: block;
	background-image: linear-gradient(to top, rgba(0,0,0,0), rgba(0,0,0,0.3));
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.3), rgba(0,0,0,0.3));
}

.hide-nonsticky-menu {
	opacity: 0;
}

.tv-channel.sticky-menu {
	position: fixed;
	top: 99px;
	width: calc(14.28% - (38.5px + (37.5 - 38.5) * ((100vw - 2322px) / (3000 - 2322))));
}

.tv-pastShows-header.sticky-menu {
	position: fixed;
	top: 48px;
	bottom: unset;
	bottom: auto;
	max-width: 100%;
	left: 0;
	right: 0;
	background: rgba(40, 41, 45, 0.98);
	padding-right: 4%;
	padding-left: 4%;
	box-sizing: border-box;
	transition: all 0s;
}

.tv-pastShows-header.hide-nonsticky-menu {
	opacity: 1;
}

.tv-channel.non-sticky-menu {
	z-index: 0;
	pointer-events: all;
}

.tv-pastShows-header.non-sticky-menu {
	pointer-events: all;
}

.top-menu {
	order: -1;
}

.tv-show-clip-container .tv-content {
	position: relative;
	margin-bottom: calc(24px + 24 * ((100vw - 769px) / 2560));
	min-height: calc(216px + (558 - 216) * ((100vw - 769px) / (2560 - 769)));
}

.tv-show-clip-container .tv-button-container-bottom {
	margin-left: 0;
	margin-bottom: 1.2%;
	margin-top: auto;
}

.tv-show-clip-container .tv-progress-bar {
	margin-left: 0;
	width: calc(100% - 4.6%);
}

.tv-show-clip-container .tv-image-gradient-overlay {
	background-image: none;
}

.tv-show-clip-container .sticky-menu .tv-button-container-bottom, .tv-show-clip-container .sticky-menu .tv-progress-bar {
	display: none;
}

.tv-show-clip-container .tv-content-blurred-image-bg2 {
	z-index: 0;
}

.tv-show-clip-container .tv-full-description-container {
	max-height: initial;
}

.tv-show-clip-container .tv-full-description {
	opacity: 1;
	transform: none;
}

.tv-episodes-thumbnail .tv-show-clip-duration {
	display: none;
}

.tv-show-clip-container .tv-media-page-btn {
	padding: 0 15px;
}

.show-clips-absolute-gradient {
	height: 70px;
}

.tv-show-clip-container .tv-button-more {
	background: url(/www/images/tv/return-but.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.tv-button-more-container:hover .tv-button-more {
	background: #fff url(/www/images/tv/plusicon-active-etv.svg) no-repeat center;
	background-size: 45%;
}

.tv-button-more-container:hover .tv-button-more.tv-less-text-sign {
	background: #fff url(/www/images/tv/minusicon-active-etv.svg) no-repeat center;
	background-size: 45%;
}

.tv-show-clip-container .tv-button-more-container:hover .tv-button-more {
	background: #fff url(/www/images/tv/return-but-active-etv.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}

.tv-show-clips-holder {
	display: flex;
	justify-content: center;
	margin-bottom: calc(44px + 44 * ((100vw - 769px) / 2560));
}

.show-clip-parent {
	cursor: pointer;
}

.show-clip-parent:hover {
	text-decoration: underline;
}

.tv-show-clips-container .episodes-thumbnail-container.is-selected:after, .tv-show-clips-container .episodes-thumbnail-container:hover:after {
	content: '';
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	top: -9px;
	border-bottom: solid 9px #fff;
	border-left: solid 15px transparent;
	border-right: solid 15px transparent;
}

.tv-show-clips-container .episodes-thumbnail-container.is-selected:before {
	content: '';
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	top: 0;
	width: 100%;
	border-top: solid 2px #fff;
	transform: scaleX(1);
	background: #fff;
	z-index: 2;
	transition: transform 250ms ease-in-out;
}

.tv-show-clips-container .episodes-thumbnail-container:not(.is-selected):before {
	content: '';
	border-top: solid 2px #fff;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out;
}

.tv-show-clips-container .episodes-thumbnail-container:not(.is-selected):hover:before {
	transform: scaleX(1);
	display:block;
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
}

.tv-show-clip-duration {
	position: absolute;
	right: 0;
	width: 20%;
	height: 17%;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(255, 255, 255, 0.90);
	color: #333333;
	font-size: calc(16px + 10 * ((100vw - 769px) / 2560));
	z-index: 1;
}

.tv-clips-content {
	padding: 0 4% 70px 4%;
	z-index: 4;
	font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (2560 - 320)));
	position: relative;
}

.tv-show-clips-container {
	margin: auto;
	display: inline-grid;
	z-index: 0;
	grid-template-columns: repeat(5, auto);
	grid-gap: 5px;
}

.tv-clips-container-date {
	font-size: 18px;
	margin-top: 0;
	margin-bottom: 37px;
}

.tv-show-thumbnail {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.88)), url(/www/images/tv/test/simon.jpg);
	width: calc(256px + (333 - 256) * ((100vw - 1440px) / (2560 - 1440)));
	height: calc(144px + (187 - 144) * ((100vw - 1440px) / (2560 - 1440)));
	margin-bottom: 5px;
	background-size: cover;
	position: relative;
	cursor: pointer;
}

.tv-show-thumbnail:after {
	content: "";
	background: rgba(7, 0, 18, 0.14) url(/www/images/tv/smallPlay.svg) no-repeat center;
	background-size: 16px;
	position: absolute;
	width: 32px;
	height: 18px;
	top: 8px;
	left: 5px;
	border-radius: 27px;
	box-shadow: 3px 5px 9px 0 rgba(0, 0, 0, 0.24);
	border: solid 1px #fff;
	transition: all .2s ease-in-out;
}

.tv-show-thumbnail:hover:after {
	background-color: #fff;
}

.tv-show-thumbnail:active:after {
	box-shadow: none;
}

.tv-show-thumbnail-heading {
	font-size: 0.938em;
	bottom: 5px;
	position: absolute;
	left: 3px;
}

.tv-episodes-container {
	display: flex;
	position: relative;
	background-image: url(/www/images/tv/donuts.png);
	background-repeat: no-repeat;
	background-position: 40% 0%;
	background-size: 130%;
	padding-bottom: 40px;
}

.tv-episodes-content-container {
	display: flex;
	justify-content: space-between;
	min-height: calc((144px + (187 - 144) * ((100vw - 1440px) / (2560 - 1440))) * 1.7);
}

.tv-episodes-content {
	color: #ffffff;
	padding: 0 4% 0px 4%;
	/*width: 100%;*/
	z-index: 8;
	font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (2560 - 320)));
	position: relative;
	height: 100%;
}

.tv-calendar-container {
	display: flex;
	flex: 1;
	margin: 0 50px;
}

.tv-calendar-heading {
	text-transform: uppercase;
	font-size: 2em;
	margin-top: 10px;
}

.tv-calendar-month {
	font-size: 30px;
	margin-bottom: 14px;
	text-align: center;
}

.tv-calendar-month::first-letter {
	text-transform: capitalize;
}

.tv-calendar-day {
	height: calc(67px + (100.5 - 67) * ((100vw - 1440px) / (2560 - 1440)));
	text-align: center;
	line-height: calc(67px + (100.5 - 67) * ((100vw - 1440px) / (2560 - 1440)));
	font-size: calc(45px + (67.5 - 45) * ((100vw - 1440px) / (2560 - 1440)));
	border: solid 1.1px #fff;
	background-color: rgba(7, 0, 18, 0.4);
	position: relative;
	transition: .1s;
	cursor: pointer;
	margin-right: 10px;
	flex-grow: 1;
	max-width: 13%;
}

.tv-past-show-day {
	position: absolute;
	font-size: 20px;
	color: #fff;
	bottom: 4px;
	left: 4px;
	line-height: 16px;
}

.tv-calendar-day:hover {
	background-color: #fff;
	color: #d91a63;
}

.tv-calendar-day:hover .tv-past-show-day {
	color: #d91a63;
}

.tv-calendar-day:hover:after {
	color: #ffffff;
}

.tv-calendar-control-container {
	position: absolute;
}

.tv-calendar-button {
	width: 69px;
	height: 69px;
	border-radius: 69px;
	border: 2px solid #fff;
	background: rgba(0, 0, 0, 0.30);
	/*transition: .1s;*/
	cursor: pointer;
	transition: height .1s ease-in-out, margin-bottom .1s ease-in-out, opacity .1s .3s;
}

.tv-calendar-right-buttons,
.tv-calendar-left-buttons {
	min-width: 73px;
}

.tv-calendar-left-buttons {
	margin-right: 10px;
	margin-left: -10px;
}

.tv-calendar-right-buttons {
	order: 1;
	display: flex;
	flex-direction: column;
	margin-right: -10px;
	margin-left: 10px;
}

.tv-calendar-right-buttons .tv-calendar-button {
	margin-bottom: 100%;
}

.tv-calendar-button:hover {
	background: #fff;
}

.tv-calendar-button-hide,
.tv-calendar-right-buttons .tv-calendar-button.tv-calendar-button-hide {
	opacity: 0;
	pointer-events: none;
	margin-bottom: 0;
	height: 0;
	transition: opacity .1s, height .1s ease-in-out .3s, margin-bottom .1s ease-in-out .3s;
}

.tv-forward-arrows,
.tv-backward-arrows,
.tv-all-shows-icon,
.tv-back-icon {
	background-size: 75%;
	background-repeat: no-repeat;
	background-position: center;
	width: 72px;
	height: 72px;
	opacity: .85;
}

.tv-forward-arrows {
	background: url(/www/images/tv/arrows-right.svg) center no-repeat;
	background-size: 75%;
}

.tv-backward-arrows {
	background: url(/www/images/tv/arrows-left.svg) 4px center no-repeat;
	background-size: 75%;
}

.tv-calendar-button:hover .tv-forward-arrows {
	background: url(/www/images/tv/arrows-active-right-etv.svg) center no-repeat;
	background-size: 75%;
}

.tv-calendar-button:hover .tv-backward-arrows {
	background: url(/www/images/tv/arrows-active-left-etv.svg) 4px center no-repeat;
	background-size: 75%;
}

.tv-all-shows-icon {
	background-image: url(/www/images/tv/archive-icon2.svg);
	background-size: 50%;
}

.tv-calendar-right-buttons .tv-calendar-button:hover .tv-all-shows-icon {
	background-image: url(/www/images/tv/archive-icon2-active-etv.svg);
	background-size: 50%;
}

.tv-back-icon {
	background-image: url(/www/images/tv/return-but.svg);
	background-size: 100%;
}

.tv-calendar-button-all:hover .tv-back-icon {
	background-image: url(/www/images/tv/return-but-active-etv.svg);
	background-size: 100%;
	background-color: #fff;
	border-radius: 50px;
}

.tv-calendar-button-month {
	font-size: 20px;
	text-align: center;
	margin: 10px -12px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.7), 2px 2px 6px rgba(0, 0, 0, 0.3);
}

.tv-thumbnail-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	transition: .1s;
}

.tv-program-series .tv-thumbnail-container {
	flex-direction: column;
}

.past-show-subheading-and-select {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 30px;
}

.past-show-selects {
	display: flex;
}

.past-show-selects .custom-select:nth-child(2) {
	margin-left: 10px;
}

.tv-pastShows-header {
	padding: 36px 0;
	/*display: flex;*/
	/*flex-wrap: wrap;*/
	/*justify-content: space-between;*/
	/*align-items: center;*/
	position: relative;
	box-sizing: border-box;
	max-width: 100%;
}

.tv-pastShows-subHeading {
	font-size: calc(20px + 27 * ((100vw - 720px) / 2560));
	font-weight: 400;
	color: #aaaaaa;
}

.tv-program-series {
	padding-left: 0;
	padding-right: 0;
}

.tv-program-series .tv-program-series-search {
	border-radius: 5px;
	border: 1px solid #6f6f6f;
}

.tv-program-series .tv-search-btn {
	display: none;
}

.program-series-row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-top: 1px solid #5d5d5d;
	width: 100%;
	padding-top: 36px;
}

.category-series.program-series-row {
	border-top: none;
	padding-top: 0;
}

.all-episodes-container .program-series-row {
	flex-direction: column;
	padding-top: 0;
}

.all-episodes-container .program-series-row-items {
	padding-right: 0;
}

.all-episodes-container .program-series-row-index {
	padding: 20px 0;
	width: auto;
	text-align: left;
	display: none;
}

.all-episodes-container .episodes-thumbnail-container {
	margin-bottom: 4px;
}

.program-series-row-index {
	width: calc(100vw * 4 / 100 + 5px);
	text-align: center;
	font-size: calc(26px + 30 * ((100vw - 769px) / 2560));
	color: #aaaaaa;
	text-transform: capitalize;
}

.program-series-row-items {
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	padding-right: calc(100vw * 3 / 100);
}

.program-series-row-item {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 32px;
}

.program-series-row-item.has-clips {
	width: 100%;
}

.episodes-thumbnail-container {
	width: calc(234px + (360 - 234) * ((100vw - 769px) / (2548 - 769)));
	margin-right: 4px;
	position: relative;
	transition: .3s;
	cursor: pointer;
}

.episodes-thumbnail-container.disabled .tv-episodes-thumbnail {
	opacity: 0.45;
}

/*.episodes-thumbnail-container:hover > .tv-episodes-thumbnail:after{
	background-color: #fff;
}*/

.episodes-thumbnail-container:active > .tv-episodes-thumbnail:after{
	box-shadow: none;
}

.tv-episodes-thumbnail {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.88));
	width: calc(234px + (360 - 234) * ((100vw - 769px) / (2548 - 769)));
	height: calc((234px + (369 - 234) * ((100vw - 769px) / (2560 - 769))) * 0.5625);
	background-size: cover;
	margin-right: 4px;
	position: relative;
	transition-duration: 0.3s;
}

.tv-program-series .episodes-thumbnail-container {
	margin-bottom: calc(32px + 32 * ((100vw - 769px)/ 2560));
	overflow: hidden;
}

.tv-episodes-thumbnail .tv-timeline-read-more {
	max-height: 0px;
	transition: all 0.5s 0.15s;
	opacity: 0;
	text-transform: lowercase;
}

.tv-program-series .episodes-thumbnail-container:hover .tv-timeline-read-more {
	max-height: 30px;
	background-color: #cccccc;
	color: #333333;
	opacity: 1;
	z-index: 1;
}

.tv-search-container .episodes-thumbnail-container:hover .tv-timeline-read-more {
	max-height: 30px;
	opacity: 1;
	z-index: 1;
}

.tv-search-container .tv-timeline-item-heading-hover:hover .tv-timeline-read-more {
	max-height: 30px;
	background: url(/www/images/tv/down-arrow-active.svg) no-repeat center;
	background-size: 20px;
	background-color: #cccccc;
	color: #333333;
	opacity: 1;
	z-index: 1;
}

.tv-episode-rewatch-days-container {
	position: absolute;
	right: 0;
	top: 0;
	background: #fff;
	color: #D91A63;
	padding: 6px;
	font-size: calc(11px + 8 * ((100vw - 720px) / 2560));
	display: flex;
	flex-direction: column;
	text-align: right;
}

.tv-episode-rewatch-days-container p {
	padding-left: 5px;
}

.tv-episode-rewatch-days {
	font-family: var(--default-font);
}

.tv-thumbnail-title-holder {
	position: absolute;
	bottom: 0;
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

.tv-episode-date-desktop {
	font-size: calc(11px + 8 * ((100vw - 720px) / 2560));
	margin: 0px 0px -4px 2px;
	z-index: 1;
}

.tv-episodes-thumbnail-heading-desktop {
	font-size: calc(14px + 8 * ((100vw - 769px) / 2560));
	line-height: calc(19px + 9 * ((100vw - 769px) / 2560));
	margin-left: calc(1px + 3 * ((100vw - 769px) / 2560));
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
	z-index: 1;
}

.tv-episodes-thumbnail-heading-mobile {
	display: none;
}

.tv-episodes-thumbnail-body {
	font-size: calc(13px + 6 * ((100vw - 769px) / 2560));
	font-weight: 400;
	color: #eaeaea;
	margin: 2px 0 5px;
	line-height: calc(17px + 10 * ((100vw - 769px) / 2560));
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.episodes-thumbnail-container.disabled .tv-episodes-thumbnail.tv-episodes-thumbnail-play:before {
	content: "";
	position: absolute;
	width: 42px;
	width: calc(27px + (61 - 27) * ((100vw - 769px) / (2560 - 769)));
	height: 2px;
	transform: rotateZ(31deg);
	top: 29px;
	top: calc(22px + (40 - 22) * ((100vw - 769px) / (2560 - 769)));
	left: 6px;
	z-index: 2;
	border-radius: 6px;
	background-color: #fff;
}

.tv-episode-date-mobile {
	display: none;
}

.tv-makers-container {
	display: flex;
	position: relative;
	background-image: url(/www/images/tv/donuts.png);
	background-repeat: no-repeat;
	background-position: 40% 0%;
	background-size: 130%;
}

.tv-makers-content {
	padding: 0 4% 70px 4%;
	z-index: 4;
	font-size: calc(14px + (24 - 14) * ((100vw - 320px) / (2560 - 320)));
	position: relative;
	height: 100%;
}

.tv-makers {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding-left: 3%;
	padding-top: 20px;
}

.tv-makers-group {
	margin-right: 3%;
}

.tv-maker-type {
	font-weight: 500;
	font-size: calc(16px + 14 * ((100vw - 769px) / 2560));
	margin-bottom: 0.8vw;
	border-bottom: 1px solid #797979;
	display: inline-block;
	padding-bottom: 2px;
	width: 100%
}

.tv-maker-name {
	font-size: calc(15px + 14 * ((100vw - 769px) / 2560));
	margin-left: 12px;
	margin-bottom: 10px;
	margin-right: 12px;
	color: #eaeaea;
}

.tv-show-email {
	font-size: calc(15px + 14 * ((100vw - 769px) / 2560));
	margin-left: 3%;
	color: #eaeaea;
	margin-top: 45px;
}

/* playErr layer */
#playErr-layer {
	z-index: 21;
	position: fixed;
	height: 100%;
	width: 100%;
	display: none;
	bottom: 0px;
	right: 0px;
	transition: all 0.5s ease-in-out;
}

/*.playErr-layer-close {
	position: fixed;
	right: 20px;
	top: 20px;
	height: 45px;
	width: 45px;
	background-color: red;
	z-index: 14;
}*/

.tv-program-schedule-container .header-calendar {
	display: none;
}

.tv-program-schedule-container {
	padding: 1px 4% 0 4%;
}

.tv-program-schedule {
	display: flex;
}

.tv-program-week .tv-program-schedule {
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 39px;
}

.tv-program-week-header-container {
	display: flex;
	align-items: center;
	justify-content: center;
	position: fixed;
	width: 98%;
	background-color: #222730;
	z-index: 1;
	margin-top: -13px;
}

.tv-schedules-heading {
	font-size: 26px;
	margin: 10px 20px;
	/* padding: 4px 0 0; */
}

.tv-schedule-day-plus {
	display: none;
}

.tv-schedule-day-minus {
	display: none;
}

.tv-schedule-day-date {
	display: inline-block;
}

.tv-program-series .tv-schedules-heading {
	font-size: calc(24px + 30 * ((100vw - 769px) / 2560));
	font-weight: 500;
	color: #ccc;
	padding-left: 4%;
}

.tv-schedule-time {
	min-width: 44px;
	text-align: center;
}

.tv-schedule-show-name {
	word-break: break-word;
}

.tv-channel-container {
	width: 100%;
	margin-right: 5px;
	background-color: #272b33;
	/*background-color: rgba(9, 16, 32, 0.5);*/
	height: auto;
}

/*.tv-program-all-channels .tv-channel-container:first-child .tv-schedule-play .tv-schedule-icons {
	border: 2px solid #d91a63;
}*/

/*.tv-program-all-channels .tv-channel-container:nth-child(2) .tv-schedule-play .tv-schedule-icons {
	border: 2px solid #3d886b;
}*/

/*.tv-program-all-channels .tv-channel-container:nth-child(3) .tv-schedule-play .tv-schedule-icons {
	border: 2px solid #8276e0;
}*/

.tv-program-all-channels .tv-channel-container:first-child .tv-channel-schedule-show:hover .tv-schedule-play .tv-schedule-icons {
	background: url(/www/images/tv/2-1_play_active.svg) center/16px  no-repeat;
	background-color: #fff;
	border-color: #fff;
}

.tv-program-all-channels .tv-channel-container:nth-child(2) .tv-channel-schedule-show:hover .tv-schedule-play .tv-schedule-icons {
	background: url(/www/images/tv/2-1_play_active-etv2.svg) center/16px  no-repeat;
	background-color: #fff;
	border-color: #fff;
}

.tv-program-all-channels .tv-channel-container:nth-child(3) .tv-channel-schedule-show:hover .tv-schedule-play .tv-schedule-icons {
	background: url(/www/images/tv/2-1_play_active-etvpluss.svg) center/16px  no-repeat;
	background-color: #fff;
	border-color: #fff;
}

.tv-program-week .tv-channel-container {
	flex-basis: calc(14.28% - 5px);
	font-size: 16px;
	margin-bottom: 20px;
}

/*.tv-program-week .tv-channel-container.week-schedule-day-selected {
	box-shadow: inset 0 0 2px #d91a63;
}*/

.tv-program-schedule-container {
	padding: 1px 1% 0 1%;
}

.tv-channel {
	height: 46px;
	background-color: #191d24;
	line-height: 46px;
	padding: 0 13px;
	margin-bottom: 1px;
	position: relative;
	display: flex;
	justify-content: space-between;
	cursor: pointer;
}

.tv-week-today {
	background-color: #d91a63;
}

.hide-next-week-schedule {
	opacity: 0;
	pointer-events: none;
}

.tv-schedule-expand,
.tv-schedule-collapse {
	font-size: 18px;
	right: 50%;
	transform: translateX(50%);
	position: absolute;
	text-transform: uppercase;
}

.tv-schedule-collapse {
	display: none;
}

.tv-schedule-expand .tv-schedule-expand-arrow {
	background: url(/www/images/tv/down-arrow-passive.svg) no-repeat center;
	background-size: 85%;
	width: 20px;
	height: 10px;
	display: inline-block;
	margin-right: 5px;
}

.tv-schedule-collapse .tv-schedule-expand-arrow {
	background: url(/www/images/tv/down-arrow-passive.svg) no-repeat center;
	background-size: 85%;
	width: 20px;
	height: 10px;
	display: inline-block;
	margin-right: 5px;
	transform: rotateX(180deg);
}

.tv-inline-weekschedule-link {
	position: absolute;
	text-transform: uppercase;
	right: 0;
	padding-right: 10px;
	display: flex;
	align-items: center;
}

.tv-inline-weekschedule-link .tv-schedule-forward-arrow {
	background-image: url(/www/images/tv/return-but.svg);
	background-size: 100%;
	height: 20px;
	width: 20px;
	display: inline-block;
	transform: rotateY(180deg);
}

.tv-channel:last-child {
	margin-right: 0px;
}

.tv-channel-schedule-show {
	display: flex;
	display: grid;
	grid-template-columns: 44px auto 80%;
	padding: 12px 8px 12px 13px;
	transition: all .1s;
	cursor: pointer;
	background-color: #282c33;
	color: #aaa;
	border-bottom: solid 1px #212630;
}

.tv-channel-schedule-show.tv-schedule-play {
	background-color: #1b1f28;
	color: #eaeaea;
}

.tv-channel-schedule-show.no-schedule {
	display: flex;
	cursor: default;
}

.tv-program-week .tv-channel-schedule-show {
	padding: 12px 2px;
	border-bottom: solid 1px #212630;
}

.tv-channel-schedule {
	max-height: 10000px;
	opacity: 1;
	pointer-events: unset;
}

.tv-channel-schedule-full:not(.tv-channel-schedule-week) {
	display: none;
}

.tv-channel-schedule-small {
	display: none;
}

.tv-channel-schedule-show:hover {
	background-color: #212630;
}

.tv-channel-schedule-show.tv-schedule-play:hover {
	color: #fff;
}

.tv-channel-schedule-show.active-show {
	background-color: rgba(255, 255, 255, 0.03);
	background-color: #d91962;
	padding: 16px 8px 16px 13px;
	color: #fff;
	border-bottom: none;
}

.tv-channel-schedule-show.active-show:hover {
	background-color: #d60052;
}

.tv-channel-schedule-show p {
	margin: auto 0;
	line-height: 23px;
}

.tv-channel-schedule-show.disabled {
	opacity: 0.7;
	cursor: default; 
}

.tv-schedule-geoblocked .tv-schedule-icons {
	background: url(/www/images/tv/geoblock_icon.svg) center no-repeat;
	width: 24px;
	height: 24px;
	position: relative;
	margin: auto;
}

.tv-schedule-icons {
	margin: auto 2px;
	min-width: 16px;
	border: 2px transparent;
	margin: auto;
}

.tv-schedule-play .tv-schedule-icons {
	background: url(/www/images/tv/smallPlay.svg) center no-repeat;
	background-size: 20px;
	width: 16px;
	height: 16px;
	border-radius: 12px;
	/*border: 2px solid #d91a63;*/
	position: relative;
	margin: auto;
}

.tv-mobile-blurred-button {
	display: none;
}

.etv-logo-container {
	cursor: pointer;
}

#day-container {
	font-weight: normal;
}

#etv1-container {
	background-color: #d91a63;
}

#etv1 .active-show {
	background-color: #d91962;
}

#etv1 .active-show:hover {
	background-color: #d60052;
}

#etv2-container {
	background-color: #3d886b;
}

#etv2 .active-show {
	background-color: #0ba27a;
}

#etv2 .active-show:hover {
	background-color: #00946c;
}

#etvpluss-container {
	background-color: #8276e0;
}

#etvpluss .active-show {
	background-color: #8276e0;
}

#etvpluss .active-show:hover {
	background-color: #7669d8;
}

/* Picture in Picture */
.picture-in-picture {
	height: calc(147px + (306 - 147) * ((100vw - 320px) / (2560 - 320))) !important;
	width: calc(260px  + (540 - 260) * ((100vw - 320px) / (2560 - 320))) !important;
	bottom: 10px !important;
	right: 20px !important;
}

/* Calendar */

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
	border: 1px solid #fff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	border: 2px solid #fff;
	transition: background-color .05s ease-in-out;
}



.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
	background: #fff;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
	border: 2px solid #fff;
	/*background: #fff;*/
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
	background: #1e1e1f;
	color: #E3E3E3;
}

.ui-widget-content, .ui-widget-header {
	background: #081120;
	color: #E3E3E3;
}

.ui-state-default:hover {
	background: #ffffff;
	color: #d91a63;
}

.ui-datepicker-prev:hover, .ui-datepicker-next:hover {
	background-color: transparent;
	cursor: pointer;
	border: none;
}

.ui-datepicker-current-day a {
	background: #ffffff !important;
	color: #d91a63 !important;
}

.ui-widget-header {
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.12);
}

.ui-corner-all a{
	color: #fff;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 0;
	margin-left: 0px;
	top: 0;
	margin-top: 0px;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
	top: 1px;
}

.ui-datepicker .ui-datepicker-next {
	right: 1px;
}

.ui-datepicker .ui-datepicker-prev {
	left: 1px;
}

.ui-widget-header .ui-icon {
	background-image: url(/www/images/datepickerImages/ui-icons_888888_256x240.png);
}

.ui-icon.ui-icon-circle-triangle-w {
	background: rgba(7,0,18,.14) url(/www/images/tv/arrows-left.svg) 1px center no-repeat;
	background-size: 80%;
	border: 2px solid white;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	cursor: pointer;
	transition: .1s;
}

.ui-icon.ui-icon-circle-triangle-e {
	background: rgba(7,0,18,.14) url(/www/images/tv/arrows-right.svg) center no-repeat;
	background-size: 80%;
	border: 2px solid white;
	width: 32px;
	height: 32px;
	border-radius: 32px;
	cursor: pointer;
	transition: .1s;
}

.ui-datepicker-prev:hover .ui-icon.ui-icon-circle-triangle-w {
	background: #fff url(/www/images/tv/arrows-active-left-etv.svg) 1px center no-repeat;
	background-size: 80%;
}

.ui-datepicker-next:hover .ui-icon.ui-icon-circle-triangle-e {
	background: #fff url(/www/images/tv/arrows-active-right-etv.svg) center no-repeat;
	background-size: 80%;
}

/* TV PROGRAM SERIES */

.tv-program-series .episodes-thumbnail-container:not(.disabled):hover {
	box-shadow: 1px 1px 9px 2px #a2a2a24a;
}

.tv-episodes-thumbnail:after {
	opacity: 0;
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.03);
	transition: opacity 0.2s ease-in-out;
}

.tv-episodes-thumbnail:hover:after {
	opacity: 1;
}

.tv-program-series .episodes-thumbnail-container.disabled {
	opacity: 0.7;
	cursor: inherit;
}

.tv-program-series .episodes-thumbnail-container.disabled .tv-thumbnail-title-holder {
	height: 100%;
}

/* END*/



/*TV SEARCH*/
.tv-search-container {
	margin-top: 24px;
}

.tv-search-container-header {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 10px;
	border-bottom: solid 1px #fff;
}

.tv-search-container-header > * {
	margin-bottom: 20px;
}

.episodes-thumbnail-container:not(.disabled):hover .tv-episodes-thumbnail {
	box-shadow: 1px 1px 9px 2px #a2a2a24a;
}

.tv-search-datepicker {
	display: flex;
	background-color: #222730;
	border: solid 1.5px #fff;
	position: relative;
	max-width: 251px;
	/*margin-right: 40px;*/
	margin: 6px 3px;
	width: 190px;
	padding: 0 10px;
	outline: none;
	float: left;
	color: white;
	font-size: 16px;
	transition: 0.4s;
	border-radius: 16px;
	height: 32px;
}

/* TV SEARCH PAGER */

/**********/

.search-pager {
	margin: 6px;
	padding: 0 10px;
	display: flex;
}

.pagination {
	display: inline-block;
	padding-left: 0;
	margin: 20px 0;
	border-radius: 4px;
	margin: 0 auto;
}

.pagination>li {
	display: inline;
}

.pagination>li:first-child>a, .pagination>li:first-child>span {
	margin-left: 0;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	z-index: 3;
	color: #333333;
	cursor: default;
	background-color: #fff;
	border-color: #fff;
}

.pagination>li>a, .pagination>li>span {
	position: relative;
	float: left;
	padding: 6px 12px;
	margin-left: -1px;
	line-height: 1.42857143;
	color: #fff;
	text-decoration: none;
	background-color: #fff;
	border: 2px solid #ddd;
}

.pagination>li:last-child>a, .pagination>li:last-child>span {
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/* TV SEARCH PAGER END */

/* past shows pager */

.past-shows-pager {
	display: flex;
	display: none;
}

.pagination {
	display: flex;
}

.pagination > li {
	width: 40px;
	height: 40px;
	margin: 5px;
}

.pagination > li > a,
.pagination > li > span {
	font-size: 22px;
	text-shadow: 1px 1px 5px rgba(70, 39, 0, 1);
	margin: 0 4px;
	padding: 3px 12px;
	border-radius: 50%;
	border-color: #aaaaaa;
	color: #aaaaaa;
	background-color: rgba(0, 0, 0, 0.30);
	min-width: 13px;
	text-align: center;
	transform: scale(1);
	transition: transform .1s ease-in-out;

	padding: 0;
	width: 100%;
	height: 100%;
	line-height: 40px;
	float: right;
	overflow: hidden;
}

.pagination > li.disabled > a,
.pagination > li.disabled > span {
	cursor: not-allowed;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination >.active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
	background-color: #aaaaaa;
	border-color: #aaaaaa;
	transform: scale(1.2);
}

.pagination > li:first-child > a,
.pagination > li:first-child > span {
	border-top-left-radius: 50%;
	border-bottom-left-radius: 50%;
}

.pagination > li:last-child > a,
.pagination > li:last-child > span {
	border-top-right-radius: 50%;
	border-bottom-right-radius: 50%;
}

.pagination > li > a:hover,
.pagination > li > span:hover {
	background-color: #aaaaaa;
	color: #333333
}

.pagination > li.disabled > a:hover,
.pagination > li.disabled > span:hover {
	background-color: rgba(71, 69, 35, 0.4);
}

/* past shows pager end */

/*SEARCH SUGGESTIONS*/
.tv-suggestions {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 10px;
}

.tv-suggestions.active {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	margin-top: 10px;
}

.tv-suggestions > div {
	background: rgb(63, 12, 60);
	padding: 3px 10px;
	cursor: pointer;
	border: solid 1px #fff;
	border-radius: 15px;
	margin: 2px;
}

.tv-suggestions > div:hover {
	background: #fff;
	color: white;
}
/*SEARCH SUGGESTIONS END*/


/*** Cookie overlay ***/
.cookieOverlay {
	visibility: hidden;
	z-index: -1;
}

.cookieOverlay:nth-of-type(1) {
	position: fixed;
	visibility: visible;
	z-index: 10;
}

.cookie-overlay-inner {
	padding: 0;
	margin-left: 4.6%;
	max-width: 1200px;
}
/* Cookie overlay end */


/*LOGIN AND GDPR MODALS*/


.hidden {
	display: none;
	width: 0px;
	height: 0px;
	visibility: hidden;
}

.pl20 {
	padding-left: 20px;
}

.mb30 {
	margin-bottom: 20px !important;
}

.noscroll {
	overflow: hidden !important;
}

.cursor-pointer {
	cursor: pointer;
}

.tv-header-login-btn {
	float: right;
	height: 100%;
	display: flex;
	justify-content: left;
	align-items: center;
	z-index: 1;
	padding: 0 10px;
	cursor: pointer;
	background-color: #000;
	max-width: 200px;
	margin-left: 10px;
	position: relative;
	border: none;
	border-right: 1px solid rgba(255, 255, 255, 0.12);
}

.tv-header-login-btn-popup {
	display: none;
	position: absolute;
	top: 42px;
	left: 0px;
	right: 10px;
	min-height: 50px;
	min-width: 190px;
	align-items: flex-end;
	justify-content: flex-end;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	background: rgba(45, 56, 82, 0.95);
	padding: 10px;
	box-sizing: border-box;
}

.tv-header-login-btn:hover .tv-header-login-btn-popup {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.tv-header-login-btn-popup > div:first-child {
	text-decoration: underline;
}

.tv-successful-login, .tv-successful-update {
	pointer-events: none;
	width: 300px;
	height: 110px;
	background-color: #0054a6;
	background-color: rgba(45, 56, 82, 0.95);
	box-shadow: 1px 1px 8px 1px rgba(223, 230, 230, 0.5);
	border-radius: 60px;
	position: absolute;
	top: 200px;
	transform: translateX(-50%);
	transform-origin: top;
	left: 50%;
	z-index: 13;
	opacity: 0;
	padding: 20px 42px;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	border: 4px solid #425065;
	text-align: center;
	overflow: hidden;
}


.tv-successful-login.move {
	animation: movelogin 3s ease-out 1;
}

.tv-successful-update.move {
	animation: movelogin 3s ease-out 1;
}


@keyframes movelogin {
	0% {
		opacity: 0;
	}

	20% {
		top: 48px;
		opacity: 1
	}

	80% {
		opacity: 1;
		top: 48px;
	}

	85% {
		top: 50px;
		height: 110px;
	}

	100% {
		height: 0;
		opacity: 0;
		top: -200px;
	}
}

.tv-login-man {
	background: url(/www/images/tv/login-mees.svg) center no-repeat;
	background-size: 100%;
	width: 21px;
	height: 24px;
	display: inline-block;
	margin-right: 10px;
}

.tv-login-man-settings {
	background: url(/www/images/tv/login-mees-settings.svg) center no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
}

.tv-login-logout-arrow {
	background: url(/www/images/tv/back-arrow.svg) center no-repeat;
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-right: 10px;
}

.tv-login-my-account {
	font-size: 14px;
	font-weight: 600;
}

.tv-login-text-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.tv-login-text, .tv-login-my-account {
	line-height: 14px;
}

.tv-login-modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 12;
	overflow-y: auto;
}

.tv-gdpr-modal {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 12;
	overflow-y: auto;
	background-color: rgba(236, 239, 242, 1);
}

.tv-user-login,
.tv-user-settings {
	padding: 48px 0;
	background-color: rgba(14, 30, 45, 0.9);
	min-height: calc(100% - 96px);
}

.tv-gdpr-modal .tv-close-login {
	z-index: 12;
}

.tv-gdpr-block-header {
	font-size: 24px;
	font-weight: 500;
	color: #00529e;
	margin-right: 45px;
}

.tv-gdpr-toggle-btn {
	background: url(/www/images/tv/more-but-dsktp-form.svg) center no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	float: left;
	cursor: pointer;
	position: absolute;
	right: 30px;
}

.tv-gdpr-toggle-btn.tv-gdpr-block-opened {
	background: url(/www/images/tv/more-but-mob.svg) center no-repeat;
	width: 32px;
	height: 32px;
	display: inline-block;
	float: left;
	cursor: pointer;
}

.tv-gdpr-hand {
	background: url(/www/images/tv/hand.svg) center no-repeat;
	width: 48px;
	height: 48px;
	display: inline-block;
	float: left;
}

.tv-gdpr-paragraph {
	font-size: 18px;
	color: #667684;
	margin-bottom: 24px;
}

.tv-gdpr-paragraph:last-child {
	margin-bottom: 0px;
}

.tv-login-container {
	width: 480px;
	opacity: 1;
	background-color: #313b4a;
	color: #000;
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 11;
	display: flex;
	flex-direction: column;
	box-shadow: 1px 1px 7px 0 rgba(0, 0, 0, 0.18);
}

.tv-gdpr-container {
	width: 670px;
	opacity: 1;
	color: #000;
	position: absolute;
	top: 77px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 12;
	display: flex;
	flex-direction: column;
	overflow-y: hidden;
	padding: 5px;
}

.tv-gdpr-block {
	margin-bottom: 34px;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 1px 2px 4px 0 rgba(0, 0, 0, 0.5);
}
.tv-gdpr-block .tv-login-body-container {
	position: relative;
	visibility: hidden;
	opacity: 0;
	max-height: 0;
	transition: all 0.35s ease-out;
}

.tv-login-body-container.tv-gdpr-block-opened {
	visibility: visible;
	opacity: 1;
	max-height: 1200px;
	transition: all 0.35s ease-in;
}

.tv-gdpr-list {
	margin: 0;
}

.tv-close-login {
	position: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 60px;
	right: 80px;
	z-index: 11;
	border-radius: 30px;
	background: #fff;
	border: 3px solid #0054a5;
	padding: 4px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.18);
}

.tv-login-header .tv-close-login {
	display: none;
}

.tv-close-login .cross-bar {
	width: 75%;
	height: 4px;
	border-radius: 2px;
	transform: rotate(135deg);
	background-color: #0054a5;
	display: inline-block;
	position: absolute;
}

.tv-close-login .cross-bar:last-child {
	transform: rotate(45deg);
}

.tv-login-header {
	padding: 40px 40px 27px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	background-color: #1e2a3a;
}

.tv-gdpr-container .tv-login-header {
	padding: 36px 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: solid 1px #e4e8eb;
	position: relative;
	color: #0054a6;
	background-color: #fff;
}

.tv-account-settings-logo {
	display: flex;
}

.tv-login-logo {
	background: url(/www/images/tv/err_logo.svg) center no-repeat;
	background-size: 100%;
	width: 110px;
	height: 33px;
}

.tv-login-header-title {
	font-size: 29px;
	font-weight: 600;
	color: #ebebeb;
}

.tv-delete-account-text {
	margin-left: 20px;
	margin-top: 12px;
	display: inline-block;
}

.tv-login-body-container {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.tv-login-body {
	padding: 26px 40px;
	min-height: 45%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.tv-user-settings .tv-login-body-container {
	max-width: 480px;
	margin: 0 auto;
}

.tv-login-flex-end {
	justify-content: flex-end;
}

.tv-login-large-text {
	font-size: 20px;
	font-weight: 400;
	color: #ebebeb;
	margin-bottom: 21px;
}

.tv-login-big-text {
	font-size: 24px;
	font-weight: 600;
	color: #ebebeb;
	margin-bottom: 10px;
}

.tv-gdpr-large-text {
	font-size: 20px;
	color: #3d566b;
	margin-bottom: 10px;
}

.tv-login-small-text {
	font-size: 16px;
	color: #ebebeb;
}

.tv-login-hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid gray;
	margin: 1em 0;
	padding: 0;
	width: 100%;
}

.unsubscribe-warning {
	background: #ff57221f !important;
	color: #ff5722 !important;
	font-weight: 500 !important;
	margin-right: 12px;
}

.unsubscribe-success {
	background-color: #64d22e !important;
	color: rgba(0, 0, 0, 0.87) !important;
	font-weight: 500 !important;
}

.tv-login-bold-text {
	font-size: 18px;
	color: #ebebeb;
	font-weight: 600;
	text-align: center;
}

.tv-login-medium-text {
	font-size: 16px;
	color: #b9b9b9;
}

.tv-login-underline-text {
	font-size: 16px;
	text-decoration: underline;
	color: #ebebeb;
	line-height: 18px;
	cursor: pointer;
}

.tv-login-underline-text:hover {
	text-decoration: none;
}

.tv-login-forgot-text {
	margin-top: 10px;
	text-align: center;
	cursor: pointer;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.tv-login-forgot-text.first {
	margin-top: 50px;
}

.tv-login-link-span {
	cursor: pointer;
	text-decoration: underline;
	line-height: 18px;
}

.tv-login-warning-text {
	color: #e6d367;
	display: block;
	margin-top: 15px;
}

.tv-login-input-text {
	width: 100%;
	height: 50px;
	box-shadow: 0 0 0 30px #404d5e inset;
	border: solid 1px rgb(46, 55, 64);
	margin-bottom: 23px;
	outline: none;
	font-size: 20px;
	color: #ffffff !important;
	box-sizing: border-box;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 11px;
	padding-bottom: 12px;
	-webkit-box-shadow: 0 0 0 30px #404d5e inset;
	-webkit-appearance: none;
}

.tv-login-input-text:-webkit-autofill,
.tv-login-input-text:-webkit-autofill:hover, 
.tv-login-input-text:-webkit-autofill:focus {
	-webkit-text-fill-color: #ededed;
}

.tv-login-user-options {
	margin-bottom: auto;
	margin-top: 10px;
}

.tv-login-user-options .tv-login-small-text {
	margin-bottom: 5px;
}

.tv-login-check {
	display: inline-block;
	margin-right: 10px;
	left: 5px;
	top: 1px;
	width: 4px;
	height: 9px;
	border: solid #7d9eb5;
	border-width: 0px 2px 2px 0;
	transform: rotate(45deg);
}

.tv-login-agree-text {
	cursor: pointer;
	margin-left: 20px;
}

.tv-user-change-values > div {
	margin-left: 20px;
}

input[type='checkbox'].tv-login-checkbox {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

input[type='checkbox'].tv-login-checkbox ~ .tv-login-checkbox-toggle {
	width: 1rem;
	height: 1rem;
	position: relative;
	display: inline-block;
	vertical-align: middle;
	border: 1.5px solid #989fa9;
	border-radius: 50%;
	cursor: pointer;
	margin-left: -28px;
	margin-right: 4px;
	margin-top: -4px;
}

/* Styles for the hover state of the custom checkbox */
input[type='checkbox'].tv-login-checkbox:hover ~ .tv-login-checkbox-toggle {
  border-color: #848d98;
}

/* Styles for the focus state of the custom checkbox */
input[type='checkbox'].tv-login-checkbox:focus ~ .tv-login-checkbox-toggle {
  border-color: #b0d5ff;
  box-shadow: 0 0 0 2px rgba(23, 133, 255, 0.25);
}

/* Styles for the checked state of the custom checkbox */
input[type='checkbox'].tv-login-checkbox:checked ~ .tv-login-checkbox-toggle:after {
	content: '';
	display: inline-block;
	left: 5px;
	top: 2px;
	width: 4px;
	height: 9px;
	position: absolute;
	border: solid #7d9eb5;
	border-width: 0px 1.5px 1.5px 0;
	transform: rotate(45deg) scale(0.95);
}

.tv-login-body ::placeholder {
	color: #c1c7cc;
}

.tv-login-bottom {
	padding: 0px 30px;
	padding-bottom: 40px;
	height: auto;
	padding-top: 20px;
	position: relative;
}

.disabled-button-container {
	width: 53%; 
	margin: 0 auto; 
	position: relative;
}

.tv-login-button {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 72px;
	border-radius: 54px;
	box-shadow: 0px 1px 9px 0 rgba(0, 0, 0, 0.88);
	background-color: #c4d7e9;
	font-size: 33px;
	color: #000102;
	text-align: center;
	font-weight: 600;
	cursor: pointer;
	outline: none;
	border-style: none;
	position: relative;
	padding-bottom: 5px;
	-webkit-appearance: none;
}

.create-account-button, .tv-small-button {
	height: 30px;
	width: 40%;
	margin: 0 auto;
	margin-top: 5px;
	font-size: 22px;
	padding-bottom: 2px;
}

.tv-update-residency-button {
	width: 53%;
	margin: 0 auto;
	margin-bottom: 30px;
}

.tv-header-login-btn-popup .tv-logout-popup {
	height: 20px;
	font-size: 16px;
	width: 93px;
	text-decoration: none;
	margin-top: 10px;
	color: #3a3838;
	padding-bottom: 3px;
}

.tv-login-button:hover {
	background-color: #dfefff;
}

.tv-login-button:active {
	box-shadow: none;
	background-color: #dfefff;
}

.tv-login-button:disabled {
	background-color: #2f3b4b;
	color: #727f94;
	box-shadow: none;
	border: 1px solid #727e94;
	cursor: not-allowed;
}

.disabled-info {
	display: none;
}

.disabled-button:hover .disabled-info {
	display: flex;
	position: absolute;
	padding: 10px;
	box-sizing: border-box;
	font-size: 16px;
	line-height: 20px;
	color: black;
	max-width: 200px;
	width: auto;
	height: auto;
	bottom: 81%;
	right: -50%;
	text-align: center;
	border-radius: 5px;
	background: #ececec;
	font-weight: 500;
	border: 1px solid #e23b3b;
	z-index: 10;
}

/*TV LOGIN SPECIAL POSITIONS*/

.tv-login-user-and-pass {
	margin: 16px 0;
}

.tv-login-register-user-and-pass {
	margin: 10px 0;
} 

.tv-login-user-options {
	margin-bottom: 43px;
}

/*TV LOGIN SPECIAL POSITIONS*/

.tv-login-start-watching {
	display: flex;
	align-items: center;
	justify-content: left;
	margin-left: 30px;
}

.tv-login-start-playing-btn {
	width: 48px;
	height: 48px;
	background: url(/www/images/tv/2-1-play-pla-lst-dark.svg) center/100% no-repeat;
	z-index: 2;
	background-color: #0356a7;
	border-radius: 30px;
	display: inline-block;
}

.tv-login-start-watching-text {
	font-size: 28px;
	color: #ebebeb;
	display: inline-block;
	max-width: 50%;
	text-align: center;
}

.tv-auth-text {
	margin-bottom: auto;
}

.tv-login-auth-method-container {
	display: flex;
	margin: 45px 0;
}

.tv-login-auth-option {
	flex-grow: 1;
	text-align: center;
	font-size: 24px;
	color: #727e94;
	border-top: 1px solid transparent;
	border-bottom: 1px solid #727e94;
	position: relative;
	cursor: pointer;
	padding: 7px 0;
}

.tv-login-auth-option:nth-child(2) {
	width: calc(100% / 3);
}

.tv-login-auth-option.first {
	text-align: left;
}

.tv-login-auth-option.third {
	text-align: right;
}

.tv-login-auth-option:hover {
	color: #fff;
}

.tv-login-auth-inputs {
	height: auto;
	display: flex;
	align-items: center;
	flex-direction: column;
}

.tv-login-error-messages {
	color: #e6d367;
	font-weight: 400;
	font-size: 18px;
	margin: 10px 0;
}

.tv-auth-selected-first:before {
	content: '';
	position: absolute;
	border-top: 1px solid #727e94;
	height: 1px;
	width: 100px;
	left: 0px;
}

.tv-auth-selected-third:after {
	content: '';
	position: absolute;
	border-top: 1px solid #727e94;
	height: 1px;
	width: 100px;
	right: 0px;
}

.tv-auth-selected-first .tv-login-auth-option.third:after {
	content: '';
	position: absolute;
	border-top: 1px solid #727e94;
	height: 1px;
	width: 100px;
	bottom: -2px;
	right: -40px;
}

.tv-auth-selected-third .tv-login-auth-option.first:before {
	content: '';
	position: absolute;
	border-top: 1px solid #727e94;
	height: 1px;
	width: 100px;
	bottom: -2px;
	left: -40px;
}

.tv-auth-selected-second .tv-login-auth-option.first:before {
	content: '';
	position: absolute;
	border-top: 1px solid #727e94;
	height: 1px;
	width: 100px;
	bottom: -2px;
	left: -40px;
}

.tv-auth-selected-second .tv-login-auth-option.third:after {
	content: '';
	position: absolute;
	border-top: 1px solid #727e94;
	height: 1px;
	width: 100px;
	bottom: -2px;
	right: -40px;
}

.tv-auth-not-selected .tv-login-auth-option:first-child:after {
	content: '';
	position: absolute;
	width: 1px;
	background: #727e94;
	height: 45%;
	transform: translateY(50%);
	right: 0;
}

.tv-auth-not-selected .tv-login-auth-option:last-child:before {
	content: '';
	position: absolute;
	width: 1px;
	background: #727e94;
	height: 45%;
	transform: translateY(50%);
	left: 0;
}


/*FIRST SELECTED*/
.tv-auth-selected-first .tv-login-auth-option:first-child {
	border-top-right-radius: 6px;
	border-bottom: 0;
	border-top: 1px solid #727e94;
	color: #fff;
}

.tv-auth-selected-first .tv-login-auth-option:first-child:after {
	content: '';
	height: 25px;
	width: 20px;
	position: absolute;
	border-top: 1px solid #727e94;
	border-right: 1px solid #727e94;
	border-top-right-radius: 6px;
	top: -1px;
	right: 0px;
}

.tv-auth-selected-first .tv-login-auth-option:nth-child(2) {
	border-bottom-left-radius: 6px;
}

.tv-auth-selected-first .tv-login-auth-option:nth-child(2):before {
	content: '';
	height: 25px;
	width: 20px;
	position: absolute;
	border-bottom: 1px solid #727e94;
	border-left: 1px solid #727e94;
	border-bottom-left-radius: 6px;
	bottom: -1px;
	left: -1px;
}

.tv-auth-selected-first .tv-login-auth-option:last-child:before {
	content: '';
	position: absolute;
	width: 1px;
	background: #727e94;
	height: 45%;
	transform: translateY(50%);
	left: 0;
}

/*SECOND SELECTED*/
.tv-auth-selected-second .tv-login-auth-option:first-child {
	border-bottom-right-radius: 6px;
	border-bottom: 1px solid #727e94;
}

.tv-auth-selected-second .tv-login-auth-option:first-child:after {
	content: '';
	height: 25px;
	width: 20px;
	position: absolute;
	border-bottom: 1px solid #727e94;
	border-right: 1px solid #727e94;
	border-bottom-right-radius: 6px;
	bottom: -1px;
	right: 0px;
}

.tv-auth-selected-second .tv-login-auth-option:nth-child(2) {
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	border-top: 1px solid #727e94;
	border-bottom: 0;
	color: #fff;
}

.tv-auth-selected-second .tv-login-auth-option:nth-child(2):before {
	content: '';
	height: 25px;
	width: 20px;
	position: absolute;
	border-top: 1px solid #727e94;
	border-left: 1px solid #727e94;
	border-top-left-radius: 6px;
	top: -1px;
	left: -1px;
}

.tv-auth-selected-second .tv-login-auth-option:nth-child(2):after {
	content: '';
	height: 25px;
	width: 20px;
	position: absolute;
	border-top: 1px solid #727e94;
	border-right: 1px solid #727e94;
	border-top-right-radius: 6px;
	top: -1px;
	right: -1px;
}

.tv-auth-selected-second .tv-login-auth-option:nth-child(3) {
	border-bottom-left-radius: 6px;
}

.tv-auth-selected-second .tv-login-auth-option:nth-child(3):before {
	content: '';
	height: 25px;
	width: 20px;
	position: absolute;
	border-bottom: 1px solid #727e94;
	border-left: 1px solid #727e94;
	border-bottom-left-radius: 6px;
	bottom: -1px;
	left: 0px;
}

/*THIRD SELECTED*/
.tv-auth-selected-third .tv-login-auth-option:last-child {
	border-top-left-radius: 6px;
	border-bottom: 0;
	border-top: 1px solid #727e94;
	color: #fff;
}

.tv-auth-selected-third .tv-login-auth-option:last-child:before {
	content: '';
	height: 25px;
	width: 20px;
	position: absolute;
	border-top: 1px solid #727e94;
	border-left: 1px solid #727e94;
	border-top-left-radius: 6px;
	top: -1px;
	left: 0px;
}

.tv-auth-selected-third .tv-login-auth-option:nth-child(2) {
	border-bottom-right-radius: 6px;
}

.tv-auth-selected-third .tv-login-auth-option:nth-child(2):after {
	content: '';
	height: 25px;
	width: 20px;
	position: absolute;
	border-bottom: 1px solid #727e94;
	border-right: 1px solid #727e94;
	border-bottom-right-radius: 6px;
	bottom: -1px;
	right: -1px;
}

.tv-auth-selected-third .tv-login-auth-option:first-child:after {
	content: '';
	position: absolute;
	width: 1px;
	background: #727e94;
	height: 45%;
	transform: translateY(50%);
	right: 0;
}

.flex-grow-1 {
	flex-grow: 1;
}

/*LOGIN AND GDPR MODALS END*/


/*CUSTOM SELECT FOR past shows*/

.past-shows-select {
	outline: none;
	display: flex;
	align-items: center;
	font-size: calc(18px + 16 * ((100vw - 720px) / 2560));
	font-weight: 500;
	line-height: calc(28px + 28 * ((100vw - 720px) / 2560));
	text-align: left;
	justify-content: left;
	z-index: 12;
	color: #cccccc;
	background-color: #1b1f28;
	border-radius: calc(5px + 3 * ((100vw - 720px) / 2560));
	padding: 0px 20px;
	margin-left: 10px;
	flex-grow: 0;
	position: relative;
	height: 100%;
	cursor: pointer;
	box-shadow: -1px 2px 11px 0px #48484854;
}

.past-shows-select:nth-child(2) {
	min-width: 95px;
}

.past-select-current {
	display: flex;
	align-items: center;
}

.past-shows-select-container {
	background-color: #1b1f28;
	order: 3;
	pointer-events: none;
	/*top: 38px;*/
	top: 100%;
	transition: all .1s ease-in-out;
	opacity: 0;
	position: fixed;
	position: absolute;
	right: 0;
	z-index: 8;
	border-radius: 5px;
	border-radius: calc(5px + 3 * ((100vw - 720px) / 2560));
	overflow: hidden;
	box-shadow: -1px 2px 11px 0px #48484854;
	width: 100%;
}

.past-shows-select-container-visible {
	pointer-events: auto;
	transition: all .1s ease-in-out;
	opacity: 1;
	width: 100%;
	margin-top: 8%;
}

.past-shows-select-container ul {
	list-style: none;
	padding-inline-start: 0;
	margin: 0;
	padding-left: 0;
	width: 100%;
}

.past-shows-select-container ul li:last-child {
	border-bottom: none;
}

.past-shows-select-container .select-option::first-letter { 
	text-transform: uppercase;
}

.past-shows-select .select-option {
	font-size: calc(14px + 16 * ((100vw - 720px) / 2560));
	line-height: calc(28px + 26 * ((100vw - 720px) / 2560));
	cursor: pointer;
	color: #aaaaaa;
	text-align: left;
	transition: all .1s ease-in-out;
	border-bottom: 1px solid #212630;
	padding: 0px 20px;
}

.past-shows-select .select-option:hover {
	background: #00000082;
	background-color: #212630;
	color: #cccccc;
}

.past-select-current .arrow:before {
	content: '\25BC';
	font-size: 12px;
	margin-left: 12px;
	cursor: pointer;
	display: inline-block;
	transform: scale(1, 1);
	transition: transform 0.2s;
}

.past-current-text, .past-current-text .arrow {
	margin-bottom: 2px;
	text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.73);
}

.past-current-text::first-letter {
	text-transform: uppercase;
}


/*CUSTOM SELECT FOR past shows END*/


@supports (-ms-ime-align: auto) {
	header {
		display: flex;
	}

	.header-search-container:not(.tv-search-result-form) {
		width: auto;
		top: 0;
		display: table;
	}

	.header-search-container:not(.tv-search-result-form)  .tv-search-btn {
		position: absolute;
		right: 0px;
	}

	.tv-search-txt {
		transition: 0s;
	}

	.header-program-series {
		top: 0;
	}

	.header-calendar-month-view {
		top: 0px;
	}

	.header-burger {
		width: 46px;
	}

	.tv-content-hero-img-container {
		overflow: hidden;
	}

	.tv-content-hero-img {
		position: absolute;
		height: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.tv-image-gradient-overlay {
		background: linear-gradient(to right, rgba(41, 42, 46, 1), rgba(0, 0, 0, 0) 50%);
	}

	.tv-content-blurred-image-bg {
		background-image: none !important;
		background-color: rgba(41, 42, 46, 1);
	}

	.tv-content-container {
		background-image: none;
	}

	.tv-play-icon-logo {
		margin-left: 8px;
	}

	.tv-watch-button-text {
		margin-left: 8px;
	}

	.tv-timeline-item-play-container::after, .tv-has-media-thumbnail::after {
		background-size: 82%;
		width: 56px;
		height: 56px;
		border-radius: 50%;
		transform: scale(0.75);
	}

	.timeline .tv-timeline-item-play-container:hover::after, :not(.disabled).episodes-thumbnail-container .tv-timeline-item-play-container:hover::after {
		transform: scale(1);
		background-size: 86%;
	}

	@media (min-width: 1294px) {
		.header-search-container:not(.tv-search-result-form) {
			width: auto;
		}
	}

	@media (max-width: 1293px) {
		.header-search-container:not(.tv-search-result-form) {
			width: 32px;
		}

		.header-search-container:hover {
			width: auto;
		}
	}
}

/* fixes for IE 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	header {
		display: flex;
	}

	header > div {
		flex: none;
	}

	.tv-channel-schedule-show {
		display: -ms-grid;
		-ms-grid-columns: 44px auto 80%;
	}

	.tv-schedule-time {
		-ms-grid-column: 1;
	}

	.tv-schedule-icons {
		-ms-grid-column: 2;
	}

	.tv-schedule-show-name {
		-ms-grid-column: 3;
	}

	.header-search-container:not(.tv-search-result-form) {
		top: 0;
	}

	.header-search-container:not(.tv-search-result-form)  .tv-search-btn {
		right: 0px;
	}

	.tv-main-menus-container {
		flex-grow: 1;
	}

	.tv-search-txt {
		transition: 0s;
	}

	.header-program-series {
		top: 0;
	}

	.header-calendar-month-view {
		top: 0px;
	}

	.header-burger {
		width: 46px;
	}

	.tv-content-hero-img-container {
		overflow: hidden;
		top: 0px;
	}

	.tv-show-clip-container .tv-progress-bar {
		position: absolute;
		bottom: 0px;
		left: 4.6%;
	}

	.tv-show-clips-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}

	.tv-content-hero-img {
		position: absolute;
		height: auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.tv-image-gradient-overlay {
		background: linear-gradient(to right, rgba(41, 42, 46, 1), rgba(0, 0, 0, 0) 50%);
	}

	.tv-content-blurred-image-bg {
		background-image: none !important;
		background-color: rgba(41, 42, 46, 1);
	}

	.tv-content-container {
		background-image: none;
	}

	.tv-watch-button-text {
		margin-right: 20px;
	}

	.tv-timeline-all:hover .tv-timeline-item:hover {
		transform: none;
	}

	.tv-timeline-all:hover {
		-webkit-transform: none;
		transform: none;
	}

	.high-timeline :not(.has-selected-item).tv-timeline-all .tv-timeline-item {
		height: calc((234px + (369 - 234) * ((100vw - 769px) /(2560 - 769))) * 0.5625);
	}

	.high-timeline .tv-timeline-item-inner {
		height: auto;
	}

	.tv-timeline-item:hover ~ .tv-timeline-item {
		-webkit-transform: none;
		transform: none;
	}

	.tv-timeline-item:hover ~ .tv-timeline-day-start-marker {
		-webkit-transform: none;
		transform: none;
	}

	.tv-timeline-item-play-container::after, .tv-has-media-thumbnail::after {
		background-size: 46px;
		width: 56px;
		height: 56px;
		border-radius: 50%;
		transform: scale(0.75);
	}

	.timeline .tv-timeline-item-play-container:hover::after, :not(.disabled).episodes-thumbnail-container .tv-timeline-item-play-container:hover::after {
		transform: scale(1);
		background-size: 52px;
	}

	.tv-timeline-item:hover .tv-timeline-item-heading-hover {
		min-height: auto;
	}

	.vert-timeline-item-bottom {
		opacity: 1;
	}

	.vert-timeline-item-bottom-gradient {
		left: 0;
	}

	.vert-timeline-item-bottom .vert-timeline-item-more-container {
		margin-top: 0;
		margin-bottom: 2px;
	}

	.vert-timeline-item-more-icon {
		width: calc(8px + 13 * ((100vw - 769px) /769));
		height: calc(8px + 10 * ((100vw - 769px) /769));
	}

	.tv-timeline-item-heading-hover .tv-title-time {
		font-size: calc(10px + 8 * ((100vw - 720px) / 2560));
	}

	.tv-timeline-item-heading-hover .tv-timeline-title-header {
		font-size: calc(14px + 8 * ((100vw - 769px) / 2560));
	}

	.high-timeline .tv-timeline-item-heading-hover .tv-timeline-title-header {
		font-size: calc(16px + 8 * ((100vw - 769px) /2560));
	}

	.vert-timeline-item-top .tv-watch-button {
		width: calc(56px + 49 * ((100vw - 769px) /2560));
		height: calc(56px + 49 * ((100vw - 769px) /2560));
		background-size: 50px;
		transform: scale(0.75);
	}

	.vert-timeline .tv-watch-button:hover, .tv-watch-button.active, .vert-timeline-item-top:hover .tv-watch-button {
		transform: scale(1);
		background-size: 64px;
	}

	.tv-close-login .cross-bar {
		left: 6px;
	}

	.flex-grow-1 {
		display: flex;
	}

	.program-series-row-items {
		flex: auto;
	}


	.tv-episodes-thumbnail-body {
		max-height: 5.6em;
	}

	.tv-small-description {
		max-height: calc(5 * 1.4em);
		padding-bottom: 5px;
	}

	.tv-content-body-container.tv-show-body .tv-small-description,
	.tv-content-no-media .tv-content-body-container.tv-show-body .tv-small-description {
		max-height: 2000px;
	}
}

@media (max-width: 2321px) {
	.tv-program-week .tv-channel-container {
		flex-basis: calc(25% - 5px);
	}

	.tv-channel.sticky-menu {
		width: calc(25% - (37.5px + (42.5 - 37.5) * ((100vw - 1333px) / (2321 - 1333))));
	}
}

@media (max-width: 2114px) {
	.tv-small-description {
		-webkit-line-clamp: 4;
	}

	.tv-show-clip-container .tv-small-description {
		-webkit-line-clamp: 8;
	}
}

@media (max-width: 2114px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.tv-small-description {
		max-height: calc(4 * 1.4em);
	}
}

@media (max-width: 1942px) {
	.tv-small-description {
		-webkit-line-clamp: 4;
	}

	.tv-show-clip-container .tv-small-description {
		-webkit-line-clamp: 8;
	}
}

@media (max-width: 1942px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.tv-small-description {
		max-height: calc(4 * 1.4em);
	}
}

@media (max-width: 1920px) {

	.tv-hero-img-opened {
		/*width: calc(800px + (1136 - 800) * ((100vw - 1440px) / (1920 - 1440)));*/
	}

	.tv-content {
		font-size: 16px;
	}

	.tv-small-description {
		-webkit-line-clamp: 4;
	}

	.tv-show-clip-container .tv-small-description {
		-webkit-line-clamp: 8;
	}
}

@media (max-width: 1920px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.tv-small-description {
		max-height: calc(4 * 1.4em);
	}
}

.non-sticky-menu .sticky-not-main.lower-sticky-gradient-hide {
	display: none;
}

/*@media (max-width: 1920px) and (min-width: 1210px)  {
	.sticky-gradient.sticky-not-main.lower-sticky-gradient-4 {
		display: none;
	}
}

@media (max-width: 1920px) and (min-width: 870px)  {
	.sticky-gradient.sticky-not-main.lower-sticky-gradient-3 {
		display: none;
	}
}

@media (max-width: 1920px) and (min-width: 769px)  {
	.sticky-gradient.sticky-not-main.lower-sticky-gradient-2{
		display: none;
	}
}*/

.header-menu-list-item:first-child {
	display: none;
}

.header-menu-list-item:nth-child(2) {
	display: none;
}

.header-menu-list-item:nth-child(3) {
	display: none;
}

@media (max-width: 1565px) {
	.tv-small-description {
		-webkit-line-clamp: 3;
	}

	.tv-show-clip-container .tv-small-description {
		-webkit-line-clamp: 7;
	}

	.header-program-series {
		display: none;
	}

	.header-menu-list-item:first-child {
		display: block;
	}
}

@media (max-width: 1565px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.tv-small-description {
		max-height: calc(3 * 1.4em);
	}
}

@media (max-width: 1536px) {
	.tv-progress-bar-marker-info {
		display: inline-block;
		word-wrap: break-word;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		box-orient: vertical;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		max-height: 2.5em;
		line-height: 1.25em;
	}
}

@media (max-width: 1440px) {

	.tv-hero-img-opened {
		/*width: calc(640px + (800 - 640) * ((100vw - 769px) / (1440 - 769)));*/
	}

	.tv-content-min-height {
		float: left;
		min-height: calc(216px + (558 - 216) * ((100vw - 769px) / (2560 - 769)));
	}

	.tv-content {
		font-size: 16px;
	}

	.tv-show-email {
		margin-top: 25px;
	}

	.tv-show-thumbnail {
		width: calc(215px + (256 - 215) * ((100vw - 768px) / (1440 - 768)));
		height: calc(120px + (144 - 120) * ((100vw - 768px) / (1440 - 768)));
	}

	.tv-progress-bar-marker-info-wrapper {
		width: 275px;
		left: -135px;
	}

	.header-program-series, .header-live {
		flex-grow: 0;
	}

	.header-calendar {
		margin-right: 20px;
	}
}

@media (max-width: 1332px) {
	.tv-program-week .tv-channel-container {
		flex-basis: calc(33% - 5px);
	}

	.tv-channel.sticky-menu {
		width: calc((100%/3) - (40px + (44 - 40) * ((100vw - 964px) / (1332 - 964))))
	}

	.header-calendar-date-name {
		display: none;
	}

	.header-calendar-date {
		white-space: nowrap;
	}
}

@media (max-width: 1293px) {
	.tv-show-clips-container {
		grid-template-columns: repeat(4, auto);
	}
}

@media (max-width: 1280px) {
	.tv-program-week .tv-channel-container {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.tv-progress-bar-marker-info-wrapper {
		width: 250px;
		left: -124px;
	}

	.weeksSchedule-link {
		display: none;
	}
}

@media (max-width: 1200px) {
	.tv-content-min-height {
		min-height: 286px;
	}

	.tv-content {
		font-size: 16px;
	}

	.tv-program-schedule {
		display: flex;
		flex-wrap: wrap;
	}

	.tv-channel-container {
		width: 100%;
	}

	.tv-progress-bar-marker-info {
		clear: both;
		display: inline-block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.tv-show-clip-container .tv-progress-bar {
		margin-top: 26px;
	}

	.tv-button-container-top .tv-watch-button:hover {
		background-size: 100%;
		transform: scale(1.2);
	}

	.header-a-u {
		outline: none;
		display: none;
	}

	.header-menu-list-item:nth-child(2) {
		display: block;
	}

	.header-calendar-date-name {
		display: none;
	}

	.tv-small-description {
		-webkit-line-clamp: 2;
	}

	.tv-show-clip-container .tv-small-description {
		-webkit-line-clamp: 6;
	}
}

@media (max-width: 1200px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.tv-small-description {
		max-height: calc(2 * 1.4em);
	}
}

@media (max-width: 1000px) {
	.tv-small-description {
		-webkit-line-clamp: 3;
	}

	.tv-show-clip-container .tv-small-description {
		-webkit-line-clamp: 5;
	}
}

@media (max-width: 1000px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.tv-small-description {
		max-height: calc(3 * 1.4em);
	}
}

@media (max-width: 963px) {
	.tv-show-clips-container {
		grid-template-columns: repeat(3, auto);
	}

	.tv-portal-full-menu {
		padding-left: 40px;
	}

	.menu-text {
		display: none;
	}

	.tv-header-login-btn {
		margin-right: 15px;
		flex-grow: 0;
	}

	.tv-login-text, .tv-login-my-account {
		display: none;
	}

	.tv-login-man {
		margin-right: 0px;
	}

	.tv-maker-name {
		font-size: calc(13px + 8 * ((100vw - 769px) / 2560));
	}

	.tv-program-week .tv-channel-container {
		flex-basis: calc(50% - 5px);
	}

	.tv-channel.sticky-menu {
		width: calc(50% - (38px + (40 - 38) * ((100vw - 769px) / (963 - 769))))
	}

	.tv-user-settings .tv-close-login, .tv-gdpr-modal .tv-close-login {
		display: none;
	}

	.tv-watch-button-gb .tv-watch-button-text {
		font-size: calc(16px + 10 * ((100vw - 769px) / 2560));
		line-height: calc(18px + 28 * ((100vw - 769px) / 2560));
	}

	.tv-gdpr-modal .tv-login-header > .tv-close-login {
		display: flex;
		position: absolute;
		transform: translateY(-50%);
		top: 50%;
		right: 30px;
		width: 20px;
		height: 20px;
	}

	.tv-logout-text {
		margin-right: 60px;
	}

	.tv-user-settings .tv-login-header > .tv-close-login {
		display: flex;
		position: absolute;
		transform: translateY(-50%);
		right: 30px;
		width: 20px;
		height: 20px;
	}
}

@media (max-width: 840px) {
	.tv-small-description {
		-webkit-line-clamp: 4;
	}

	.tv-show-clip-container .tv-small-description {
		-webkit-line-clamp: 4;
	}
}

@media (max-width: 840px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.tv-small-description {
		max-height: calc(4 * 1.4em);
	}
}

@media (max-width: 768px) {

	.cookie-overlay-inner {
		margin-left: 4px;
	}

	.hide-mobile {
		display: none !important;
	}

	.hide-desktop {
		display: inherit;
	}

	.header-burger-container.active .tv-body-container {
		transform: translateY(343px);
	}

	.tv-full-description-container {
		width: unset;
	}

	.tv-content-container, .tv-makers-container, .tv-episodes-container {
		background-image: none;
	}

	.siteMenu nav.hide-desktop {
		display: flex;
	}

	.tv-sub-menu {
		display: flex;
	}

	.header-menu-container {
		width: 100%;
		order: 3;
		transition: max-height .5s ease-in-out;
		overflow: hidden;
		position: relative;
		transform: unset;
		top: 0;
	}

	.header-menu-list-item {
		text-align: left;
		font-size: inherit;
	}

	.header-menu-container-visible {
		max-height: 600px;
		opacity: 1;
		pointer-events: unset;
		z-index: 11;
		background-color: #081120;
		transform: unset;
	}

	.tv-portal-logo {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}

	header {
		display: flex;
		flex-wrap: inherit;
		padding: 0;
		height: 40px;
	}

	header > div {
		flex: unset; 
		flex-grow: 1;
		border-right: 1px solid rgba(255, 255, 255, 0.12);
	}

	.tv-portal-full-menu {
		flex-direction: column;
		padding: 0;
	}

	.tv-portal-full-menu.hide-desktop {
		max-height: 0px;
		position: relative;
		display: none;
		margin-top: 40px;
		z-index: 10;
		transition: all 0.5s;
	}

	.tv-portal-full-menu.hide-desktop.tv-show-mobile-menu {
		max-height: 2000px;
		position: relative;
		visibility: visible;
		display: block;
		opacity: 1;
		margin-top: 40px;
	}

	.tv-portal-menu-list {
		width: 100%;
		max-width: initial;
		margin-bottom: 20px;
	}

	.tv-portal-menu-item {
		padding-left: 15px;
	}

	.tv-portal-menu-item:first-child {
		background: #353f4e;
	}

	#tv-body-container {
		margin-top: 0;
	}

	.header-menu-list {
		width: 100%;
	}

	.tv-logo-container {
		height: 40px;
		border: none;
		order: 5;
	}

	.err-logo {
		height: 100%;
		width: 45px;
		padding: 0 5px;
	}

	.tv-channel-logo {
		height: 100%;
		min-width: 114px;
	}

	.header-burger {
		display: none;
	}

	.tv-main-menus-container {
		flex-grow: 0;
		border: none;
	}

	.header-calendar {
		order: 4;
		justify-content: center;
		max-width: 100%;
		border: none;
		margin-right: auto;
		margin-left: 10px;
		pointer-events: all;
	}

	header .header-calendar {
		display: none;
	}

	.header-menu {
		order: 4;
		margin-left: 0px;
		padding: 0px 20px;
		border: none;
	}

	.tv-main-menus-container > div {
		border: none;
	}

	.header-program-series:hover, .header-live:hover {
		background-color: inherit;
	}

	.header-live {
		order: 1;
		display: none;
	}

	.header-burger span:before {
		top: -7.5px;
	}

	.header-program-series {
		display: none;
	}

	.header-7-days {
		/*display: none;*/
		display: flex;
		outline: none;
		color: #aaaaaa;
		font-weight: 600;
		font-size: calc(16px + (20 - 16) * ((100vw - 340px)/ 769));
	}

	.header-burger-container {
		color: #aaaaaa;
		font-weight: 600;
		font-size: calc(16px + (20 - 16) * ((100vw - 340px)/ 769));
	}

	.menu-text {
		margin-right: 0px;
	}

	.menu-text-arrow {
		display: none;
	}

	.header-menu-list-item:nth-child(3) {
		display: block;
	}

	.header-calendar-date-name {
		display: none;
	}

	.header-calendar-date {
		margin-bottom: 0px;
		margin-right: 10px;
		display: none;
	}

	.header-calendar:hover {
		background-color: initial;
	}

	.header-calendar:hover:after {
		background-color: unset !important;
	}

	header .header-search-container {
		left: unset;
		margin: auto;
		z-index: 0;
		opacity: 1;
		background: transparent;
	}

	header .header-search-container.hover {
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		max-width: none;
		margin: 0 3px;
		transform: translateY(-50%);
		z-index: 14;
		background: #313941;
	}

	.tv-search-btn {
		background: url(/www/images/tv/search_Luup.svg) no-repeat center;
		float: right;
		width: 34px;
		height: 32px;
		transition: 0.4s;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
	}

	.tv-search-btn {
		pointer-events: none;
	}

	.header-search-container.hover .tv-search-btn {
		pointer-events: all;
	}

	.tv-header-search {
		order: 4;
		height: 40px;
		width: 40px;
		max-width: 40px;
		margin-right: 0;
		margin-left: auto;
	}

	.tv-search-txt {
		width: 0;
		padding: 0;
	}

	header .tv-search-txt {
		padding-left: 0;
	}

	.tv-search-close {
		display: none;
		width: 0,
		padding: 0;
	}

	.tv-program-series-search .tv-search-txt {
		width: auto;
	}

	.header-search-container:not(.tv-search-result-form).hover .tv-search-txt {
		padding: 0 10px;
		width: 100%;
		transition: 0.4s;
	}

	.header-search-container:not(.tv-search-result-form).hover .tv-search-close {
		display: inline-block;
		font-size: 22px;
		color: white;
		margin: 0 10px;
	}

	.tv-search-result-form.header-search-container {
		position: relative;
		left: 0;
		right: unset;
		margin: 0px 0px 20px 0px;
		max-width: 100%;
		width: 100%;
	}

	.tv-search-container .tv-episodes-thumbnail {
		float: left;
		margin-right: 6px;
	}

	.header-search-container.tv-search-result-form > .tv-search-txt {
		max-width: calc(100% - 32px);
		padding: 0 10px;
		width: 100%;
	}

	.tv-search-container-header {
		justify-content: center;
	}

	.tv-search-datepicker {
		margin-left: 5px;
		margin-right: 5px;
	}

	.search-pager {
		padding: 0;
		margin-top: 0;
		width: 100%;
		justify-content: center;
	}

	.search-pager * {
		display: inline;
		margin: unset;
	}

	.header-calendar-month-view {
		position: unset;
		border: none;
		background: url(/www/images/radio/calendar-2-w.svg) center/100% no-repeat;
		width: 28px;
		height: 32px;
	}

	.tv-program-schedule-container .header-calendar .date {
		display: none;
	}

	.tv-program-schedule-container .header-calendar {
		float: right;
		margin-right: 0;
		display: flex;
	}

	.ui-datepicker td {
		width: calc(100% / 7);
	}

	.tv-channel-container {
		width: 100%;
		margin-right: 0px;
	}

	.tv-content-container {
		min-height: unset;
		flex-direction: column;
	}

	.menu-text {
		display: block;
	}

	.tv-timeline-item-play-container:after, .tv-has-media-thumbnail:after, .content-view-type-game:after, .content-view-type-competition:after {
		width: 30px;
		height: 30px;
		background-size: 26px;
	}

	.timeline .tv-timeline-item-play-container:hover:after, .episodes-thumbnail-container:not(.disabled) .tv-timeline-item-play-container:hover:after {
		background-size: 32px;
		transform: scale(1.3);
	}

	.has-header .tv-timeline-header {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.timeline-header-text {
		font-size: calc(16px + (20 - 16) * ((100vw - 340px)/ 769));
		color: #eaeaea;
		font-weight: 600;
		letter-spacing: 1px;
	}

	.tv-timeline-header {
		position: relative;
	}

	.tv-timeline-next-btn,
	.tv-timeline-prev-btn {
		opacity: 1;
		display: none;
	}

	.tv-timeline-mobile-buttons {
		display: flex;
	}

	.tv-timeline-prev-btn span, .tv-timeline-next-btn span {
		width: 46px;
		height: 46px;
	}

	.tv-timeline-prev-btn, .tv-timeline-next-btn {
		width: 52px;
	}

	.timeline-first .tv-timeline-prev-btn span, 
	.timeline-first .tv-timeline-next-btn span {
		top: 50%;
		transform: translateY(-50%);
	}

	.tv-timeline-prev-btn span, .tv-timeline-next-btn span {
		background-color: rgba(33, 24, 32, 0.75)
	}

	.tv-timeline-item.is-selected .tv-timeline-item-inner:after {
		display: none;
	}

	.tv-content-top-bottom-blur {
		display: none;
	}

	.tv-content-height-container {
		order: 2;
		position: relative;
	}

	.tv-content-hero-img-container {
		width: 100%;
		height: unset;
		position: relative;
		order: 0;
		right: 0px;
		top: 0px;
		z-index: 0;
		-webkit-mask-image: none;

		max-height: none;
		max-width: none;
	}

	.tv-program-week-header-container {
		margin-top: 0;
		position: absolute;
	}

	.tv-program-week .tv-channel-container {
		flex-basis: 100%;
	}

	.tv-schedule-day-plus {
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		font-weight: 600;
		font-size: 24px;
		color: #d2d2d2;
		display: block;
	}

	.tv-schedule-day-minus {
		position: absolute;
		right: 10px;
		top: 0;
		bottom: 0;
		font-weight: 600;
		font-size: 24px;
		color: #d2d2d2;
		display: none;
	}

	.tv-schedules-heading {
		font-size: 20px;
		text-align: left;
	}

	.tv-schedules-heading-text {
		display: none;
	}

	.tv-week-open .tv-schedule-day-plus {
		display: none;
	}

	.tv-week-open .tv-schedule-day-minus {
		display: block;
	}

	.tv-channel-schedule-week {
		display: none;
	}

	.tv-episodes-container {
		padding-left: 2%;
		padding-right: 2%;
	}

	.tv-episodes-container .tv-content-hero-img-container {
		display: none;
	}

	.episodes-thumbnail-container.disabled .tv-episodes-thumbnail.tv-episodes-thumbnail-play::before {
		width: 32px;
		top: 24px;
	}

	#tv-content-block {
		position: relative;
		display: flex;
		flex-direction: column;
	}

	.tv-content-min-height {
		min-height: unset;
	}

	.tv-content {
		position: unset;
		padding: 0px 4px;
		margin-bottom: 15px;
		-webkit-mask-image: unset;
	}

	.tv-content.tv-content-no-media {
		margin-bottom: 20px;
	}

	.tv-content-headline-container {
		order: 2;
		margin-top: 10px;
	}

	.tv-content-top-section-wrapper {
		width: 100%;
		height: auto;
	}

	.tv-button-container-top {
		margin-bottom: 0;
		order: 1;
		position: absolute;
		top: 25px;
		left: 15px;
		width: unset;
	}

	.tv-info {
		margin-bottom: calc(10px + 42 * ((100vw - 769px) / 2560));
	}

	.tv-info-container {
		order: 3;
		height: auto;
	}

	.tv-info-container div span {
		display: inline;
		vertical-align: unset;
	}

	.tv-button-rewatch-days,
	.tv-button-rewatch-text,
	.tv-button-geoblock-text,
	.tv-button-more-text {
		font-size: 13px;
	}

	.tv-button-live {
		margin-top: 0;
		order: 1;
		margin-left: auto;
		margin-right: 12px;
	}

	.tv-button-more-container {
		margin-right: 20px;
	}

	.tv-watch-button-gb .tv-play-icon-logo {
		width: calc(23px + (20 - 10) * ((100vw - 769px) / 769));
		height: calc(30px + (20 - 10) * ((100vw - 769px) / 769));
	}

	.tv-watch-button-gb:hover .tv-play-icon-logo, .tv-watch-button.active .tv-play-icon-logo {
		width: calc(23px + (20 - 10) * ((100vw - 769px) / 769));
		height: calc(30px + (25 - 10) * ((100vw - 769px) / 769));
	}

	.tv-media-page-btn {
		font-size: 13px;
		padding: 0px 12px 0;
	}

	.tv-media-page-btn a {
		display: flex;
		justify-content: space-between;
	}

	.tv-info-no-media {
		margin-left: 0;
		margin-bottom: calc(48px - 30px);
	}

	.tv-content-body-container {
		order: 3;
		margin-right: 5px;
		margin-bottom: 0;
	}

	.tv-content-body-container.tv-show-body {
		margin-bottom: 0px;
	}

	.tv-button-container-bottom {
		order: 4;
		margin-left: 8px;
	}

	.tv-small-description {
		width: 100%;
		font-size: 15px;
		color: #aaaaaa;
		-webkit-line-clamp: 2;
	}

	.tv-show-clip-container .tv-small-description {
		-webkit-line-clamp: 12;
	}

	.tv-full-description {
		width: 100%;
		font-size: 14px;
		font-weight: 300;
		margin-top: 19px;
		line-height: 1.36;
	}

	.prog-footer-info {
		margin: 0;
	}

	.tv-content-menu {
		position: relative;
		overflow: hidden;
		z-index: 1;
		order: -1;
	}

	.tv-live-bar-container {
		margin: 0px;
		margin-top: -15px;
		padding: 15px 1.6% 20px 1.6%;
	}

	/*Mobile Content menu*/

	.second-menu-container {
		position: relative;
		margin: 0;
		padding: 18px 10px 14px 10px;
		z-index: 1;
		display: flex;
		align-items: center;
	}

	.tv-content-menu-mobile-blur {
		display: unset;
		opacity: 0.41;
		filter: blur(10px);
		-webkit-filter: blur(14px);
		background-size: 100%!important;
		background-position: 0% 0% !important;
		background-repeat: no-repeat !important;
		overflow: hidden;
		position: absolute;
		left: -20px;
		right: -20px;
		top: -20px;
		bottom: -20px;
	}

	.second-menu-list {
		justify-content: unset;
		white-space: nowrap;
		overflow-y: visible;
		padding-bottom: 4px;
		margin: 0 0px;
		padding-left: 0;
		font-size: 18px;
		overflow: visible;
		overflow-x: scroll;
	}

	.second-menu-list::-webkit-scrollbar {
		display: none;
	}

	.second-menu-list li {
		flex-grow: 1;
	}

	.second-menu-list li.active p {
		box-shadow: 0px 3px 0px 0px #d91a63;
		color: #ffffff;
	}

	.second-menu-list span {
		display: block;
		margin: 0 8px;
	}

	.second-menu-list li span {
		display: block;
	}

	.second-menu-list li:last-child span {
		display: none;
	}

	.tv-menu-item-short {
		display: block;
		margin: 0 auto;
	}

	.tv-menu-item-long {
		display: none;
	}

	.tv-content-menu-arrow {
		opacity: 0.5;
		width: 22px;
		height: 18px;
		position: relative;
	}

	.tv-content-menu-forward {
		background: url(/www/images/tv/date-right-w.svg) center no-repeat;
		margin-left: 14px;
	}

	.tv-content-menu-back {
		background: url(/www/images/tv/date-left-w.svg) center no-repeat;
		margin-right: 14px;
	}

	/* to increase click area */
	.tv-content-menu-arrow::after{
		content:"";
		padding: 20px;
		position: absolute;
		cursor: pointer;
		left: -10px;
		top: -10px;
	}

	.tv-content-menu-arrow:active {
		opacity: 0.4;
	}

	.tv-menu-no-arrows .tv-content-menu-arrow {
		display: none;
	}

	.tv-menu-no-arrows .second-menu-list {
		justify-content: space-between;
	}

	.sticky-menu {
		display: none;
	}

	.show-sticky-menu {
		display: none;
	}

	.hide-nonsticky-menu {
		 opacity: 1; 
	}

	.sticky-gradient { 
		display: none;
	}

	.tv-gradient {
		display: none;
	}

	.tv-progress-bar {
		bottom: 40px;
	}

	.tv-button-container-bottom {
		margin-top: 10px;
		margin-bottom: 10px;
		position: static;
		z-index: 4;
	}

	.tv-content-blurred-image-bg {
		background-size: 120% 100%;
		background-position: center 100%;
		top: calc((calc(150px + (230 - 177) * ((100vw - 360px) / (1440 - 360))) + calc(36px + 70 * ((100vw - 769px) / 2560))) * -1);
	}

	.tv-content-blurred-image-bg2 {
		background-position: center 100% !important;
		z-index: 0;
	}

	.tv-heading {
		margin-top: 1.5%;
		margin-bottom: 1%;
	}
	/*Mobile Content menu end*/

	.tv-timeline-all, .high-timeline .tv-timeline-all {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-right: 0px;
	}

	.tv-timeline-visible {
		pointer-events: all;
	}

	.timeline-first .tv-timeline-all {
		padding-bottom: 5px;
		margin-top: 0px;
	}

	.timeline .tv-timeline-visible:after {
		display: none;
	}

	.timeline.high-timeline:not(.has-header):not(.timeline-first) {
		margin-top: calc(45px + 34 * ((100vw - 720px) / 2560));
	}

	.timeline.high-timeline:not(.has-header) .tv-timeline-mobile-buttons {
		top: -20px;
	}

	.tv-timeline-all:hover .tv-timeline-item:hover {
		transform: unset;
	}

	.tv-timeline-all:hover {
		-webkit-transform: unset;
		transform: unset;
	}

	.tv-timeline-item:hover ~ .tv-timeline-item {
		-webkit-transform: unset;
		transform: unset;
	}

	.tv-timeline-item:hover ~ .tv-timeline-day-start-marker {
		-webkit-transform: unset;
		transform: unset;
	}

	.tv-timeline-end {
		display: none;
	}

	.timeline:not(.has-header):not(.timeline-first) {
		margin-top: calc(38px + 34 * ((100vw - 720px) / 2560));
	}

	.timeline + #tv-content-block {
		margin-top: -5px;
	}
	.timeline:not(.timeline-first) + #tv-content-block {
		margin-top: 0px;
	}

	.high-timeline .tv-timeline-all:not(.has-selected-item) .tv-timeline-item {
		height: calc((192px + (272 - 192) * ((100vw - 360px) / (768 - 360))));
		width: calc((192px + (272 - 192) * ((100vw - 360px) / (768 - 360))) * 2 / 3);
	}

	.tv-timeline-day-start-marker {
		height: calc((177px + (230 - 177) * ((100vw - 360px) / (1440 - 360))) * 9 / 16);
	}

	.tv-timeline-item {
		width: calc((177px + (230 - 177) * ((100vw - 360px) / (1440 - 360))) * 2 / 3);
		height: calc((177px + (230 - 177) * ((100vw - 360px) / (1440 - 360))));
		margin: 0 5px;
	}

	.timeline:not(.high-timeline) .tv-timeline-item {
		width: calc((200px + (368 - 200) * ((100vw - 360px) / (1440 - 360))));
		height: calc((200px + (368 - 200) * ((100vw - 360px) / (1440 - 360))) * 9 / 16);
	}

	.tv-timeline-header {
		font-size: calc(29px + (46 - 29) * ((100vw - 769px)/ 2560));
		margin-left: 10px;
		margin-bottom: 0;
	}

	.tv-timeline-item .tv-title-time, .vert-timeline-item-more-text, .tv-share-text, .tv-button-more-text {
		font-size: calc(12px + 4 * ((100vw - 320px) / 768));
	}

	.tv-timeline-title-header {
		font-size: calc(14px + (16 - 14) * ((100vw - 769px) / 2560));
		font-size: 16px;
		font-weight: 400;
	}


	.tv-timeline-item-heading-hover .tv-timeline-title-header {
		font-size: calc(14px + 8 * ((100vw - 769px) / 2560));
	}

	.timeline-last-day .high-last-day,
	.high-timeline .high-last-days,
	.high-timeline-last-days-visible .high-last-days,
	.high-timeline-playing .high-timeline-streaming,
	.vert-timeline-item-top:hover .high-timeline-watch-latest {
		display: none;
	}

	.vert-timeline-item-top .tv-watch-button {
		justify-content: end;
		top: unset;
		left: unset;
		width: calc(35px + 49 * ((100vw - 769px) / 2560));
		height: calc(35px + 49 * ((100vw - 769px) / 2560));
		transform-origin: center;
		background-size: 75%;
	}

	.vert-timeline-item-top:hover .tv-watch-button {
		transform-origin: center;
		background-size: 100%;
		transform: scale(1.4);
	}

	.vert-timeline-item-top .tv-watch-button-text {
		line-height: calc(18px + 28 * ((100vw - 769px) / 2560));
	}

	.vert-timeline-item-bottom {
		opacity: 0;
	}

	.vert-timeline-item-title {
		width: 90%;
		font-size: calc(16px + 10 * ((100vw - 769px) / 2560));
		line-height: calc(18px + 10 * ((100vw - 769px) / 2560));
	}

	.vert-timeline-item-more-icon {
		height: calc(17px + 13 * ((100vw - 769px) / 769));
	}

	.tv-watch-button {
		margin-left: 9px;
		box-shadow: 2px 3px 12px 1px rgba(0, 0, 0, 0.4);
	}

	.tv-watch-button:hover, .tv-watch-button.active {
		background-size: 40px;
	}

	.tv-play-icon-logo {
		width: calc(30px + 13 * ((100vw - 769px) / 769));
		height: calc(30px + 13 * ((100vw - 769px) / 769));
		width: 37px;
		height: 37px;
		background: url(/www/images/tv/2-1-play-pla-lst-dark.svg) center/100% no-repeat;
		z-index: 2;
	}

	.tv-watch-button a {
		line-height: 48px;
		width: 120px;
	}

	.tv-mobile-blurred-button {
		display: unset;
		filter: blur(7px);
		-webkit-filter: blur(7px);
		background-position: -21px -23px;
		background-repeat: no-repeat;
		background-size: 100vw;
		background-attachment: scroll;
		overflow: hidden;
		position: absolute;
		left: -3px;
		right: -3px;
		top: -3px;
		bottom: -5px;
	}

	.tv-image-gradient-overlay {
		background: linear-gradient(to top, rgba(5, 0, 10, 0.9), rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0));
		display: block;
	}

	.tv-content-container .tv-image-gradient-overlay {
		display: block;
	}

	.tv-mobile-content-gradient {
		background: linear-gradient(to bottom, rgba(5, 0, 10, 0.9), rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0));
	}

	.tv-episodes-info-container {
		display: flex;
		flex-direction: column;
		flex-grow: 1;
		border-top: rgba(255, 255, 255, 0.06) 1px solid;
		width: calc(64% + (100 - 64) * ((100vw - 320px) / (600 - 320)));
	}

	.tv-program-series .tv-episodes-info-container {
		width: auto;
	}

	.tv-episodes-thumbnail {
		width: calc(96px + (125 - 96) * ((100vw - 360px) / (1440 - 360)));
		height: calc(60px + (70 - 54) * ((100vw - 360px) / (1440 - 360)));
		background: url(/www/images/tv/test/simon.jpg);
		background-size: cover;
	}

	.tv-program-series .tv-timeline-read-more {
		display: none;
	}

	.tv-episodes-content-container {
		flex-wrap: wrap;
	}

	.tv-episodes-content-container.tv-small-episodes {
		flex-wrap: wrap;
		position: relative;
	}

	.tv-episodes-content-container:not(.tv-small-episodes) {
		padding-bottom: 60px;
	}

	.tv-episode-rewatch-days-container .tv-episode-rewatch-days-text {
		display: none;
	}

	.tv-program-series .tv-schedules-heading {
		padding-left: 0;
	}

	.tv-pastShows-header {
		padding: 16px 0;
		flex-direction: column;
	}

	.tv-pastShows-headings-container {
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.all-episodes-container .episodes-thumbnail-container {
		margin-bottom: 16px;
	}

	.tv-program-series {
		padding-left: 4%;
	}

	.program-series-row {
		flex-direction: column;
		width: 100%;
		border-top: none;
		padding-top: 0;
	}

	.program-series-row-index {
		width: auto;
		text-align: left;
	}

	.program-series-row-item {
		width: 100%;
		margin-bottom: 0px;
	}

	.tv-program-series .tv-has-media-thumbnail:after {
		display: none;
	}

	.tv-program-series .episodes-thumbnail-container {
		display: inline-block;
		margin-bottom: 18px;
	}

	.episodes-thumbnail-container {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		margin-bottom: 21px;
	}

	.episodes-thumbnail-container > a {
		width: 100%;
	}

	.tv-show-clip-container .tv-content {
		width: 100%;
	}

	.tv-show-clip-container .tv-progress-bar {
		margin-left: 4.6%;
		width: calc(100% - 4.6% - 4.6%);
		order: 5;
		bottom: 0;
		margin-top: 26px;
		margin-bottom: 14px;
	}

	.tv-show-clip-container .tv-content-body-container {
		min-height: 0px;
	}

	.tv-show-clip-container .tv-image-gradient-overlay {
		background: linear-gradient(to top, rgba(10, 0, 27, 1), rgba(0, 0, 0, 0) 36%, rgba(0, 0, 0, 0));
	}

	.tv-show-clip-container .tv-episodes-thumbnail-heading-mobile {
		font-size: 14px;
	}

	.tv-episodes-thumbnail .tv-show-clip-duration {
		display: flex;
	}

	.tv-show-clip-duration {
		width: 50%;
		height: 35%;
	}

	.tv-thumbnail-container {
		flex-wrap: unset;
		flex-direction: column;
		width: 100%;
	}

	.tv-episode-date-mobile {
		display: unset;
	}

	.tv-episode-date-desktop {
		display: none;
	}

	.tv-episodes-thumbnail-heading-mobile {
		padding-top: 0;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.tv-episodes-thumbnail-heading-desktop {
		display: none;
	}

	.tv-episodes-thumbnail-body {
		font-size: 12px;
		font-weight: 300;
		clear: both;
	}

	.tv-calendar-heading {
		font-size: 20px;
		color: #cccccc;
		font-family: var(--default-font);
		text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	}

	.tv-calendar-month {
		text-align: unset;
		font-size: 18px;
		color: #cccccc;
	}

	.tv-calendar-container {
		display: inline-grid;
		grid-template-columns: repeat(3, auto);
		justify-content: center;
		margin: 0;
		margin-bottom: 65px;
		min-width: 100%;
	}

	.tv-calendar-day {
		height: calc(54px + (64 - 54) * ((100vw - 360px) / (768 - 360)));
		width: calc(88px + (126 - 88) * ((100vw - 320px) / (768 - 320)));
		flex-grow: unset;
		max-width: unset;
		background: none;
		margin: calc(10px + (13 - 10) * ((100vw - 320px) / (768 - 320)));
		background-color: rgba(7, 0, 18, 0.2);
		border: solid 1.1px #fff;
		font-size: 36px;
		font-weight: 300;
		line-height: calc(54px + (64 - 54) * ((100vw - 360px) / (768 - 360)));
	}

	.tv-past-show-day {
		font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (768 - 320)));
		bottom: 0px;
		left: 2px;
	}

	.tv-calendar-day:nth-child(7n)  {
		grid-column-start: 2;
	}

	.tv-episodes-content-container ~ .tv-calendar-month {
		background: pink;
	}


	.tv-episodes-content {
		padding: unset;
		padding-bottom: 50px;
		height: auto;
	}

	.tv-calendar-button {
		order: 1;
		width: 48px;
		height: 48px;
		border-radius: 48px;
		border: 1.5px solid #fff;
		background-color: rgba(7, 0, 18, 0.14);
		position: absolute;
		bottom: 75px;
		right: 5%;
	}

	.tv-episodes-content-container.tv-small-episodes .tv-calendar-button {
		bottom: 0;
	}

	.tv-calendar-right-buttons,
	.tv-calendar-left-buttons {
		min-width: auto;
	}

	.tv-calendar-right-buttons .tv-calendar-button {
		margin-bottom: 0; 
	}

	.tv-calendar-button-month {
		margin: 10px -60px;
		white-space: nowrap;
	}

	.tv-calendar-right-buttons {
		flex-direction: row-reverse;
		justify-content: space-between;
		width: 100%;
		margin: 0 5%;
	}

	.tv-calendar-button-all {
		left: 0;
		right: 0;
		margin: auto;
		width: 48px;
	}

	.tv-calendar-backward {
		left: 5%;
	}

	.tv-calendar-forward {
		right: 5%;
	}

	.tv-forward-arrows,
	.tv-backward-arrows,
	.tv-all-shows-icon,
	.tv-back-icon {
		width: 48px;
		height: 50px;
	}

	.tv-backward-arrows {
		background-image: url(/www/images/tv/arrows-left.svg) 4px center no-repeat;
		background-size: 75%;
	}

	.tv-forward-arrows {
		background-image: url(/www/images/tv/arrows-right.svg) center no-repeat;
		background-size: 75%;
	}

	.tv-show-clips-holder {
		display: block;
	}

	.tv-show-clips-container {
		display: block;
	}

	.tv-makers {
		justify-content: flex-start;
		padding-right: 3%;
		flex-wrap: wrap;
	}

	.tv-makers-group {
		min-width: 100%;
		margin-bottom: 10px;
		margin-right: 0px;
	}

	.tv-maker-type {
		margin-bottom: 20px;
		border: none;
	}

	.mb80 {
		margin-bottom: 80px;
	}

	.menulower {
		padding-left: 16px;
		display: none;
		height: auto;
	}

	.tv-container .footer .new-footer {
		margin-top: -10px;
		padding-left: 13px;
		padding-top: 20px;
		width: 100%;
		height: 44px;
		display: block;
	}

	.new-footer-button-footer {
		background: url(/www/images/radio-arrows.svg) no-repeat;
		transform: rotate(180deg);
		transition: all .4s ease-in-out;
		width: 30px;
		height: 30px;
		cursor: pointer;
	}

	.new-footer-button-rotate {
		transform: rotate(0deg);
	}

	.new-footer-button-footer, .new-footer-close-footer {
		float: right;
		margin-right: 31px;
		margin-top: -7px;
	}

	.new-footer-button-footer .radio-block-head-acc-relative-svg-block {
		width: 0px;
	}

	.new-footer-button-footer .radio-block-head-right-svg {
		left: 3px;
	}

	.errInfo {
		margin-bottom: 47px;
	}

	.navbar-form2 {
		margin-top: 0px;
		margin-bottom: 8px;
	}


	/* TV Login */

	.tv-login-text-container {
		align-items: flex-start; 
	}

	.tv-header-login-btn {
		height: 40px;
		margin: 0;
		background-color: transparent;
		display: flex;
		justify-content: left;
		padding: 0;
		order: 4;
		border: none;
	}

	.tv-login-man {
		margin-right: 0px;
	}

	.tv-header-login-btn-popup {
		top: 38px;
		left: inherit;
	}

	.tv-account-settings-logo {
		align-items: center;
	}

	.header-calendar.hide-top-menu-for-login, .tv-header-search.hide-top-menu-for-login, .tv-channel-logo.hide-top-menu-for-login {
		display: none;
	}

	.tv-user-login .tv-login-header {
		padding: 15px;
	}

	.tv-login-header {
		padding: 40px 40px 20px;
	}

	.tv-login-text, .tv-login-my-account {
		display: block;
		line-height: 53px;
	}

	.tv-login-container {
		width: 100%;
		margin: 0 auto;
		min-height: calc(100vh - 100px);
		top: 0;
	}

	.tv-user-settings .tv-login-container {
		width: 100%;
	}

	.tv-gdpr-container {
		max-width: 670px;
		width: calc(100% - 10px);
		margin: 0 auto;
		top: 50px;
	}

	.tv-close-login {
		display: none;
	}

	.tv-login-header .tv-close-login {
		display: flex;
		position: relative;
		top: inherit;
		right: inherit;
		width: 20px;
		height: 20px;
	}

	.tv-login-logo {
		width: 70px;
		height: 30px;
	}

	.tv-login-button {
		font-size: 30px;
	}

	.create-account-button {
		font-size: 20px;
	}

	.disabled-button-container {
		width: 60%;
	}

	.tv-user-settings .tv-login-header-title {
		font-size: 19px;
	}

	.tv-user-settings .tv-login-header > .tv-close-login {
		right: 50%;
		transform: translateX(50%);
		width: 15px;
		height: 15px;
	}

	.tv-logout-text {
		margin-right: 0;
	}

	.tv-gdpr-paragraph {
		font-size: 16px;
		color: #667684;
		margin-bottom: 24px;
	}

	.tv-gdpr-block-header {
		font-size: 20px;
		font-weight: 500;
		color: #00529e;
		margin-right: 45px;
	}

	.tv-gdpr-large-text {
		font-size: 18px;
		color: #3d566b;
		margin-bottom: 10px;
	}

	.tv-login-auth-option {
		font-size: 20px;
	}

	.tv-successful-login {
		width: 95%;
		box-sizing: border-box;
		height: auto;
	}

	.tv-successful-update {
		width: 95%;
		box-sizing: border-box;
		height: auto;
	}


	@keyframes movelogin {
		0% {
			opacity: 0;
		}

		20% {
			top: 45px;
			opacity: 1
		}

		80% {
			opacity: 1;
			top: 45px;
		}

		85% {
			top: 55px;
			height: auto;
		}

		100% {
			height: 0;
			opacity: 0;
			top: -200px;
		}
	}
	/* TV Login END */

	footer {
		padding-top: 20px;
	}

	.pagination {
		display: flex;
		justify-content: center;
		margin-bottom: -15px;
		margin-top: 10px;
		margin-left: 8px;
	}

	.pagination > li {
		width: 35px;
		height: 35px;
		margin-bottom: 15px;
	}

	.pagination > li > a,
	.pagination > li > span {
		font-size: 18px;
		line-height: 35px;
	}
}

@media (max-width: 768px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.header-search-container {
		position: relative;
		left: 0;
		margin: 0;
	}

	.header-calendar {
		left: 10px;
	}

	.tv-main-menus-container {
		flex-grow: 1;
	}

	.second-menu-list {
		overflow-x: hidden;
	}

	.tv-content-hero-img {
		top: auto;
		left: auto;
		transform: none;
	}

	.tv-small-description {
		max-height: calc(2 * 1.4em);
	}
}

@media (max-width: 435px) {
	.tv-show-clips-container {
		grid-template-columns: repeat(1, auto);
	}

	.tv-show-thumbnail {
		width: 280px;
		height: 158px;
	}

	.header-menu {
		padding: 0px 5px;
	}

	.tv-live-bar-text-container {
		width: 75%;
	}

	.tv-info-subtitle-separator {
		display: none;
	}

	.tv-info-read-more {
		display: block;
		padding-top: 6px;
	}

	.tv-button-container-bottom {
		flex-wrap: wrap;
	}

	.tv-button-more-container, 
	.tv-media-page-btn,
	.tv-button-share {
		margin-top: 10px;
	}

	.tv-button-more-container {
		min-width: unset;
	}

	.tv-button-share {
		height: calc(25px + 27 * ((100vw - 769px) / 2560));
	}
}

@media (max-width: 375px) {
	.tv-channel-schedule-show {
		grid-template-columns: 40px auto 72%;
	}

	.tv-show-clips-container {
		grid-template-columns: repeat(1, auto);
	}

	.tv-calendar-container {
		margin-left: calc(-10px + (0 - (-10)) * ((100vw - 320px) / (375 - 320)));
		width: calc(8px + (0 - 8) * ((100vw - 320px) / (375 - 320)) + 100%);
	}

	.tv-login-body {
		padding: 20px 20px;
	}

	.tv-header-login-btn {
		height: 40px;
		flex-grow: 0;
	}

	.tv-login-man {
		background: url(/www/images/tv/login-mees.svg) center no-repeat;
		background-size: 100%;
		width: 21px;
		height: 24px;
		display: inline-block;
		margin-right: 0px;
	}

	.tv-user-settings .tv-login-header {
		padding: 30px 10px;
	}

	.tv-view-container.tv-program-series {
		padding-top: 20px;
	}

	.tv-program-series .tv-schedules-heading {
		margin-left: 0;
	}

	.tv-program-series .tv-program-series-search {
		position: relative;
		top: unset;
		right: unset;
	}
}

/* buttons */

.btn {
	font-family: var(--default-font);
	background-color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #444;
	color: #444;
	text-decoration: none;
	padding: 0.4em 0.8em;
	font-size: 16px;
	font-weight: normal;
	border-radius: 8px;
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
	cursor: not-allowed;
	filter: alpha(opacity=50);
	-webkit-box-shadow: none;
	box-shadow: none;
	opacity: .5;
}

.btn:hover,
.btn:active {
	background-color: #444;
	color: #fff;
	cursor: pointer;
}

.btn.small {
	font-size: 14px;
}

.btn.big {
	font-size: 22px;
}

.btn.round,
.form-control.round {
	border-radius: 18px;
}

.btn.big.round{
	border-radius: 26px;
}

.btn.primary {
	background-color: #d8d8d8;
	border-color: #d8d8d8;
}

.btn.primary:hover,
.btn.primary:active {
	background-color: #444;
	border-color: #444;
	color: #fff;
}

.content article .btn.modest{
	background-color: #d8d8d8;
	border-color: #d8d8d8;
	color:#444;
}

.btn.vivid.disabled,
.btn.vivid[disabled],
fieldset[disabled] .btn.vivid {
	cursor: not-allowed;
	filter: alpha(opacity=100);
	opacity: 1;
}

/* forms */

input, textarea{
	font-family: var(--default-font);
	font-size: 16px;
}

button:focus,
textarea:focus,
input:focus {
	outline: none;
}

textarea,
input {
	width: 100%;
}

textarea{
	resize: none;
}

.form-group {
	margin-bottom: 15px;
	margin-top: 15px;
}

.input-group {
	position: relative;
	border-collapse: separate;
	width: 100%;
}

.form-control {
	display: block;
	font-size: 16px;
	padding: 6px 12px;
	line-height: 1.4;
	border-radius: 8px;
	color: #555;
	background-color: #f7f7f7;
	background-image: none;
	border: 1px solid #bbbbbb;
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	box-sizing: border-box;
}

.form-control.inline {
	display: inline-block;
}

.fa.fa-times-circle.close {
	position: absolute;
	right: 2%;
	top: 2%;
	background-image: url(/www/images/tv/player_close.png);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 30px;
	height: 30px;
	z-index: 101;
	cursor: pointer;
	transition: all .2s ease-in-out;
	opacity: 0.8;
}

.fa.fa-times-circle.close:hover {
	opacity: 1;
	transform: scale(1.1);
}

.fa.fa-times-circle.close:active {
	opacity: 1;
	transform: scale(1);
}
.skip-link {
	position: absolute;
	left:0;
	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 8px;
	top:60px;
	white-space: nowrap;
	background: #fff;
	border: 1px solid #ccc;
	line-height: 2em;
	opacity: 0;
	color: #333;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	z-index: -1;
	font-weight: bold;
	font-size: 15px;

}

.skip-link:focus{
	opacity: 1;
	z-index: 100;
}

.tv-content-menu-1, .tv-content-menu-3, .tv-content-menu-4 {
	outline: none;
}
.tv-menu-item-long {
	outline: none;
}

/*Gallery grid view*/
.gallery-grid-container {
	background: #000610f5;
	padding: 5% 5%;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1000000;
	overflow-y: auto;
	transform-origin: center center;
}

.gallery-grid-image {
	width: calc(20% - 5px);
	float: left;
	border-radius: 4px;
	overflow: hidden;
	margin-bottom: 5px;
	margin-right: 5px;
	position: relative;
	cursor: pointer;
}

.gallery-grid-image img {
	width: 100%;
	height: 100%;
	display: block;
}

.grid-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	pointer-events: none;
	z-index: 1;
	background-color: #fff;
	transition: all .4s ease-in-out;
}

.gallery-load-more {
	margin: 0 auto;
	margin-top: 24px;
	cursor: pointer;
	color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100px;
	height: 30px;
	padding: 8px 10px;
	font-weight: 500;
	font-family: var(--default-font);
	border-radius: 5px;
	border: 2px solid #ffffff;
	background-color: #313131;
	text-transform: uppercase;
	box-shadow: 0px 0px 11px 2px #ffffffab;
}

.gallery-grid-image:hover .grid-overlay {
	opacity: 0.08;
}

.close-grid {
	position: absolute;
	top: 15px;
	right: 2%;	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 11;
	border-radius: 30px;
	padding: 4px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	box-shadow: 2px 2px 4px 0 rgb(0 0 0 / 18%);
}

.close-grid .cross-bar {
	width: 75%;
	height: 3px;
	border-radius: 2px;
	transform: rotate(135deg);
	background-color: #cececee6;
	display: inline-block;
	position: absolute;
}

.close-grid .cross-bar:last-child {
	transform: rotate(45deg);
}

@media (max-width: 1300px) {
	.gallery-grid-image {
		width: calc(25% - 5px);
	}
}

@media (max-width: 1024px) {
	.gallery-grid-image {
		width: calc(33.33% - 5px);
	}
}

@media (max-width: 768px) {
	.gallery-grid-container {
		padding: 2% 2%;
	}

	.gallery-grid-image {
		width: calc(50% - 5px);
	}
}
/*Gallery grid view*/
