/** 
 * TVF International Theme
 * 
 *
 * Main Layout File
 */
 
/* Misc Styles and defaults  
-------------------------------------------- */
  
* {
	margin: 0;
	padding: 0;
}

body {
	font-family: 'Fira Sans', sans-serif;
	font-size: 90%;
	line-height: 1.5;
	color: white;
 	margin: 0px;
 	padding: 0px; 
 	height: 100%;
}

html {
	background-color: #000000;
}

html,body {
	min-width:310px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

a, .a {
	color:#fff;
	text-decoration:none;
	font-weight: bold;
	-webkit-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
}

a:hover, .a:hover {
	text-decoration:none;
	opacity: .6;
}

h2 {
	margin-bottom:10px;
}

img {
	max-width:100%;
}

.clear{
	clear:both;
}

/* Clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

.ajax-aware-member-login-form--fields {
	overflow:hidden;
}

.ajax-aware-member-login-form--fields-inner {
	margin:-6px;
}

.ajax-aware-member-login-form--field-wrapper {
	float:left;
	width:50%;
}

.ajax-aware-member-login-form--field-wrapper-inner {
	margin:6px;
}

.ajax-aware-member-login-form--field-wrapper-inner2 {
	background-color:#EEEEEE;
	-webkit-box-shadow:1px 1px 1px 0px rgba(0,0,0,0.6) inset;
	        box-shadow:1px 1px 1px 0px rgba(0,0,0,0.6) inset;
}

.ajax-aware-member-login-form--action-wrapper {
	float:right;
	margin-left:12px;
	margin-top:12px;
}

.ajax-aware-member-login-form--field-wrapper input.text,
.ajax-aware-member-login-form--field-wrapper input.password {
	padding:0px 10px;
	background-color:transparent;
	color:#666666;
	height:30px;
	line-height:30px;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}

.ajax-aware-member-login-form--action-wrapper button {
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
	height:30px;
	padding:6px;
	display:block;
	width:100%;
}

.ajax-aware-member-login-form--errors {
	color:#cc0000;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:6px;
}

[data-ajax-submit] {
	position:relative;
}

.cat-HD, .cat-formats {
	background: #2f2f2f;
}
.cat-celebrity-and-biography {
	
	background: #e8788b;
}
.cat-shorts {
	background:#DCDBDB;
}
.cat-history {
	background: #c6363a;
}
.cat-world-affairs {
	background: #df7b3b;
}
.cat-religion-and-philosophy {
	background: #79af68;
}
.cat-arts {
	background: #99cfc1;
}

.cat-people-and-cultures,.cat-extraordinary-stories { /*c.t. extraordinary stories*/
	background: #c9db6b;
}

.cat-people-and-cultures,.cat-extraordinary-people { /*c.t. extraordinary people*/
	background: #bbce00;
}

.cat-crime {
	background: #a9b862;
}
.cat-science-and-environment {	
	background: #90c0e0;
}

.cat-wildlife-and-natural-history,
.cat-wildlife {
	background: #6996cd;
}

.cat-iai,
.cat-institute-of-art-and-ideas {
	background: #FE2B09;
}

.cat-travel-and-adventure {
	
	background: #5163aa;

}
.cat-food-and-drink {
	background: #704297;
}

.cat-lifestyle-and-leisure,
.cat-lifestyle-and-entertainment {
	background: #f0bf43;
}
.cat-health-and-family {	
	background: #a86cad;
}

.cat-music-and-concerts {
	background: #84450d;	
}

.cat-sex-and-relationships {
	background: #d740a1;
}
.cat-new {
	background: #ffffff;
	/* color:black; */
}

#PageNumbers {
	float: right;
	display: inline;
}

/* slideshow */

.main-slideshow {
	position:relative;
}

.dropdown-toggle { display: none; }
.go-back{padding-top: 30px;padding-bottom: 30px;}
.search-history-link{text-transform: uppercase;}

@media screen and (max-width:319px) {
	.main-slideshow {
		left:-9999px;
		position:absolute;
		top:-9999px;
	}
}

@media screen and (min-width:319px) and (max-width:480px) {
	.main-slideshow--slide .main-slideshow__programme-title {
		font-size: 18px !important;
		line-height:20px;
	}
	.main-slideshow--slide .main-slideshow__programme-duration, .main-slideshow--slide .main-slideshow__programme-commissioned {
		font-size: 16px !important;
		padding:3px 16px;
		min-height: 20px;
	}
}



.secondary-slideshow__prev-container {
	position:absolute;
	top:0px;
	left:26px;
	width:32px;
	height:100%;
	z-index:9990;
}

.secondary-slideshow__next-container {
	position:absolute;
	top:0px;
	right:26px;
	width:32px;
	height:100%;
	z-index:9990;
}

.secondary-slideshow__prev {
	left:0;
	top:90px;
	bottom:90px;
	width:32px;
	background:url('../images/leftArrow.png') center no-repeat;
	cursor:pointer;
	position:absolute;
}

.secondary-slideshow__next {
	left:0;
	top:90px;
	bottom:90px;
	width:32px;
	background:url('../images/rightArrow.png') center no-repeat;
	cursor:pointer;
	position:absolute;
}

.secondary-slideshow__prev a,
.secondary-slideshow__next a {
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.secondary-slideshow__prev:hover,.secondary-slideshow__next:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

.info {
	position:absolute;
	bottom:10px;
	left:0px;
	max-width:500px;
	pointer-events:none;
}

.fpPhoto {
	overflow: hidden;	
}

.fpPhoto a {
	display:block;
}

.fpPhoto img{
	display:block;
	border:none;
}

.formats-info {
    position:absolute;
    bottom:40px;
    left:0px;
    background:#101010;
    background:rgba(0,0,0,0.8);
    color:white;
    padding:14px 26px;
}

.main-slideshow__programme-commissioned{
	min-width:50px;
	min-height: 30px;
	margin-top:4px;
}
.main-slideshow__programme-commissioned-blank {
	min-width:50px;
	min-height: 30px;
	margin-top:4px;
	padding:3px 26px;
	float:left;
}

/* GOOGLE MAP --------------------------- */

#GoogleMap {
	margin-bottom: 20px;
	width: 590px;
}

#GoogleMap iframe {
	display: block;
	margin: 0px auto;
}



/* PROGRAMME PAGE 
------------------------------------------- */

.programme__outer {
	border-bottom:1px solid #424242;
	margin-bottom:10px;
}

#Programme {
	border-top:1px solid #424242;
	border-bottom:1px solid #0d0d0d;
	padding-top:15px;
	padding-bottom:15px;
}

.ProgrammeSummary {
	font-size:14px;
}

#ProgrammeTitle {
	font-size: 18px;
}

#ProgrammeDetails {
	padding-top: 5px;
	font-size:14px;
	line-height:24px;
}

#ProgrammeDetails .programme-buttons {
	margin-top:12px;
	margin-left:6px;
}

#ProgrammeDetails .programme-buttons a {
	margin-right:4px;
	margin-bottom:8px;
}

.programme--video-page #ProgrammeDetails {
	border-top: 1px solid #323232;
	border-bottom: 2px solid #000000;
	padding-top: 0;
	margin-left: 0;
	padding: 1.5em 0 1.5em 0;
}

.programme__info {
	text-transform: uppercase;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px;
	font-weight: bold;
}

.programme__info-left {
	margin-right: 20px;
}

.programme--title {
	margin-bottom: 0;
	text-transform: uppercase;
}

.programme--commissioner {
	margin-bottom: 10px;
}

.programme--category-button {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-size: 14px;
}

.programme--video-box {
	position: relative;
}

.fp-playlist {
	display: none;
}

.programme--video-box--main-image {
	position: relative;
	z-index: 5;
}

.programme--video-box--main-image img {
	display: block;
}

.programme--video-box--play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left:-79px;
	margin-top:-52px;
	cursor:pointer;
	z-index:10;
	width:158px;
	height:104px;
}


#flowplayer {
	background:#000000;
}

.popup-login-form {
	display: none;
}

.programme--video-box--buttons--left {
	float: left;
	margin-right:13px;
	display:block;
}
.programme--video-box--buttons--right {
	overflow:hidden;
	display:block;
	text-align:right;
}

.programme__slider {
	margin-bottom: 50px;
}

@media screen and (max-width:600px) {
	.programme--video-box--buttons--left {
		float:none;
		margin-right:0;
		text-align:center;
	}
	.programme--video-box--buttons--right {
		margin-top:10px;
		overflow:visible;
		text-align:center;
	}
}

.programme--video-box--buttons--right a#SwitchRes,
.programme--video-box--buttons--right a#SwitchRes:link,
.programme--video-box--buttons--right a#SwitchRes:visited,
.programme--video-box--buttons--right a#SwitchRes:hover,
a.programme--trailer-button {
	color: #212121;
	padding: 6px 8px;
	font-weight: normal;
	display:inline-block;
	float:none;
	margin-right:0;
}

.progamme--trailer {
	margin-bottom: 1.5em;
}

.progamme--trailer a {
	font-size: 14px;
}


/* Programme Page Icons */

#ProgrammeMaterials table {
	width: 100%;	
}
/* ----------------------------
 * ------- TRAILERS -----------
 * ---------------------------- */
 
 #TrailerBox {
 	display: none;
 	width: 318px;
 	height: 180px;
 	float: left;
 	border: 1px solid #cccccc;
 }
 
 #TrailerBox embed {
	margin: 10px auto;
}

#TrailerBox #flowplayer {
	width:318px; height: 177px; margin: 0
}

.CategoryColor0 { /* Search Results */
	background-color: #cccccc;
}

.CategoryColor100 { /* Search Results */
	background-color: #cccccc;	
}

.CategoryColor13 { /* HD Available */
	background-color: white;
}

.CategoryColor14 { /* World Affairs */
	background-color: #d95121;
	
}

.CategoryColor15 { /* History */
	background-color: #b60f20;
	
}

.CategoryColor16 { /* Sex and Relationships */
	background-color: #c10066;
	
}

.CategoryColor17 { /* Celebrity and Biography */
	background-color: #883a40;
	
}

.CategoryColor18 { /* Religion and Philosophy */
	background-color: #eda421;
	
}

.CategoryColor19 { /* Arts */
	background-color: #9bc52e;
	
}

.CategoryColor20 { /* People and Cultures */
	background-color: #759231;
	
}

.CategoryColor21 { /* Crime */
	background-color: #278537;
	
}

.CategoryColor22 { /* Science and Environment */
	background-color: #3eab90;
	
}

.CategoryColor23 { /* Wildlife and Natural History */
	background-color: #4ba0c4;
	
}

.CategoryColor24 { /* Travel and Adventure */
	background-color: #2264a2;
	
}

.CategoryColor25 { /* Food and Drink */
	background-color: #465293;
	
}

.CategoryColor26 { /* Lifestyle and Leisure */
	background-color: #951ce5;
	
}

.CategoryColor27 { /* Health and Family */
	background-color: #88397d;
	
}

/* news */

.newsTitle {
	font-size: 15px;
	font-family: "Trebuchet MS", sans-serif;
	display:block;	
}

.newsDate {
	font-style: italic;
	color: #cccccc;
	display:block;
}

/* SEARCH FORM 
-----------------------------------------------*/
html #SearchForm_SearchForm {
	width: 125px;
	display: inline;
}
html #SearchForm_SearchForm .middleColumn {
	float: left;
	width: 125px;
	margin: 0px;
	padding: 0px;
	background-color: #555555;
	
}
	html #SearchForm_SearchForm .middleColumn input.text {
		width: 125px;
		border: #ffffff solid 1px;
		color: #666;
	}
	
html #SearchForm_SearchForm #SearchForm_SearchForm_action_results {
	float: left;
	margin-top: 0px;
}

/* MESSAGEBOXS
--------------------------------------------- */
.message {
	margin: 15px;
	padding: 5px;
	width: 92%;
	color: #979908;
	border: 4px solid #F7F8B4;
	background: #FFFFEA;
}
.message.bad {
	color: #cc0000;
}
.message.good {
	color: #00aa00;
}
span.middleColumn .message {
	margin: 4px 0 0 3px;
}
.required {
	margin: 4px 0 0 3px;
	padding: 5px;
	width: 92%;
	color: #DC1313;
	border: 4px solid #FF7373;
	background: #FED0D0;
}

#CustomMemberLoginForm_LoginForm_error {
	color:#333;
}


p#Remember label {
	margin: -24px 0 0 20px;
	text-align: left;
}
.entry {
	border-bottom: 1px solid #eee;
}

.typography #Content p.authorDate {
	color: #444;
	margin-top: -15px;
}

/* UNSUBSCRIBE NEWSLETTER
------------------------------------------------ */
#Unsubscribe_MailingListForm_MailingListForm{
	min-height:100px;
}

#Unsubscribe_MailingListForm_MailingListForm p{
	margin:0 !important;
	padding:10px;
}
#Unsubscribe_MailingListForm_MailingListForm p label{
	display: inline;
}
#Unsubscribe_MailingListForm_MailingListForm label{
	margin:0;
}


/*************************
 *   FLOW PLAYER 
 *************************/

#flowplayer {
	display:block;
	width:1000px;
	margin: 10px auto;
} 

#FlowPlayerBox {
	padding-bottom: 20px;
	margin-top: -5px;
}

/***************************
 *    FULL VIDEO PAGE      *
 ***************************/


#TitleV {
	padding-left: 20px;
}

#TitleV h3 {
	font-size: 16px;	
}

#CenterHeaderV {
	height: 40px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 0px 20px;
	background-image: url('../images/grey_line.png');
	background-repeat: repeat-x;
	background-position: left bottom;
}


/* NEWS PAGES */

.author {
	color: #cccccc;
	font-style: italic;
	margin-bottom: 15px;	
}

.article_title {
	color: #cccccc;
	font-size: 20px;
	font-weight: 300;
	font-family: "Trebuchet MS";
	margin-bottom: 5px;
}

.article_date {
	float: right;
	color: #cccccc;	
}

#MemberLoginForm_LostPasswordForm_error {
	color: #000000;	
}


.foldertitle {
	color: #fff;
}

.foldericon {
	display: block;
	width: 20px;
	height: 14px;
	float: left;
}

.closedicon {
	background: transparent url('../images/icons/folder-closed.gif') no-repeat left top;	
}

.openicon {
	background: transparent url('../images/icons/folder.gif') no-repeat left top;
}

ul.folderlist {
	display: none;
	margin: 5px 0px 15px 15px;
}

.foldertitlerow {
	margin-bottom: 5px;
}

#infopopuplink {
	display: block;
	float: right;
	margin-right: 10px;
	position: relative;
	top: 10px;
}

#viewinginfopopup {
	display: none;
	position: absolute;
	width: 370px;
	margin-left: -150px;
	left: 50%;
	top: 30px;
	z-index: 100;
	background-color: #333;
	border: 1px solid white;
	padding: 6px;
}

a#closeviewinginfopopup, a#closeviewinginfopopup:hover {
	position: absolute;
	right: 8px;
	bottom: 5px;
	color: white;
	text-decoration: none;
}

.articles__load-more {
	margin: 2em auto;
	padding: 1em 0;
	display: block;
	width: 100px;
	text-align: center;
	border: 1px solid #fff;
	text-transform: uppercase;
}

/* my reports page */

.MyReportsPage-ReportsList table {
	width:100%;
	border-collapse:collapse;
	border:0px;
	border-spacing:0px;
}

.MyReportsPage-ReportsList table td,
.MyReportsPage-ReportsList table th {
	padding:4px;
	vertical-align:top;
	border-bottom:1px solid #222;
}

.MyReportsPage-ReportsList table th {
	font-weight:bold;
	border-bottom:1px solid #777;
}


.programme--video-box input[type="text"],
.programme--video-box input[type="password"],
.programme--video-box input:-webkit-autofill {
	background-color: #ffffff !important;
	padding: 2% 2%;
	width: 96%;
	color: #000000;
}

.programme--video-box .middleColumn {
	margin-top: 5px;
}

.programme--video-box input[type="submit"]{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 6px 10px;
}







/* contact page */

.ContactPage .google-map-container {
	background:white;
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
	        box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
	height:370px;
	width: 100%;
}

.ContactPage .google-map {
	height:370px;
}

.tube-station-icon,
.train-icon,
.bus-icon {
	display:inline-block;
	background-repeat:no-repeat;
	background-position:center top;
	font-size:0;
	line-height:0;
	height:96px;
	margin:0px 10px;
}

.tube-station-icon {
	width:55px;
	background-image:url('../images/icons/tube_station_icon_55x77.png');
}

.train-icon {
	width:69px;
	background-image:url('../images/icons/train_icon_69x95.png');
}

.bus-icon {
	width:97px;
	background-image:url('../images/icons/bus_icon_97x96.png');
}

.contact-info {
	font-size:85%;
	padding-right:100px;
	background:url('../images/icons/international_logo_90x90.jpg') center right no-repeat;
}

.contact-info,
.typography .contact-info h3 {
	color:#000;
	text-align:left;
	margin:0;
}

.contact-info a {
	font-weight:bold;
}

.contact__form-header {
	font-weight: bold;
	padding-bottom: .5em;
	cursor: pointer;
	font-size: 20px;
	text-transform: uppercase;
	text-align: center;
	margin: 50px 0;
}

.contact__form-header::after {
	font-family: FontAwesome;
	content: "\f078";
	margin-left: .5em;
	display: inline-block;
}

.contact__form-header--open::after {
	content: "\f077";
}

/* About Us Page */

.aboutus--top-content {
	font-size: 1.5em;
	margin-bottom: 1em;
}

.aboutus--bottom-content {
	font-size: 1em;
	margin-top: 1em;
}

.aboutus__content {
	background-color: #222;
	padding: 50px 100px;
	font-size: 120%;
	text-align: justify;
}

@media screen and (max-width: 480px) {
	.aboutus__content {
		padding-left: 30px;
		padding-right: 30px;
	}
}

.aboutus__content-text {
	max-width: 800px;
	margin: 0 auto;
}

.aboutus__clients {
	background-color: #111;
	padding: 50px;
}

.aboutus--testimonials {
	padding: 4em;
}

.aboutus--testimonials--item {
	max-width: 60em;
	margin: 0 auto;
	text-align: center;
}

.aboutus--testimonials--item blockquote {
	font-size: 1.5em;
	position: relative;
	margin: 2em;
}

.aboutus--testimonials--item blockquote:before,
.aboutus--testimonials--item blockquote:after {
	font-size: 2em;
	position: absolute;
	display: block;
	top: 0;
	line-height: 1;
}

.aboutus--testimonials--item blockquote:before {
	content: '\201C';
	right: 100%;
}

.aboutus--testimonials--item blockquote:after {
	content: '\201D';
	left: 100%;
}

.aboutus--testimonials--item cite {
	color: #ccc;
}

.aboutus--testimonials--item cite:before {
	color: #ccc;
	position: relative;
	display: inline;
	content: '- ';
}


/* iai portal */

.iai-portal--programmes-wrapper {
	max-width: 1000px; 
	margin: 0 auto;
	padding: 0 20px;
}

.iai-portal--header {
	padding: 10px 0;
}

.iai-portal--logo-int {
	height: 100px;
	float: left;
}

.iai-portal--logo-iai {
	height: 100px;
	float: right;
}

.iai-portal--title {
	margin: 20px 0;
}

.iai-portal--footer {
	font-size: 12px;
	margin-top: 100px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

.EverythingButFooter_iai-portal {
	background: #444;
}

.IaiPortalPage input {
	width: 100%;
} 

.IaiPortalPage fieldset {
	border: 0;
}
.IaiPortalPage form {
	padding-bottom: 60px;
}

.IaiPortalPage .ajax-aware-member-login-form--action-wrapper .ajax-aware-member-login-form--field-wrapper-inner {
	margin: 0;

}

.IaiPortalPage .ajax-aware-member-login-form--field-wrapper .ajax-aware-member-login-form--field-wrapper-inner>div {
	font-size: 20px;
	line-height: 30px;
	float: left;
	width: 100px;
}


.IaiPortalPage .ajax-aware-member-login-form--field-wrapper .ajax-aware-member-login-form--field-wrapper-inner2 {
	float: none !important;
	overflow: hidden;
	width: auto !important;
}

.IaiPortalPage .ajax-aware-member-login-form--action-wrapper {
	float: none;
	position: absolute;
	bottom: 0;
	margin: 0;
}

.IaiPortalPage .ajax-aware-member-login-form--field-wrapper {
	float: none;
	width: 100%;
}

.iai-portal--user-stats th,
.iai-portal--user-stats td {
	text-align: center;
	padding: 10px;
}

.iai-portal--user-stats th,
.iai-portal--video-stats th {
	font-weight: bold;
}

.iai-portal--user-stats tr:nth-child(odd),
.iai-portal--video-stats tr:nth-child(odd) {
	background-color: #222;
}
.iai-portal--user-stats tr:nth-child(even),
.iai-portal--video-stats tr:nth-child(even) {
	background-color: #111;
}

.iai-portal--video-stats th,
.iai-portal--video-stats td {
	text-align: center;
	padding: 10px;
}




/* REVAMP */

.site-width {
	max-width: 1400px;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin: 0 auto;
}

@media screen and (max-width: 400px) {
	.site-width {
		padding-left: 16px;
		padding-right: 16px;
	}
}

.wide-container {
	max-width: 2000px;
	margin: 0 auto;
}

.page-title {
	text-transform: uppercase;
	font-size: 30px;
	font-weight: bold;
}

.page-inner {
	padding: 5vw;
	background-color: #111;
}


/* homepage slider */

.main-slideshow,
.secondary-slideshow {
	position:relative;
}

@media screen and (max-width:319px) {
	.main-slideshow {
		left:-9999px;
		position:absolute;
		top:-9999px;
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.secondary-slideshow {
		display: none;
	}
}

.main-slideshow__prev-container,
.secondary-slideshow__prev-container {
	position:absolute;
	top:0px;
	left:26px;
	width:32px;
	height:100%;
	z-index:9990;
}

.main-slideshow__next-container,
.secondary-slideshow__next-container {
	position:absolute;
	top:0px;
	right:26px;
	width:32px;
	height:100%;
	z-index:9990;
}

.main-slideshow__prev,
.secondary-slideshow__prev {
	left:0;
	top:90px;
	bottom:90px;
	width:32px;
	background:url('../images/leftArrow.png') center no-repeat;
	cursor:pointer;
	position:absolute;
}

.main-slideshow__next,
.secondary-slideshow__next {
	left:0;
	top:90px;
	bottom:90px;
	width:32px;
	background:url('../images/rightArrow.png') center no-repeat;
	cursor:pointer;
	position:absolute;
}

.main-slideshow__prev a,
.secondary-slideshow__prev a,
.main-slideshow__next a,
.secondary-slideshow__next a {
	font-size:0;
	line-height:0;
	text-indent:-9999px;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
}

.main-slideshow__prev:hover,.main-slideshow__next:hover {
	opacity:0.7;
}
.secondary-slideshow__prev:hover,.secondary-slideshow__next:hover {
	opacity:0.7;
}

.info {
	position:absolute;
	bottom:10px;
	left:100px;
	max-width:500px;
	pointer-events:none;
}

.main-slideshow__programme-title {
	background:transparent;
	text-shadow: 0 0 8px #000;
	color:#fff;
	font-size:36px;
	float:left;
	margin-bottom:4px;
	padding:3px 0;
	font-weight:bold;
	line-height:36px;
}

.main-slideshow__programme-duration,.main-slideshow__programme-commissioned {
	float:left;
	background:#101010;
	background:rgba(0,0,0,0.8);
	color:white;
	font-size:20px;
	padding:3px 26px;
}


.fpPhoto {
	overflow: hidden;	
}

.fpPhoto a {
	display:block;
}

.fpPhoto img{
	display:block;
	border:none;
}

.main-slideshow__programme-commissioned {
	min-width:50px;
	min-height: 30px;
	margin-top:4px;
}
.main-slideshow__programme-commissioned-blank {
	min-width:50px;
	min-height: 30px;
	margin-top:4px;
	padding:3px 26px;
	float:left;
}

.main-slideshow__image {
	height: auto;
}

.secondary-slideshow {
	margin-top: 10px;
}


/* my account */

.my-account__container {
	font-weight: bold;
	text-transform: uppercase;
}

.my-account-details__mobile {
	text-align:center;
}

.my-account-details__mobile-inner {
	display:inline-block;
}

.my-account-details__mobile ul {
	list-style-type:none;
}

.search-field-container input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #121212;
}
.search-field-container input::-ms-input-placeholder { /* Microsoft Edge */
   color: #121212;
}

.search-field-container input::-webkit-input-placeholder { /* Most modern browsers support this now. */
   color: #121212;
}

.search-field-container input::-moz-placeholder { /* Most modern browsers support this now. */
   color: #121212;
}

.search-field-container input:-ms-input-placeholder { /* Most modern browsers support this now. */
   color: #121212;
}

.search-field-container input::placeholder { /* Most modern browsers support this now. */
   color: #121212;
}

/* about section */

.about {
	background: url('../images/new/about.jpg');
	-webkit-background-size: cover;
	        background-size: cover;
	background-position: center; 
}

.about__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.about__left {
	width: 43%;
}

.about__right {
	width: 43%;
}

.about__header {
	text-transform: uppercase;
}

.about__content {
	padding: 4em 0;
}

.about__bold-text {
	font-weight: bold;
	margin-bottom: 2em;
}

.about__logos {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	padding: 2em;
	list-style-type: none;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.about__logo-container {
	width: 20%;
	margin-bottom: 1em;
}
.about__client-logo {
	width: 140px;
	/* height: 95px; */
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	        background-size: contain;
}

.about__text {
	text-align: center;
	font-size: 1.5em;
	max-width: 40em;
}

.about__contact-link {
	display: inline-block;
	border: 2px solid #fff;
	padding: 7px 12px;
	margin-top: 20px;
	font-size: 1.4em;
}


.about__header {
	padding-top: 20px;
	text-align: center;	
}

.explore-catalogue-button {
	/* background-color: #9dbf44; */
	background-color: #d4302c;

	color: #fff;
	text-decoration: none;
	font-size: 20px;
	text-align: center;
	display: block;
	padding: 20px 0;
	font-weight: bold;
	text-transform: uppercase;

	-webkit-transition: .2s all;

	-o-transition: .2s all;

	transition: .2s all;
}

.explore-catalogue-button:hover {
	text-decoration: none;
	opacity: 0.8
}

@media screen and (max-width: 1000px) {
	.explore-catalogue-button {
		padding-top: 14px;
		padding-bottom: 14px;
		line-height: 1.3;
	}
}

/* header */

.SearchForm {
	display:block;
	width:166px;
	height:30px;
	float:right;
	background-color: #eee;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	padding-left: 10px;
}

.very-top-mobile-section-reveal .SearchForm {
	float:none;
}

.SearchForm button {
	display:block;
	background:none;
	width:29px;
	height:26px;
	cursor:pointer;
	border:0px;
	margin-top:2px;
	padding:0px;
	float:left;
	color: #121212;
}

.search-field-container {
	margin-top:4px;
	margin-right:3px;
	float:left;
}

.SearchForm input.text {
	display:block;
	background:#ebebeb;
	background:transparent;
	border:0px;
	padding:0px;
	margin:0px;
	outline:none;
	line-height:20px;
	height:23px;
	width:150px;
	color: #121212;
}

.header__menu-container {
	margin-top:5px;
}

.header__top {
	background-color: #333333;
}

.header__top-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	/* height: 50px; */
	/* padding: 20px 40px; */
}

.header__top-right {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.header__column {
	width: 33%;
}

.header__middle {
	font-size: 0.8em;
}

.header__bottom {

}

.header__top-left {
	width: 44%;
}

.header__top-right {
	width: 44%;
}

.header__sticky {
	position: fixed;
	top: -100%;
	left: 0;
	width: 100%;
	z-index: 100;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
}

.header__sticky.active {
	top: 0;
}

.header__sticky-left {
	width: 44%;
}
.header__sticky-middle {
	width: 12%;
	padding: 20px 0;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

.header__top-middle a {
	font-size: 0;
	line-height: 0;
}
.header__sticky-right {
	width: 44%;
}

.header__search-form {
	width: 0;
	overflow: hidden;
	margin: 0 10px;
	opacity: 0;
	-webkit-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
}

.header__search-icon {
	color: #fff;
	font-size: 20px;
}

.header__search-form--active {
	width: 176px;
	opacity: 1;
}

.header__bottom-center {
	text-align: center;
}

.header__bottom-inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.header__button {
	color: #8a8a8a;
	background-color: #363636;
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	text-align: center;
	display: inline-block;
	text-transform: uppercase;
	font-weight: bold;
	padding: 5px 10px 5px 15px;
	font-size: 14px;
}

.header__button:hover {
	text-decoration: none;
	opacity: 0.8;
}

.header__social-list {
	list-style-type: none;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	    -ms-flex-pack: end;
			justify-content: flex-end;
			
			margin-right: 1em;
}

@media screen and (max-width: 1000px) {
	.header__social-list {
		margin-right: 1.75em;
	}
	.header__social-link {
		width: 1.25em;
	}
}

.header__social-link {
	/* color: #121212; */
	color: #fff;
	/* background-color: #eee; */
	display: block;
	width: 2.5em;
	/* height: 2.5em; */
	-webkit-border-radius: 50%;
	        border-radius: 50%;
	text-align:center;
	/* line-height: 2.5em; */
	font-size: 18px;
}

@media screen and (max-width: 1000px) {
	.header__social-link {
		width: 1.5em;
	}
}

.menu__list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style-type: none;
}

.menu__item {
	margin-right: 9px;
	position: relative;
}

.menu__link {
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 8px;
}

.menu__link:hover {
	text-decoration: none;
}

.menu__link--prominent {
	color: #d13a34;
}

.header__categories {
	background-color: #0d94c7;
}
.header__categories-list-container {
}

.header__categories-list--second {
	border-top: 1px solid #fff;
}

.header__categories-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	list-style-type: none;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
			justify-content: space-between;
			
}

.header__categories-list--second {
	
}

.header__categories-item {
	/* margin-right: 10px; */
	padding: 10px 10px;
	text-transform: uppercase;
	font-size: 1.2em;
}

.header__categories-item.extra-highlighted > a {
	color: #000000;
}

.header__categories-item.highlighted {
	background-color: #0a6486;
}

@media screen and (max-width: 1000px) {
	.header__categories-item.highlighted {
		margin-left: -4px;
		margin-right: -4px;
		padding-left: 4px;
		padding-right: 4px;
	}

}

.header__categories-list {

}

.menu__mobile-toggle {
	display: none;
}

.cat-menu__mobile-toggle {
	display: none;
}


@media screen and (min-width: 1001px) {
	li.menu__item:hover ul.menu__list.dropdown-content {
		display: block;
	}
}

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

	.header__top-left {
		width: auto;
	}

	.header__top-right {
		width: auto;
	}

	.header__sticky-middle {
		display: none;
	}

	.menu__mobile-toggle {
		display: block;
		font-size: 20px;
	}
	.menu__mobile-toggle .menu__mobile-toggle--close {
		display: none;
	}
	.menu__mobile-toggle.active .menu__mobile-toggle--open {
		display: none;
	}

	.menu__mobile-toggle.active .menu__mobile-toggle--close {
		display: inline;
	}
	.menu__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		display: none;
		margin-top: 10px;

	}
	.header__top-inner {
		height: auto;	
	}

	.header__top-inner  {
		-webkit-box-align: start;
		-webkit-align-items: flex-start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}

	.header__top-left {
		padding: 20px 0;
	}

	.header__top-right {
		padding: 20px 0;
	}
	
	.header__column {
		width: auto;
	}

	.menu__item {
		font-size: 18px;
		padding: 5px 0;
	}

	.header__categories-item {
		font-size: 14px;
		padding: 4px 0;
	}

	/*Header dropdown design */
	.menu__list { width: 130px; }
	.dropdown-toggle {
		display: inline-block;
		cursor: pointer;
		padding: 0px 4px;
		-webkit-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		transition: all 0.3s ease;
	}

	.dropdown-toggle.active {
		-webkit-transform: rotate(180deg);
		-moz-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		transform: rotate(180deg);
	}

	.dropdown-toggle + ul.menu__list.dropdown-content {
		-webkit-transition: color 0.3s ease;
		-ms-transition: color 0.3s ease;
		transition: color 0.3s ease;
	}
} 
@media screen and (max-width: 1000px) {
	.header__top-left,
	.header__top-right {
		padding-top: 12px;
		padding-bottom: 12px;
	}
	
}
@media screen and (max-width: 340px) {
	.header__search-form--active {
		width: 136px;
		opacity: 1;
	}

	.SearchForm {
		width: 126px;
	}

}

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

	.cat-menu__container {
		padding: 20px 0;
	}
	.cat-menu__mobile-toggle {
		display: block;
		margin-top: 10px;
	}
	.cat-menu__mobile-toggle .cat-menu__mobile-toggle--close {
		display: none;
	}
	.cat-menu__mobile-toggle.active .cat-menu__mobile-toggle--open {
		display: none;
	}

	.cat-menu__mobile-toggle.active .cat-menu__mobile-toggle--close {
		display: inline;
	}
	.cat-menu__list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
		display: none;
		border: none;
	}
	.header__top-inner {
		height: auto;	
	}
}

@media screen and (max-width: 1000px) {
	.cat-menu__mobile-toggle {
		margin-top: 0;
		padding-top: 14px;
		padding-bottom: 14px;
	}
	.cat-menu__mobile-toggle {
		font-size: 20px;
		line-height: 1.3;
	}
	.secondary-slideshow {
		margin-top: 0;
	}
}

/* catalogue */

.catalogue {
	padding: 10px 0;
}

.catalogue__grid {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin: 0 auto;
}

.catalogue__search .SearchForm {
	float: none;
}

.catalogue__search {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-top: 30px;
	margin-bottom: 30px;
}

.catalogue__item {
	width: 32%;
	margin-bottom: 1em;
	margin-right: 1%;
	overflow: hidden;
	opacity: 1;
	cursor: pointer;
	min-height: 200px;

	-webkit-box-sizing: border-box;

	        box-sizing: border-box;

	-webkit-transform: translateY(0);

	    -ms-transform: translateY(0);

	        transform: translateY(0);
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
}

.catalogue__item:hover {
	opacity: 0.8;
}

.catalogue__item--hidden {
	opacity: 0;
	-webkit-transform: translateY(10px);
	    -ms-transform: translateY(10px);
	        transform: translateY(10px);
}

.catalogue__item:not(:last-child) {
	/* margin-right: 1%; */
}

.catalogue__item img {
	width: 100%;
}

.catalogue__item-inner {
	position: relative;
	font-size: 0;
	line-height: 0;
}

.catalogue__item-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	-webkit-transition: .4s all;

	-o-transition: .4s all;

	transition: .4s all;
}

.catalogue__item-title,
.catalogue__item-category,
.catalogue__item-new {
	font-size: 1rem;
	line-height: 1;
	text-transform: uppercase;
}

.catalogue__item-format {
	font-size: 1em;
	line-height: 1;
	display: block;
}

.catalogue__item-title-container {
	position: absolute;
	bottom: 30px;
	left: 20px;
	color: #fff;
	text-shadow: 0 0 8px #121212;
	font-size: 1rem;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s;
}

.catalogue__item-title {
	font-size: 1.5rem;
	margin-bottom: 10px;
	display: block;
	opacity: 1;
}

.catalogue__item-category {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 4px 10px;
	color: #fff;
	background-color: #814f86;
	font-weight: bold;

	display: none;
}

.catalogue__item-new {
	padding: 4px 10px;
	display: inline-block;
	color: #fff;
	background-color: #d4302c;
	font-weight: bold;
}



.catalogue__item-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	padding: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.5);

	font-size: 14px;
	line-height: 1.5;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
}

.catalogue__item-overlay a:hover {
	opacity: 1;
}

.catalogue__item-overlay-title-container {
	margin-bottom: 10px;
	color: #fff;
}

.catalogue__item:hover .catalogue__item-info {
	opacity: 0;
}

.catalogue__item:hover .catalogue__item-overlay {
	top: 0;
	opacity: 1;
}

.catalogue__item-overlay-description {
	margin-top: 10px;
	margin-bottom: 10px;
	display: block;
}



.catalogue__filter {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin-bottom: 40px;
	/* font-size: 1.5em; */
}

.catalogue__filter-list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	list-style-type: none;
}

.catalogue__filter-item {

	margin-left: 20px;
	
	position: relative;
}

/* .catalogue__filter-label.is-selected {
	border-bottom: 1px solid #fff;
} */

.catalogue__filter-selected-items {
	font-size: 10px
}

.catalogue__filter-item-container {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

.catalogue__filter-label {
	text-transform: uppercase;
	position: relative;

}

.catalogue__filter-label::after {
	position: absolute;
	bottom: 0;
	left: 0;

	content: "";
	display: block;
	height: 1px;
	width: 0;
	background-color: #d4302c;
	/* opacity: .7; */

	transition: .2s all;
}

.catalogue__filter-label.is-selected::after {
	width: 100%;
}

.catalogue__filter-value {
	margin-left: 10px;
}

.catalogue__filter-icon {
	font-size: 1.5em;
	margin-left: 10px;
}

.catalogue__filter-label-icon {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
	cursor: pointer;
}

ul.catalogue__filter-genres {
	width: 720px;
	max-height: none;
	background-color: #4a4a4a;
}

ul.catalogue__filter-genres li {
	float: left;
}

@media screen and (max-width: 900px) {
	.catalogue__grid {

	}

	.catalogue__item {
		width: 48.5%;
	}

	ul.catalogue__filter-genres {
		width: auto;
		max-height: 250px;
		background-color: #4a4a4a;
	}

	ul.catalogue__filter-genres li {
		float: none;
	}

		.catalogue__filter-item {
		margin-left: 0;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.catalogue__filter-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.catalogue__filter-label-list.visible {
		left: 50%;
		-webkit-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		        transform: translateX(-50%);
		padding-top: 0
	}

	.catalogue__filter-label-icon {
		width: 100%;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}
}

@media screen and (max-width: 600px) {
	.catalogue {
		padding-top: 0;
	}

	.catalogue__item {
		width: 100%;
	}





}

/* footer */

.footer {
	background-color: #333333;
	padding: 40px 0;
}

.footer__inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: end;
	-webkit-align-items: flex-end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

.footer__column {
	width: 33%;
}

.footer__column:nth-child(2) {
	text-align: center;
}

.footer__column:nth-child(3) {
	text-align: right;
}

@media screen and (max-width: 800px) {
	.footer__inner {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.footer__column {
		width: 100%;
		text-align: center !important;
	}

	.footer__column:nth-child(1) {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
	}
	.footer__column:nth-child(2) {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
	}
	.footer__column:nth-child(3) {
		-webkit-box-ordinal-group: 4;
		-webkit-order: 3;
		    -ms-flex-order: 3;
		        order: 3;
	}
}


/* live search */

.live-search {
	position: absolute;
	top: 0;
	left: 0;
	/* height: 0; */
	width: 100%;
	overflow: hidden;
	opacity: 0;
	z-index: -100;	
	background-color: rgba(0, 0, 0, 0.9);
	-webkit-transition: opacity .6s;
	-o-transition: opacity .6s;
	transition: opacity .6s;
}

.live-search__close-container {
	position: relative;	
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.live-search__close {
	color: #fff;
	font-size: 20px;
	position: absolute;
	top: 20px;
	right: 20px;
}

.live-search--active {
	overflow: inherit;
	opacity: 1;
	z-index: 100000;
}

.catalogue__load-more {
	display: block;
	padding: 7px 14px;
	width: 120px;
	text-transform: uppercase;
	font-weight: bold;
	color: #121212;
	background-color: #fff;
	margin: 30px auto 0 auto;
	text-align: center;
}

.catalogue__filter-value {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.catalogue__filter-label-list {
	list-style-type: none;
	/* display: none; */
	position: absolute;
	top: -10000px;
	margin-top: -20px;
	left: 0;
	opacity: 0;
	/* padding-top: 10px; */
	z-index: 100;
	max-height: 250px;
	overflow-y: auto;

	-webkit-transition: .4s opacity, .4s margin-top;

	-o-transition: .4s opacity, .4s margin-top;

	transition: .4s opacity, .4s margin-top;
}

.catalogue__filter-label-list.visible {
	top: 100%;
	opacity: 1;
	margin-top: 10px;
	/* display: block; */
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.catalogue__filter-label-item {
	padding: 10px 20px;
	width: 200px;
	background-color: #4a4a4a;
	cursor: pointer;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
}

.catalogue__filter-label-item:hover {
	background-color: #121212;
}


.catalogue__filter-label-item.filter-selected {
	background-color: #121212;
}

.catalogue__filter-label-item.filter-selected span::before {
	font-family: FontAwesome;
	content: "\f00c";
	display: inline;
	margin-right: 5px;
	font-size: 12px;
}

.catalogue__filter-ind-container {
	display: block;
	position: relative;
}

#Form_SearchProgrammesForm_action_doSearch {
	display: none;
}

/* loader */

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
  margin: 100px auto 0 auto;
  padding: 50px 0;
}

.lds-ripple div {
  position: absolute;
  border: 4px solid #fff;
  opacity: 1;
  -webkit-border-radius: 50%;
          border-radius: 50%;
  -webkit-animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
          animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.lds-ripple div:nth-child(2) {
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}

@-webkit-keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}
@keyframes lds-ripple {
  0% {
    top: 28px;
    left: 28px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: -1px;
    left: -1px;
    width: 58px;
    height: 58px;
    opacity: 0;
  }
}

/* programme page */

.programme__poster {
	width: 100%;
}

.programme__play {
	font-size: 120px;
}
.programme--video-box--play-button {
	text-align: center;
}

.programme__description {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-top: 20px;
}

.programme__description-text {
	text-align: justify;
	font-size: 14px;
}

.programme__description-left {
	width: 60%;
	padding: 5px 40px 20px 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.programme__description-right {
	/* background: #333; */
	border-left: 1px solid #fff;
	width: 40%;
	padding: 5px 20px 20px 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.programme__description-full-width {
	width: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.programme__contact-button {
	display: inline-block;
	border: 2px solid #fff;
	margin-top: 20px;
	text-align: center;
	padding: 10px;
	text-transform: uppercase;
}

.programme__other-programmes {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.programme__other-programmes-header {
	text-transform: uppercase;
	text-align: center;
	padding: 30px 0 20px 0;
	margin-bottom: 0;
}

.programme__other-programmes-item {
	width: 25%;
	margin-bottom: 1.5em;
	overflow: hidden;
	opacity: 1;
	-webkit-transform: translateY(0);
	    -ms-transform: translateY(0);
	        transform: translateY(0);
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
}

.programme__other-programmes-item:hover {
	opacity: 1;
}

.programme__other-programmes-item--hidden {
	opacity: 0;
	-webkit-transform: translateY(10px);
	    -ms-transform: translateY(10px);
	        transform: translateY(10px);
}

.programme__other-programmes-item:not(:last-child) {
	/* margin-right: 1%; */
}

.programme__other-programmes-item img {
	width: 100%;
}

.programme__other-programmes-item-inner {
	position: relative;
	font-size: 0;
	line-height: 0;
}

.programme__other-programmes-item-info {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .2);

	-webkit-transition: .4s all;

	-o-transition: .4s all;

	transition: .4s all;
}

.programme__other-programmes-item-title,
.programme__other-programmes-item-category,
.programme__other-programmes-item-new {
	font-size: 1rem;
	line-height: 1;
	text-transform: uppercase;
}

.programme__other-programmes-item-title-container {
	position: absolute;
	bottom: 30px;
	left: 20px;
	color: #fff;
	text-shadow: 0 0 8px #121212;
	font-size: 1rem;

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s;
}

.programme__other-programmes-item-title {
	font-size: 1.5rem;
	margin-bottom: 10px;
	text-shadow: 2px 2px #000;
}

.programme__other-programmes-item-category {
	position: absolute;
	top: 20px;
	right: 20px;
	padding: 4px 10px;
	color: #fff;
	background-color: #814f86;
	font-weight: bold;
}

.programme__other-programmes-item-new {
	padding: 4px 10px;
	display: inline-block;
	color: #fff;
	background-color: #d4302c;
	font-weight: bold;
}



.programme__other-programmes-item-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	padding: 20px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.5);

	font-size: 14px;
	line-height: 1.5;
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
}

.programme__other-programmes-item-overlay-title-container {
	margin-bottom: 10px;
	color: #fff;
}

.programme__other-programmes-item:hover .programme__other-programmes-item-info {
	opacity: 0;
	/* top: 20px; */
}

.programme__other-programmes-item:hover .programme__other-programmes-item-overlay {
	top: 0;
	opacity: 1;
}

.programme__other-programmes-item-overlay-description {
	margin-top: 10px;
}

.programme__download-toggle {
	position: relative;
}

.programme__download-links {
	display: none;
	position: absolute;
	top: 100%;
	left: -10px;
	margin-top: 11px;
	background-color: #2e2e2e;
	width: 140px;
	padding: 10px 20px;
}

.programme__download-link-container {
	font-size: 14px;
	margin: 10px 0;
}

.programme__download-links.active {
	display: block;
}

.programme__description-left {
	
}

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

	.programme__description {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.programme__description-left {
		width: 100%;
		padding: 20px;
	}

	.programme__description-right {
		border-left: none;
		width: 100%;
		padding: 20px;
	}

	.programme__other-programmes-item {
		width: 50%;
	}

}


@media screen and (max-width: 550px) {
	.programme__other-programmes-item {
		width: 100%;
	}

	.programme__download-links {
		position: fixed;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		    -ms-transform: translate(-50%,-50%);
		        transform: translate(-50%,-50%);
	}
}


.dark-on-light-button,
a.dark-on-light-button,
.typography a.dark-on-light-button,
a.programme--trailer-button {
	background: #f9f9f9;
	display:inline-block;
	border-radius:0;
	color:#212121;
	line-height:1;
	border-top:0;
	border-left:0;
	text-align:center;
}

.programme__episodes-list {
	list-style-type: none;
}

.programme__episodes-item {
	margin: 10px 0;
}

.programme__episodes-link {
	color: #fff;
	font-size: 20px;

	-webkit-transition: .4s all;

	-o-transition: .4s all;

	transition: .4s all;
}

.programme__episodes-link:hover {
	margin-left: 5px;
}

.programme__episodes-link:hover {
	text-decoration: none;
}

.episode__play {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -20px;
	margin-left: -20px;
	font-size: 70px;
	color: rgba(255, 255, 255, 0.5);
}

.other-episode__play {
	color: #717171;
	font-size: 20px;

}

.programme__next-episode-header {
	text-transform: uppercase;
	margin-bottom: 20px;
}


/* news page */

.news-page__info {
	max-width: 1000px;
}

.news-page__columns {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 20px;
	max-width: 1000px;
}

.news-page__right {
	width: 30%;
	-webkit-box-sizing:border-box;
	        box-sizing:border-box;
}

.news-page__header {
	text-transform: uppercase;
	height: 70px;
	line-height: 70px;
	padding-left: 26px;
	padding-top: 20px;
	font-size: 30px;
	font-weight: bold;
	margin: 0;
}

.news-page__article-header {
	font-size: 30px;
	font-weight: bold;
	margin: 0;
}

.news-page__article-content {
	text-align: justify;
}

.news-page__read-more {
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	font-weight: bold;
	margin-top: 30px;
	display: inline-block;
	border: 2px solid #fff;
	padding: 5px 10px;
}

.news-page__article-content p {
	margin-top: 10px;
}

.news-page__article-image {
	margin-bottom: 20px;
	width: 100%;
	display: block;
}

.news-page__other-items-header {
	margin-bottom: 20px;
	font-size: 18px;
}

.news-page__other-item {
	margin-bottom: 30px;
	display: block;
}

.news-page__other-items {
	padding: 20px 25px;
	background-color: #333;
}

@media screen and (max-width:750px) {
	.news-page__columns {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.news-page__right {
		width: 100%;
		margin-top: 30px;
	}

	.news-page__other-items {
		padding: 0;
		background-color: #000;
	}
}

/* playlists */

.programme__playlists-container {
	display: none;
	visibility: hidden;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: -20px;
	margin-top: 11px;
	z-index: 1000;
	background-color: rgb(46, 46, 46);

	-webkit-transition: .2s all;

	-o-transition: .2s all;

	transition: .2s all;
}

.programme__playlists-container.active {
	display: block;
	visibility: visible;
	opacity: 1;

}

.programme__playlists-list {
	list-style-type: none;
	padding: 10px 20px;
	width: 120px;
}

.programme__playlists-item {
	margin: 10px 0;
}

.programme__playlists-link {
	font-size: 14px;
}

.programme__new-playlist-link {
	font-size: 14px;
}

.programme__playlist-add-container {
	position: relative;
}

@media screen and (max-width: 550px) {
	.programme__playlists-container {
		position: fixed;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%,-50%);
		    -ms-transform: translate(-50%,-50%);
		        transform: translate(-50%,-50%);
	}
}

.programme--video-box--play-button:hover {
	opacity: 0.85;
}

.programme--video-box--buttons {
	background:#2e2e2e;
	padding: 10px 16px;
	position: relative;
	z-index: 10;
}

.programme--video-box--buttons--button {
	background-repeat: no-repeat;
	background-position: left center;
	line-height: 25px;
	display: inline-block;
	height: 25px;
	color: #FFFFFF;
	margin-right: 1.4em;
}

.programme--video-box #FullVideoMiddle #FlowPlayerBox {
	padding-bottom: 0px;
	margin-top: 0px;
}

.programme--video-box #FullVideoMiddle #FlowPlayerBox #flowplayer {
	width: 100%;
	margin: 0;
} 

.popup-message__container {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	padding: 20px;
	color: #fff;
	background-color: rgb(80, 80, 80);
	-webkit-border-radius: 10px;
	        border-radius: 10px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	text-align: center;
	z-index: 1000;
}

.popup-form__container {
	position: fixed;
	top: 100%;
	left: 50%;
	opacity: 0;
	visibility: hidden;
	width: 400px;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	padding: 20px 20px 30px 20px;
	color: #fff;
	background-color: rgb(80, 80, 80);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	-webkit-transition: all .4s;

	-o-transition: all .4s;

	transition: all .4s;
}

.popup-form__container.active {
	top: 50%;
	opacity: 1;
	visibility: visible;
	z-index: 1000;
}

@media screen and (max-width: 600px) {
	.popup-form__container {
		width: 300px;
	}
}
@media screen and (max-width: 400px) {
	.popup-form__container {
		width: 250px;
	}
}

button.programme__share-submit {
	margin-left: 0;
}

.popup-form {
	position: relative;
}

.popup-form h3 {
	margin-bottom: 10px;
	font-weight: normal;
}
.popup-form__close {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	text-decoration: none;
}

.popup-form__field {
	height: 30px;
	font-size: 20px;
	border: 1px solid rgb(180, 180, 180);
	border: none;
	background-color: #888;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	padding: 0px 6px;
	color: #fff;
}

.popup-form__field--textarea {
	height: auto;
}

.popup-form__submit {
	background-color: #242424;
	color: #fff;
	border: none;
	height: 30px;
	padding: 3px 8px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	margin-left: 5px;
	cursor: pointer;
	-webkit-transition: .2s all;
	-o-transition: .2s all;
	transition: .2s all;
}

.popup-form__submit:hover {
	opacity: .7;
}


.popup-form__form-inline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.playlists__list {
	list-style-type: none;
	margin-bottom: 20px;
}

.playlist-delete-prompt {
	position: fixed;
	top: 100%;
	left: 50%;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translate(-50%, -50%);
	    -ms-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
	padding: 20px;
	color: #fff;
	background-color: rgb(80, 80, 80);
	max-width: 400px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	        box-shadow: 0 0 10px rgba(0, 0, 0, .5);

	-webkit-transition: .4s all;

	-o-transition: .4s all;

	transition: .4s all;
}

.playlist-delete-prompt.active {
	top: 50%;
	opacity: 1;
	visibility: visible;
}

.playlist-delete-prompt__buttons {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.playlist-delete-prompt__buttons button {
	background-color: rgb(43, 43, 43);
	border: none;
	color: #fff;
	padding: 10px;
	cursor: pointer;
	opacity: 1;

	-webkit-transition: .2s all;

	-o-transition: .2s all;

	transition: .2s all;
}

.playlist-delete-prompt__buttons button:hover {
	opacity: 0.8;
}

.playlist-delete-prompt__buttons button.playlist-delete-prompt__delete {
	background-color: rgb(167, 0, 0);
}

.playlist-delete-prompt h3 {
	margin-bottom: 20px;
}

.playlist-delete-prompt span {
	text-decoration: underline;
}

.playlists__item a {
	margin-right: 5px;
}

.playlists__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.playlists__link-image {
	display: block;
	margin-right: 30px;
	font-size: 0;
	line-height: 0;
}

.playlists__link-title {
	margin-top: 5px;
}

.playlists {
	max-width: 600px;
	margin: 0 auto;
}

.playlists__item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 10px;
}

.playlists__item:nth-child(odd) {
	background-color: #202020;
}

.playlists__item:nth-child(even) {
	background-color: #121212;
}

.playlists__remove-video {
	font-size: 20px;
}

.playlists__controls {
	margin-top: 30px;
	margin-bottom: 30px;
}

.playlists__control-button {
	background-color: #202020;
	color: #fff;
	padding: 5px 10px;
	display: inline-block;
}

/* my reports */

.my-reports {
	max-width: 800px;
}

.MyReportsPage .my-account__right h2 {
	max-width: 800px;
	margin: 20px auto;
}

.my-reports__table th,
.my-reports__table td {
	padding: 10px;
	vertical-align: top;
}

.my-reports__table tr:nth-child(odd) td {
	background-color: #202020;
}

.my-reports__table tr:nth-child(even) td {
	background-color: #121212;
}


/* my purchases */

.my-purchases__list {
	list-style-type: none;
}

.my-purchases__item a {
	margin-right: 5px;
}

.my-purchases__link {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.my-purchases__link-image {
	display: block;
	margin-right: 30px;
	font-size: 0;
	line-height: 0;
}

.my-purchases__link-title {
	margin-top: 5px;
	max-width: 250px;
}

.my-purchases {
	max-width: 600px;
	margin: 0 auto;
}

.my-purchases h2 {
	margin: 20px 0;
}

.my-purchases__container {
	max-width: 800px;
	margin: 0 auto;
}

.my-purchases__item {

}

.my-purchases__programme-item {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding: 20px 20px 10px 20px;
}

.my-purchases__programme-item {

}

.my-purchases__programme-item-right {
	padding-top: 5px;
}

.my-purchases__programme-download-link {
	font-weight: bold;
	margin-right: 5px;
}

.my-purchases__item:nth-child(odd) {
	background-color: #202020;
}

.my-purchases__item:nth-child(even) {
	background-color: #121212;
}

.my-purchases__pages {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;    
	-webkit-justify-content: space-between;    
	-ms-flex-pack: justify;    
	justify-content: space-between;
}

.my-purchases__pages a {
	margin: 10px;
}

.asset-search-form-fields {
	display: flex;
	margin: 20px 0;
}

.asset-search-form-right input.action {
	margin: 0 10px;
	padding: 7px 5px 6px 5px;
}


/* assets form */

.my-purchases__assets-form {
	padding: 10px 20px 20px 20px;
}

.my-purchases__assets-form fieldset {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-direction: normal;	
	-webkit-flex-direction: column;	
	-ms-flex-direction: column;	
	flex-direction: column;
}

.my-purchases__assets-form input.checkbox {
	
}

.my-purchases__assets-form input.action {
	border: none;
	padding: 10px;
	margin: 20px 10px 0 0;
}

.my-purchases__assets-form .field {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.my-purchases__assets-form .field input {
	margin-right: 5px;
}

.my-purchases__assets-form-header {
	margin-bottom: 5px;
}

.assets-form__download-link[disabled] {
	opacity: 0.5;
}


@media screen and (max-width: 500px) {
	.my-purchases__programme-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;		
	}

	.my-purchases__link {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}


/* contact page */

.contact__container {
	background-color: #111;
	padding: 40px;
}

.contact__content {
	max-width: 1000px;
	margin: 30px auto 80px auto;
}

.contact__top-content {
	margin-bottom: 60px;
	/* text-align: center; */
	font-weight: bold;
	font-size: 20px;
}

.contact__bottom-content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.contact__left {
	width: 300px;
	padding-top: 20px;
}

.contact__right {
	width: 60%;
}

.contact-icons span {
	margin: 0;
}

.contact-icons span:nth-child(1) {
	margin-right: 10px;
}

#Form_ContactForm .middleColumn {
	max-width: 100%;
	padding: 0;
}

#Form_ContactForm input {
	
}

.contact__form {
	display: none;
	margin: 0 auto;
	margin-bottom: 100px;
	max-width: 700px;
}

.contact__details-container {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style-type: none;
}

.contact__details-column {
	margin-bottom: 40px;
}

.contact__details-column a {
	font-weight: 400;
}

@media screen and (max-width: 900px) {
	.contact__details-column {
		width: 50%;
	}
}

@media screen and (max-width: 600px) {
	.contact__details-column {
		width: 100%;
	}
}

@media screen and (max-width: 900px) {
	.contact__container {
		padding: 20px;
	}

	.contact__bottom-content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}

	.contact__left {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		    -ms-flex-order: 2;
		        order: 2;
		width: 100%;
	}

	.contact__right {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		    -ms-flex-order: 1;
		        order: 1;
		width: 100%;
	}
}


/* my account */

.my-account {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 30px 60px 30px;
}

.my-account h2 {
	margin: 20px 0;
}

.my-account__right h2 {
	max-width: 600px;
	margin: 20px auto;
}

.my-account__left {
	width: 25%;
	min-width: 300px;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.my-account__right {
	width: 75%;
	padding: 0 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

.my-account__links-list {
	list-style-type: none;
}

.my-account__links-item {
	margin: 10px 0;
	font-size: 14px;
}

.my-account__name {
	font-size: 14px;
	margin-top: 36px;
	font-weight: bold;
}

.my-account__name-name {
	background-color: #eee;
	color: #121212;
	padding: 0 10px;
	margin-left: 5px;
	display: inline-block;
}


#Form_MyDetailsForm {
	max-width: 600px;
	margin: 0 auto;
}

#Form_MyDetailsForm .middleColumn {
	max-width: 100%;
	padding: 0;
	
}

#Form_MyDetailsForm input {
	height: 30px;
	padding: 5px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

@media screen and (max-width: 1100px) {
	.my-account {
		padding: 30px 10px 60px 10px;
	}
}

@media screen and (max-width: 900px) {
	.my-account {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}


	#Form_MyDetailsForm {
		max-width: 100%;
	}

	.playlists {
		max-width: 100%;
		margin: 0 auto;
	}

	.my-account__left {
		width: 100%;
	}

	.my-account__right {
		width: 100%;
		margin-top: 20px;
	}

	.my-account__right h2 {
		max-width: 100%;
	}

	.my-purchases__container {
		max-width: 100%;
	}
	
}

a.slideshow--slide-link {
	-webkit-transition: .4s all;
	-o-transition: .4s all;
	transition: .4s all;
	display: block;
}

a.slideshow--slide-link:hover {
	opacity: 0.5;
}




#ModalBlocker {
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	border:0px;
	background-color:black;
	background:rgba(0,0,0,0.8);
	display:block;
	zoom:1;
	z-index:500;
}

#ModalHolderContainer {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:501;
}

#ModalHolder {
	margin:50px auto 0px auto;
	max-width:800px;
	background:#000;
	z-index:600;
	position:relative;
}

#ModalHolder.programme--video-box {
	height: auto;
}

#ModalHolder.programme--video-box form {
	margin-top: 30px;
}

#ModalHolder > div {
	border:6px solid white;
	margin-left:13px;
	margin-right:13px;
}

#ModalHolder.programme--video-box > div {
	height: auto;
	position: relative;
}

.popup-login-form--header {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	background: url('../images/banded-title-bg.gif');
	height: 50px;
	border-bottom: 1px solid #2c2c2c;
}

.popup-login-form--header h2 {
	margin: 13px 0 0 24px;
}

#ModalHolderCloseButton {
	width:38px;
	height:38px;
	background:url('../images/popup-close-button.png') center center no-repeat;
	float:right;
	cursor:pointer;
	transition: opacity 0.2s;
	-moz-transition: opacity 0.2s; /* Firefox 4 */
	-webkit-transition: opacity 0.2s; /* Safari and Chrome */
	-o-transition: opacity 0.2s; /* Opera */
	position: relative;
	z-index: 20;
	margin-left:13px;
}

#ModalHolderCloseButton:hover {
	opacity:0.8;
}

#ModalHolderTitle {
	padding:10px 24px;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	background:#333333;
}

#ModalHolderContent {
	color:white;
	margin-bottom:13px;
	margin-top:13px;
	clear:both;
}

#ModalHolderContent > div {
	padding:0px 24px 16px 24px;
	overflow-x:hidden;
	overflow-y:auto;
}

/* login form */

.login-form__container {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.login-form__left,
.login-form__right {
	width: 45%;
	padding: 2em;
	box-sizing: border-box;
}

@media screen and (max-width: 900px) {
	.login-form__left,
	.login-form__right {
		width: 100%;
	}
}


/***** about us page css *****/
body.TeamPage{min-width:100%; overflow-x: hidden;}
.container_md{
	width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
	max-width:1140px;
}
.team__container h1{
	font-size:47px;
	line-height:53px;
	text-align:center;
	padding-top:38px;
	font-weight: bold;
	text-transform:uppercase;
}
.team__container .team__member{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
	flex-wrap: wrap;
    /* margin: -8px; */
	padding:55px 0px 105px;
	-webkit-box-pack: center;
    -ms-flex-pack: center;
	justify-content: center;
	width:100%;
	text-align:center;
}
.team__container .team__member-picture {
	-ms-flex: 0 0 31.9%;
    flex: 0 0 31.9%;
    max-width: 31.9%;
    width: 100%;
    margin:8px;
	position:relative;
	line-height: 0;
	-webkit-box-shadow: 0 0 14px 4px rgba(0,0,0,0.2), 5px 6px 10px 0 rgba(0,0,0,0.2);
    box-shadow: 0 0 14px 4px rgba(0,0,0,0.2), 5px 6px 10px 0 rgba(0,0,0,0.2);
}
.team__member-picture .team__member-info{
	position: absolute;
    top: 0;
    left: 0;
	width: 100%;
    height:100%;
	background-color: rgba(0,0,0,0.2);
	text-align:center;
}
.team__member-picture .team__member-info .text{
	position: absolute;
    bottom: 50px;
    left: 0;
    right: 0;
    padding: 0 15px;
}
.team__member-picture .team__member-info .text h3{font-size:18px; position:relative; line-height:24px; padding-bottom:10px; text-transform:uppercase;}
.team__member-picture .team__member-info .text h3:before{
	content:'';
	position:absolute;
	bottom:-1px;
    left: 0;
	right:0;
	margin:0 auto;
	display: block;
    background: #fff;
    width: 100%;
    height: 3px;
    max-width: 45px;
}
.team__member-picture .team__member-info .text p{padding-top:10px; font-size:16px; line-height:22px;}
ul.menu__list.dropdown-content {
    display: none;
    position: absolute;
    top: 15px;
    left: -10px;
    right: 0;
    z-index: 999;
    width: 140px;
    padding: 0px;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
ul.menu__list.dropdown-content li {
    padding: 10px;
}

  /* .dropdown-content a { */
	/* color: black; */
	/* padding: 5px 0px; */
	/* text-decoration: none; */
	/* display: block; */
	/* color: #fff; */
  /* } */
  /* .menu__item:hover ul.dropdown-content{display: block} */

/*** news page css date:24-12-2019 ****/
.ArticleHolder .top-news-content-wrapper{max-width: 80%; margin-right: 15px;}
html, body.ArticleHolder{min-width: 100%;}

#ResolutionSwitcher {
	display: inline-block;
	width: 100px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.svp--video {
	width: 100%;
	display: block;
}

/*** responsive css ***/
@media screen and (max-width: 1400px) {
	.menu__item{margin-right:25px;}
}
@media screen and (max-width: 1199px) {
	.menu__item{margin-right:13px;}
	.team__container .team__member-picture{
		-ms-flex: 0 0 30%;
		flex: 0 0 30%;
		max-width: 30%;
	}
	.team__member-picture .team__member-info .text{bottom:33px;}
	.container_md{padding:0;}
}

@media screen and (max-width: 1000px){
	ul.menu__list.dropdown-content{
		position:relative;
		top: 0;
		left: -5px;
		margin-top:0;
		width:160px;
	}
	li.menu__item{padding:0;}
	li.menu__item a.menu__link{padding:5px;}
	ul.menu__list.dropdown-content li{padding:5px;}
	
}

@media screen and (min-width:1000px) and (max-width:1400px) {
	li.menu__item a.menu__link{padding-right: 0px;}
}

@media screen and (max-width: 991px) {
	.team__member-picture .team__member-info .text{bottom:25px;}
	.team__container h1{font-size:40px; line-height:46px;}
	.team__container .team__member{padding:45px 0 90px;}
	.team__member-picture .team__member-info .text h3{font-size:16px; line-height:22px; padding-bottom:5px;}
	.team__member-picture .team__member-info .text p{font-size:14px; line-height:20px; padding-top:5px;}
	.ArticleHolder .top-news-content-wrapper{max-width:72%;}
}

@media screen and (max-width: 767px) {
	.team__container h1{font-size:32px; line-height:38px;}
	.team__container .team__member{padding:30px 0px 80px;}
	.team__container .team__member-picture {
		-ms-flex: 0 0 30%;
		flex: 0 0 45.5%;
		max-width: 45.5%;
	}
	.team__member-picture .team__member-info .text{bottom:30px;}
}

@media screen and (max-width: 575px) {
	.team__people-container{width:80%; margin:0 auto;}
	.team__container h1{font-size:28px; line-height:34px; padding-top:30px;}
	.team__container .team__member-picture {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
		margin:8px 0;
	}
	.team__container .team__member{padding:20px 0 60px;}
	.team__member-picture .team__member-info .text{bottom:50px;}
	.ArticleHolder .top-news-content-wrapper{max-width:100%; margin-right:0;}
	.ArticleHolder .news-page__columns{padding:0 20px;}
}

@media screen and (max-width: 480px) {
	.menu__list {
		width: 24px;
		white-space: nowrap;
	}
}

.article-holder--wrap {
	max-width: 1200px;
	margin: 0 auto 20px auto;
	padding: 0 40px;
}

.articles__container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

@media screen and (max-width: 480px) {
	.articles__container {
		display: block;
	}
}

.articles--article {
	display: block;
	width: calc(33.33% - 12px);
	margin: 6px;
	display: flex;
	flex-direction: column;
}

@media screen and (max-width: 768px) {
	.articles--article {
		width: calc(50% - 12px);
	}
}

@media screen and (max-width: 480px) {
	.articles--article {
		width: auto;
		margin: 0 0 1em 0;
	}
}

.articles--image-and-date {
	position: relative;
}

.articles--image-wrap {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}

.articles--image {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.articles--date {
	background: #333333;
	padding: 0.5em 1em;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
}

.articles--title {
	background: #0d94c7;
	padding: 1em;
	line-height: 1.2;
	flex: 1;
	display: flex;
	align-items: center;
	font-size: 1.2em;
}

@media screen and (max-width: 1024px) {
	.articles--title {
		font-size: 1em;
	}
}