html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img, object, embed {max-width: 100%;}
html {overflow-y: scroll;}

ul {list-style: none;}
blockquote, q {quotes: none;}

blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}

del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}

table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}

hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}

pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}

input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}

select, input, textarea {font: 99% itv, sans-serif;}

table {font-size: inherit; font: 100%;}

a:hover, a:active {outline: none;}

small {font-size: 85%;}

strong, th {font-weight: 500;}

td, td img {vertical-align: top;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}

pre, code, kbd, samp {font-family: monospace, sans-serif;}

.clickable, label, input[type=button], input[type=submit], button {cursor: pointer;}

button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}

.ie7 img {-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

.clearing
{
    clear:both;
}
.hidden
{
    display:none;
}
.centerit
{
    text-align:center;
}
img
{
    height: auto !important;
}

.green {
    color: #24bbc4;
}

div#site, nav {
    -webkit-transition: all 0.5s;
}

#overlay, div.overlayed, nav#navigation ul, .ui-dialog-content, .ui-dialog, .ui-dialog * { transition: none }


@font-face {
    font-family:'itv';
    src:url(../fonts/itv_reem-bold-webfont.eot);
    src:url(../fonts/itv_reem-bold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/itv_reem-bold-webfont.woff) format("woff"),url(../fonts/itv_reem-bold-webfont.ttf) format("truetype"),url(../fonts/itv_reem-bold-webfont.svg#itv_reembold) format("svg");
    font-weight:600;
    font-style:normal
}

@font-face {
    font-family:'itv';
    src:url(../fonts/itv_reem-bolditalic-webfont.eot);
    src:url(../fonts/itv_reem-bolditalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/itv_reem-bolditalic-webfont.woff) format("woff"),url(../fonts/itv_reem-bolditalic-webfont.ttf) format("truetype"),url(../fonts/itv_reem-bolditalic-webfont.svg#itv_reembold_italic) format("svg");
    font-weight:600;
    font-style:italic
}

@font-face {
    font-family:'itv';
    src:url(../fonts/itv_reem-italic-webfont.eot);
    src:url(../fonts/itv_reem-italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/itv_reem-italic-webfont.woff) format("woff"),url(../fonts/itv_reem-italic-webfont.ttf) format("truetype"),url(../fonts/itv_reem-italic-webfont.svg#itv_reemitalic) format("svg");
    font-weight:400;
    font-style:italic
}

@font-face {
    font-family:'itv';
    src:url(../fonts/itv_reem-light-webfont.eot);
    src:url(../fonts/itv_reem-light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/itv_reem-light-webfont.woff) format("woff"),url(../fonts/itv_reem-light-webfont.ttf) format("truetype"),url(../fonts/itv_reem-light-webfont.svg#itv_reemlight) format("svg");
    font-weight:300;
    font-style:normal
}

@font-face {
    font-family:'itv';
    src:url(../fonts/itv_reem-lightitalic-webfont.eot);
    src:url(../fonts/itv_reem-lightitalic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/itv_reem-lightitalic-webfont.woff) format("woff"),url(../fonts/itv_reem-lightitalic-webfont.ttf) format("truetype"),url(../fonts/itv_reem-lightitalic-webfont.svg#itv_reemlight_italic) format("svg");
    font-weight:300;
    font-style:italic
}

@font-face {
    font-family:'itv';
    src:url(../fonts/itv_reem-medium_italic-webfont.eot);
    src:url(../fonts/itv_reem-medium_italic-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/itv_reem-medium_italic-webfont.woff) format("woff"),url(../fonts/itv_reem-medium_italic-webfont.ttf) format("truetype"),url(../fonts/itv_reem-medium_italic-webfont.svg#itv_reemmedium_italic) format("svg");
    font-weight:500;
    font-style:italic
}

@font-face {
    font-family:'itv';
    src:url(../fonts/itv_reem-medium-webfont.eot);
    src:url(../fonts/itv_reem-medium-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/itv_reem-medium-webfont.woff) format("woff"),url(../fonts/itv_reem-medium-webfont.ttf) format("truetype"),url(../fonts/itv_reem-medium-webfont.svg#itv_reemmedium) format("svg");
    font-weight:500;
    font-style:normal
}

@font-face {
    font-family:'itv';
    src:url(../fonts/itv_reem-regular-webfont.eot);
    src:url(../fonts/itv_reem-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/itv_reem-regular-webfont.woff) format("woff"),url(../fonts/itv_reem-regular-webfont.ttf) format("truetype"),url(../fonts/itv_reem-regular-webfont.svg#itv_reemregular) format("svg");
    font-weight:400;
    font-style:normal;
}

html
{
    min-height:100%;
    max-width:100%;
    background:#222 url(../images/swirly-bg.jpg) center center fixed;
    -webkit-background-size:cover;
    background-size:cover
}

body
{
    height:100%;
    margin:0 auto;
    background-color:#efefef;
    font-weight:400;
    color:#2d2d2d;
    max-width:1400px;
    overflow-x:hidden;
}
body.editmode
{
    position:static;
}
body.gala {
    background-color: transparent;
}

p.no-pad{
    padding: 0 !important;
}

#site /*Concrete5 requirement */
{
    margin:0 auto;
    position:relative;
    text-align:left;
    height:100%;
}
header
{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    background:#000;
    z-index:8;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-family:itv,sans-serif;
}
header div.c
{
    width:auto;
    max-width:1000px;
    padding:0 10px;
    margin:0 auto;
    text-align:left;
    height: 112px;
}
header div.h
{
    background:#333333;
}
body.index header div.h
{
    background:transparent;
}
header a.logo
{
    background:url("../images/logo.png") no-repeat;
    background-size:100%;
    width:94px;
    height:68px;
    display:block;
    text-indent:-90000em;
    position:absolute;
    top:20px;
}

nav#navigation
{
    clear:both;
    float:right;
    display:block;
}

header div.subnav
{
    background:#3c3c3c;
    background:rgba(61,61,61,0.4);
}

nav#navigation > ul > li
{
    float:left;
    display:inline;
    font-size:14px;
}
nav#navigation > ul > li.m
{
    display:none;
}
nav#navigation > ul > li > a
{
    color:#FFF;
    display:block;
    text-decoration:none;
    border-bottom:3px solid transparent;
    padding:15px;
}
nav#navigation > ul > li.parent > a
{
    background: url("../images/menu-item-down.png") no-repeat right 8px top 55%;
    padding-right: 26px;
}
nav#navigation ul > li a.selected
{
    color:#1fbec8;
    border-color:#1fbec8;
}
nav#navigation > ul > li:hover > a
{
    color:#19bec8;
    border-color:#1fbec8;
}

nav#navigation li.our-channels div.title {
    display: none;
}

nav#navigation li.our-channels .description {
    line-height: 1;
}

nav#navigation li.our-channels .fact {
    color: #888;
    font-size: 12px;
    font-weight: 100;
}

nav#navigation > ul > li.parent div.w
{
    /*max-height:0;
transition: max-height 0.25s linear;
overflow: hidden;*/

    display:none;
}
nav#navigation > ul > li.parent:hover div.w
{
    /*max-height:9999px;
    transition: max-height 0.5s ease-in;*/

    display:block;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {

        ::i-block-chrome,nav#navigation > ul > li.parent div.w{
        transition:none;
        display:none;
        overflow:visible;
        max-height:9999px;
    }

        ::i-block-chrome,nav#navigation > ul > li.parent:hover div.w{
        transition:none;
        display:block;
    }

}*/

/* mega nav */
nav#navigation > ul > li.parent div.w
{
    position:absolute;
    top:112px;
    left:0;
    right:0;
    background-color:rgba(26, 26, 26, 0.95);
    -webkit-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
}
nav#navigation > ul > li.parent div.w > ul
{
    width:auto;
    max-width:1000px;
    padding:0 10px;
    margin:0 auto;
    text-align:left;
}


nav#navigation > ul > li.parent div.w ul li a:hover
{
    opacity:0.8;
}

/* research specific */
nav#navigation > ul > li.research div.w ul
{
    padding:0 0 35px 0;
}
nav#navigation > ul > li.research div.w ul li
{
    float:left;
    width:33.3%;
}
nav#navigation > ul > li.research div.w ul li a
{
    padding:20px 10px 15px 10px;
    background:url(../images/divide2.png) no-repeat center bottom;
    text-decoration:none;
    font-size:14px;
    color:#FFF;
    display:block;
    max-width: 85%;
}
nav#navigation > ul > li.research div.w ul li a span
{
    display:block;
    font-size:18px;
    color:#00bec9;
    padding-bottom: 4px;
    background: url(../images/go_icon_clear.png) no-repeat 100% 6px;
}

/* ad-op specific */
nav#navigation > ul > li.advertising-opportunities div.w
{
    background-color:rgba(26, 26, 26, 0.95);
}
nav#navigation > ul > li.advertising-opportunities div.w > ul
{
    padding:20px 0 35px 0;
}
nav#navigation > ul > li.advertising-opportunities div.w > ul > li
{
    float:left;
    width:33.3%;
}
nav#navigation > ul > li.advertising-opportunities div.w ul li a
{
    background:url(../images/divide2.png) no-repeat center bottom;
    text-decoration:none;
    font-size:18px;
    color:#00bec9;
    display:block;
    padding:8px 15px 10px 15px;
    max-width:85%;
}
nav#navigation > ul > li.advertising-opportunities div.w ul li a:after
{
    content: "";
    display: inline-block;
    background: url(../images/go_icon_clear.png) no-repeat;
    float:right;
    width: 19px;
    height: 19px;
    margin-top:7px;
}
nav#navigation > ul > li.advertising-opportunities div.w ul li ul li a:after
{
    margin-top:2px;
}
nav#navigation > ul > li.advertising-opportunities div.w ul li ul li
{
    display:block;
}
nav#navigation > ul > li.advertising-opportunities div.w ul li ul li a
{
    color:#FFF;
    font-size:15px;
}

/* channels specific */
nav#navigation > ul > li.our-channels div.w div.c
{
    width:auto;
    max-width:1000px;
    padding:0 10px;
    margin:0 auto;
    text-align:left;
    z-index:1;
    height: 370px;
    overflow: hidden;
}
nav#navigation > ul > li.our-channels div.w ul.list
{
    float:left;
    margin-right: -20px;
    padding:30px 0 0 0;
}
nav#navigation > ul > li.our-channels div.w ul.featured
{
    float:right;
    width:34%;
    padding:30px 0 20px 0;
    background:#3a3a3a;
    position:relative;
    z-index:2;
}

nav#navigation > ul > li.our-channels div.w ul.featured li
{
    background:url("../images/nav_itv-hub.jpg") no-repeat top right;
    padding:364px 10px 24px 35px;
}
nav#navigation > ul > li.our-channels div.w ul.featured li.itvcom
{
    background-image:url("../images/nav_itv-com.jpg");
}
nav#navigation > ul > li.our-channels div.w ul.featured li a
{
    background:url(../images/divide2.png) no-repeat center bottom;
    display:block;
    padding:9px 0 11px 0;
    text-decoration:none;
    color:#FFF;
}
nav#navigation > ul > li.our-channels div.w ul.featured li a:after
{
    content: "";
    display: inline-block;
    background: url(../images/go_icon.png) no-repeat;
    float:right;
    width: 19px;
    height: 19px;
    margin-top:2px;
}

nav#navigation > ul > li.our-channels div.w ul.list li
{
    float:left;
    width: calc(33.333333% - 20px);
    height:100px;
    vertical-align:middle;
    display:table;
    margin-right: 20px;
    border-bottom:1px dotted #C0C0C0;
}
nav#navigation > ul > li.our-channels div.w ul.list li:nth-child(1), nav#navigation > ul > li.our-channels div.w ul.list li:nth-child(2), nav#navigation > ul > li.our-channels div.w ul.list li:nth-child(3)
{
    border-top:1px dotted #C0C0C0;
}
nav#navigation > ul > li.our-channels div.w ul.list li a
{
    text-decoration:none;
    font-size:16px;
    color:#FFF;
    vertical-align:middle;
    display:table-cell;
    padding:0 10px 0 110px;
}
nav#navigation > ul > li.our-channels div.w ul.list li.itv a{ background:url(../images/nav_itv.png) no-repeat left center; }
nav#navigation > ul > li.our-channels div.w ul.list li.itv4 a{ background:url(../images/nav_itv4.png) no-repeat left center; }
nav#navigation > ul > li.our-channels div.w ul.list li.itv2 a{ background:url(../images/nav_itv2.png) no-repeat left center; }
nav#navigation > ul > li.our-channels div.w ul.list li.citv a{ background:url(../images/nav_citv.png) no-repeat left center; }
nav#navigation > ul > li.our-channels div.w ul.list li.itvbe a{ background:url(../images/nav_itvbe.png) no-repeat left center; }
nav#navigation > ul > li.our-channels div.w ul.list li.itvencore a{ background:url(../images/nav_itvencore.png) no-repeat 10px center; }
nav#navigation > ul > li.our-channels div.w ul.list li.itv3 a{ background:url(../images/nav_itv3.png) no-repeat left center; }
nav#navigation > ul > li.our-channels div.w ul.list li.gmb a{ background:url(../images/nav_gmb.png) no-repeat left center; }

nav#navigation > ul > li.our-channels div.w ul.list li.itvhub a {
    background-image: url(../images/nav_itv-hub.png);
    background-repeat: no-repeat;
    background-position: 15px center;
}


nav#navigation > ul > li div.w ul li a.nobullet
{
    background:none !important;
    padding:0 !important;
    max-width:100% !important;
}
nav#navigation > ul > li div.w ul li a.nobullet:after
{
    display:none !important;
}



header div.actions
{
    float:right;
    padding:10px 0 10px 0;
}
header div.actions ul li
{
    display:inline-block;
    vertical-align: middle;
}
header div.actions ul li.divide
{
    border-right: solid 1px #00bec9;
}
header div.actions ul li a
{
    color:#00bec9;
    text-decoration:none;
    font-size:13px;
    line-height: 1;
    padding: 0 12px;
    display:block;
}
header div.actions ul li a:hover
{
    color:#FFF;
}
header div.actions ul li a.button
{
    font-size:15px;
    padding:10px 30px 12px;
}


header div.actions li.search, .mobilenav li.search
{
    min-width:38px;
    height: 38px;
    position:relative;
    margin-left:5px;
}
header div.actions li.search span, .mobilenav li.search span
{
    display:block;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;

    background:#FFF url("../images/search-icon.png") center no-repeat;
    width:38px;
    height:38px;
    text-indent:-99999em;
    cursor:pointer;
    float:left;
    position:relative;
    z-index:3;
    position:absolute;
    left:0;
}
header div.actions li.search form, .mobilenav li.search form
{
    float:left;
    width:0;
    position:relative;
    z-index:2;
}

#searchForm {
  float: left;
  background: #fff;
  box-sizing: border-box;
  border-radius: 100px;
  padding: 0 15px;
  width: 250px;
  max-width: 100%;
}

#searchForm input {
    width: 100%;
    display:block;
    border:0;
    margin:0;
    outline: 0;
    padding:0;
    text-indent:30px;
    font-family: itv,sans-serif;
    font-size:15px;
    line-height:38px;
    height:38px; /* IE */
    vertical-align:middle;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background:transparent;
    background-image: url('../images/search-icon.png');
    background-repeat: no-repeat;
    background-position: center left;
}

#searchForm button {
    display:none;
}



section[role="banner"]
{
    border-bottom-right-radius: 40% 10%;
    border-bottom-left-radius: 40% 10%;
    position:relative;
    font-family: itv,sans-serif;
    overflow: hidden;
    margin: 112px -40px 0 -40px;
    width: auto;
    z-index: 2;
}

section[role="banner"]:before
{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: url("//dbba3wu8qq6tc.cloudfront.net/assets/interface/bannerGradLeft-857720d231be79ac232dcd4df99e4612.png") right top repeat-y;
}
section[role="banner"] div.banner-box
{
    max-height: 467px;
    overflow: hidden;
    padding: 0 40px;
}
section[role="banner"] div.banner-box img
{
    display: block;
    width: 100%;
}
ul.cards li img{
    margin: 0;
    width: 100%;
}
section[role="banner"] div.curve
{
    display: none;
    position:absolute;
    bottom:0
}
section[role="banner"] div.c
{
    margin:0 auto;

    text-align: left;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    max-width: 1000px;
    left: 0;
    right: 0;
}
section[role="banner"] + section[role=main] {
    margin-top: -50px;
    padding-top: 50px;
}
section[role="banner"] div.t
{
    position:absolute;
    left:0;
    top: 110px;
    color:#FFF;
    max-width:495px;
}
section[role="banner"] div.t h1
{
    font-size:36px;
    font-weight:400;
    background:url("../images/banner-header-divide.gif") no-repeat bottom left;
    padding:0 0 20px 0;
    margin-bottom:12px;
    line-height:1.2em;
}
body.index section[role="banner"] div.t h1
{
    font-size:48px;
}
section[role="banner"] div.t p
{
    font-size:15px;
    padding: 8px 0;
}
section[role="banner"] div.t p time, #article p time, #searchresults li time
{
    color:#b2b2b2;
}

section[role="banner"] div.curve img
{
    width:100%
}

div.breadcrumb
{
    position:relative;
    background:url(../images/divide2.png) no-repeat center bottom;
    padding:15px 0;
    font-size:14px;
    color:#333333;
}
body.programme-planner div.breadcrumb
{
    background:none;
}
div.breadcrumb a, #article a
{
    color:#19bec8;
    text-decoration:none;
}
div.breadcrumb a:hover, #article a:hover
{
    color:#000;
}
div.breadcrumb span
{
    display:inline-block;
    margin:0 7px;
}

section[role="banner"] div.breadcrumbwrapper
{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    z-index:2;
}
section[role="banner"] div.breadcrumbwrapper div.breadcrumb
{
    color:#FFF;
    background:none;¢
}
section[role="banner"] div.breadcrumbwrapper div.breadcrumb a:hover
{
    color:#FFF;
}

section[role="banner"].blacktext div.breadcrumbwrapper div.breadcrumb
{
    color:#333;
}

section[role="banner"] div.ccm-block {
    position: relative;
}
section[role="banner"] div.ccm-add-block {
    margin-top: 50px;
    position: relative;
    text-align: center;
}
section[role="main"]
{
    position: relative;
    background: #efefef url("../images/elipseHorizontal.png") center top no-repeat;
    font-family: itv,sans-serif;
    color:#333333;
    padding-bottom:45px;
    padding-top: 40px;
}
section[role="main"].no-elipse {
    background: #fff;
    padding-bottom: 0;
}
.purple-gradient-background section[role="main"]
{
    background: #381c4c;
    background: linear-gradient(#381c4c, #1d0b21);
    color: white;
}
.purple-gradient-background section[role="main"]:before
{
    display: none;
}
.purple-gradient-background div.tags
{
    color: white;
}

.purple-gradient-background ul.cards li div.c{
    color: #333333;
}

div.overlayed
{
    font-family: itv,sans-serif;
}
section[role="main"].fixed
{
    background-repeat:no-repeat;
    background-size:cover;
    background-attachment:fixed;
}
section[role="main"].nobanner
{
    padding-top:70px;
    background-position:center 30px;
}

section[role="main"]:before
{
    background: url("../images/elipseVertical.png") 0 30px no-repeat;
    background-size:100%;
    content: "";
    display: block;
    position: absolute;
    top:0;
    height:100%;
    width:100%;
    z-index: 0;
}
section[role="main"].fixed:before,
section[role="main"].no-elipse:before
{
    display:none;
}

section[role="main"] h2, section[role="main"] h1, div.overlayed h2
{
    font-size:27px;
    font-weight:400;
    text-align:left;
    padding:0 0 15px 0;
    margin-bottom:20px;
    background:url("../images/header-divide.gif") no-repeat bottom left;
}
body.index section[role="main"] h2, section[role="main"] h1.centered, section[role="main"] h2.centered
{
    text-align:center;
    background-position:bottom center;
    margin: 0 auto;
}
section[role="main"] h1.nodivide, section[role="main"] h2.nodivide, section[role="main"] h1.logo
{
    background:none !important;
    padding:0;
}
section[role="main"] h1.searchresults
{
    font-size:27px;
    padding-bottom:30px;
}
section[role="main"] h1.searchresults strong
{
    font-weight:500;
    color:#19bec8;

}
section[role="main"] h2.nomargin, aside h2.nomargin
{
    margin:0;
}
section[role="main"] h2.spaced
{
    padding-top:30px;
}
section[role="main"] h2.magenta, section[role="main"] h1.magenta
{
    background-image:url("../images/header-divide_magenta.gif");
}
section[role="main"] h1, div.overlayed h2
{
    font-size:36px;
    padding:0 0 20px 0;
    line-height:1.2em;
    margin-bottom:5px;
    max-width:590px;
}

section[role="main"] .wide h1 {
    max-width: none;
}

section[role="main"].nobanner h1
{
    padding-top:30px;
}

section[role="main"] h3
{
    font-size:20px;
    font-weight:400;
    text-align:left;
    margin-bottom:15px;
}

section[role="main"] div.left.introquote h3
{
    margin:0;
    padding:30px 0 0 0;
}

section[role="main"] div.intro
{
    max-width:825px;
    padding:0 10px;
    margin:0 auto 10px auto;
}
section[role="main"] div.intro p
{
    text-align:center;
}
section[role="main"] div.wrapper p, aside p
{
    padding-top: 12px;
    padding-bottom :12px;
}

section[role="main"] div.introquote p, div.introquote p
{
    font-size:15px;
}
section[role="main"] div.introquote.multiline p:first-of-type, section[role="main"] div.introquote.big p
{
    font-size:17px;
}
section[role="main"] div.introquote.multiline.larger p:first-of-type
{
    font-size:20px;
}

div.framepad
{
    padding-bottom:20px;
}

div.wrapper
{
    max-width:1020px;
    padding:40px 20px 0;
    margin:0 auto;
    position:relative;
    zoom:1;
}

section[role="banner"] div.breadcrumbwrapper div.breadcrumb div.wrapper
{
    padding:0 10px;
}

nav#navigation > ul > li.parent div.w ul:before, nav#navigation > ul > li.parent div.w ul:after, div.wrapper:before, div.wrapper:after { content: "\0020"; display: block; height: 1px; overflow: hidden; }
nav#navigation > ul > li.parent div.w ul:after, div.wrapper:after { clear: both; }

ul.introcards
{
    position:relative;
    padding:40px 0;
    margin:0 -10px;
}
ul.introcards.general
{
    padding:20px 0;
}
ul.introcards li
{
    float:left;
    width:33.3%;
}
ul.introcards li div.w
{
    margin:0 10px;
    color:#333333;
    -webkit-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
}
ul.introcards li div.w img
{
    display:block;
    margin:0 auto 10px;
}
ul.introcards li div.c
{
    text-align:center;
    padding: 30px;
    background:#FFF;
}
ul.introcards li div.w h3
{
    font-weight:400;
    font-size:20px;
    text-align: center;
    margin-bottom: 25px;
}
ul.introcards li div.w p
{
    font-size:15px;
    padding:10px 0;
}

ul.introcards.general li div.c, ul.introcards.general li div.w h3
{
    text-align:left;
}

ul.introcards li:nth-child(3n+2) a.button {
    background-color: #8bc34a;
}

ul.introcards li:nth-child(3n+2) a.button:hover {
    background-color: #98d94c;
}

ul.introcards li:nth-child(3n+3) a.button {
    background-color: #ffaa00;
}

ul.introcards li:nth-child(3n+3) a.button:hover {
    background-color: #ffba00;
}

#brandlogos
{
    padding:0 50px;
    max-width:1000px;
    margin:0 auto;
    position: relative;
    z-index: 2;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-align-items: center;
    align-items: center;
}
@media(max-width: 1023px){
    #brandlogos{
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        padding: 10px;
    }
}
body.why-itv #brandlogos
{
    padding-bottom:40px;
}
#brandlogos span
{
    display:block;
    background:url("../images/brand_logos.png") center no-repeat;
    background-size:100%;
    height:70px;
}

aside
{
    font-family:itv, arial, sans-serif;
    color:#333333;
    background-color:#FFF;
    padding:45px 0;
    position:relative;
}

section[role="main"] aside
{
    background:none;
    padding:0;
}

aside div.wrapper, footer div.wrapper
{
    position:relative;
    z-index:2;
}
aside h2, #newsresults ul li h3, ul.cards li h3
{
    font-size:24px;
    font-weight:400;
    padding:0 0 15px 0;
    margin-bottom:20px;
    background:url(../images/header-divide.gif) no-repeat bottom left;
}
#newsresults ul li h3, ul.cards li h3
{
    margin-bottom:5px;
}
ul.cards li h3
{
    background-size:60px 3px;
}
ul.cards li h3.black { background-image:url(../images/header-divide_black.gif);}
ul.cards li h3.darkmodyel { background-image:url(../images/header-divide_darkmodyel.gif);}
ul.cards li h3.yellow { background-image:url(../images/header-divide_yellow.gif);}
ul.cards li h3.magenta, #stats h2 { background-image:url(../images/header-divide_magenta.gif);}


ul.cards li div.basic
{
    text-align:center;
}
ul.cards li div.basic h3
{
    background: none;
    text-align: center;
    margin: 0 auto;
    padding: 15px 0 2px 0;
}
.brand {
    padding: 30px 0;
}
.brand.white {
    background-color: #fff;
}
section[role="main"] .brand.white:last-child {
    margin-bottom: -45px;
}

aside.divide, div.divide
{
    background-image:url(../images/elipseTop.png);
    background-repeat:no-repeat;
    background-position:top center;
}
aside.dark
{
    background-color:#d5e0e0;
}
aside#news
{
    background-color: #efefef;
}
aside#news:before, aside#news:after
{

    background: url("../images/elipseHorizontal.png") 0 0;
    background-size: 100%;
    content: "";
    display: block;
    position: absolute;
    top: -55px;
    height: 100%;
    width: 100%;
    z-index: 0;
}
aside#news.lives:after
{
    background-repeat:no-repeat;
    background-position:0 30%;
}
aside#news:before
{
    top:0;
    -webkit-transform: rotate(70deg);
    -moz-transform: rotate(70deg);
    -ms-transform: rotate(70deg);
    -o-transform: rotate(70deg);
    transform: rotate(70deg);
    left: -35%;
}
aside#news.lives:before
{
    display:none;
}

aside p.all, div.padded p.all, div.divide p.all
{
    position:absolute;
    top:0;
    right:10px;
}
div.centered p,
p.centered
{
    margin:0 auto;
    max-width:720px;
    text-align:center;
    font-size:15px;
}

div.left, div.right
{
    float:left;
    width:50%;
    padding-right:3%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
div.left.divided {
    border-right: 1px rgba(0,0,0,0.2) dotted;
}
div.right
{
    float:right;
    padding:0;
    padding-left:3%;
}
div.right + * {
    clear: both;
}
div.wider{ width:55%;}
div.narrower{ width:45%;}

aside#media .wrapper {
    padding-top: 0;
}
aside#media h3, aside#media h4, ul.medialist li h4
{
    font-weight:400;
    font-size:20px;
    margin-bottom:0 !important;
}
aside#media h4, ul.medialist li h4
{
    font-size:16px;
}
aside#media p, section[role="main"] ul.medialist li p
{
    font-size:14px;
    padding:0;
}
ul.medialist li p
{
    font-size:14px !important;
    padding:0 !important;
}
aside#media p.all_block
{
    padding:20px 0;
}

aside#media p.dl a, ul.medialist li p.dl a
{
    background:url(../images/dl_icon.png) no-repeat 0 2px;
    padding-left:25px;
    color:#1fbec8;
    text-decoration:none;
}
aside#media p.dl.magenta a, ul.medialist li p.dl.magenta a
{
    background-image:url(../images/dl_icon_magenta.png);
    color:#a90061;
}

aside#media p.dl a:hover, ul.medialist li p.dl a:hover
{
    color:#000;
    opacity:0.9;
}
aside#media p.dl a span, ul.medialist li p.dl a span
{
    color:#999999;
}

aside#media ul, ul.medialist
{
    padding-top:5px;
}
div.introquote ul.medialist
{
    padding-bottom:10px;
}
aside#media ul li, ul.medialist li
{
    background:url(../images/pdf.png) no-repeat 0 12px;
    padding:12px 0 12px 78px;
    min-height: 69px;
}
aside#media ul li.xls, ul.medialist li.xls{ background-image:url(../images/xls.png);}
aside#media ul li.ppt, ul.medialist li.ppt{ background-image:url(../images/ppt.png);}
aside#media ul li.zip, ul.medialist li.zip{ background-image:url(../images/zip.png);}
aside#media ul li.jpg, ul.medialist li.jpg{ background-image:url(../images/jpg.png);}
aside#media ul li.mp3, ul.medialist li.mp3{ background-image:url(../images/mp3.png);}
aside#media ul li.mp4, ul.medialist li.mp4{ background-image:url(../images/mp4.png);}
aside#media ul li.doc, ul.medialist li.doc{ background-image:url(../images/doc.png);}
aside#media ul li.www, ul.medialist li.www{ background-image:url(../images/www.png);}

aside#news ul.list li
{
    float:left;
    width:50%;
}

.featured-news__article {
    margin-bottom: 20px;
    min-height: 150px;
    color: #fff;
}
aside#news.lives ul.list li
{
    float:none;
    width:100%;
    overflow:hidden;
    margin-bottom:20px;
}
aside#news ul.list li img,
.featured-news__article img
{
    float:left;
    margin-right:20px;
}
aside#news ul.list li img:hover,
.featured-news__article img:hover
{
    opacity:0.8;
}
aside#news ul.list li div.c,
.featured-news__article div.c
{
    padding:0 30px 0 0;
}
aside#news.lives ul.list li div.c
{
    padding-right:0;
}
aside#news ul.list li time, #newsresults ul li time, ul.cards li time
{
    color:#ADADAD;
    font-size:14px;
}
.featured-news__article time {
    opacity: 0.5;
    color:#fff;
    font-size:14px;
    font-weight: 100;
}
ul.cards li time
{
    font-size:13px;
}
aside#news ul.list li h3, ul.cards li h3,
.featured-news__article h3
{
    font-weight:400;
    font-size:18px;
    padding-top:5px;
    line-height:1.4em;
}
aside#news ul.list li h3 a, ul.cards li h3 a
{
    text-decoration:none;
    color:#333333;
}
.featured-news__article h3 a
 {
  text-decoration:none;
    color:#fff;
 }
aside#news ul.list li h3 a:hover, ul.cards li h3 a:hover,
.featured-news__article h3 a:hover
{
    text-decoration:underline;
    color:#000;
}


aside#viewingfigures
{
    position:relative;
    color:#333333;
}
aside#viewingfigures .wrapper {
    padding-top: 0;
}
aside#viewingfigures table, aside#viewingfigures a.expand-viewing-figure
{
    width:100%;
    margin:10px -5px 0 -5px;
    border-spacing:5px;
    font-size:18px;
    border-collapse: separate;
}
aside#viewingfigures table tr, aside#viewingfigures a.expand-viewing-figure
{
    display:block;
    background:#b5c8c9;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    margin:7px 0;
}
aside#viewingfigures table tr.none
{
    background: none;
}
aside#viewingfigures table tr td
{
    padding:7px;
}
aside#viewingfigures table tr td.no
{
    width:1%;
    min-width:28px;
    text-align:center;
    white-space:nowrap;
    background:#FFF;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
aside#viewingfigures table tr td.channel { width:30%;}
aside#viewingfigures table tr td.programme { width:40%;}
aside#viewingfigures table tr td.count { width:10%;}
aside#viewingfigures table tr td.reach { width:10%;}

aside#viewingfigures p.foot
{
    font-size:13px;
}

aside#viewingfigures ul
{
    margin:0 3% 0 3%;
    height:27px;
}
aside#viewingfigures ul li
{
    display:inline;
    float:left;
    width:14.28%;
}
aside#viewingfigures ul li a, aside#viewingfigures a.expand-viewing-figure
{
    margin:0 2px;
    display:block;
    text-align:center;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    text-decoration:none;
    color:#333333;
    font-size:16px;
    line-height:2.1em;
    position:relative;
}
aside#viewingfigures ul li a.active, aside#viewingfigures ul li a:hover, aside#viewingfigures a.expand-viewing-figure:hover, aside#viewingfigures a.expand-viewing-figure:focus
{
    background:#FFF;
    color:#00bec9;
}
aside#viewingfigures ul li a.active:after
{
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;

    border: 8px solid transparent;
    border-top-color: #FFF;

    top: 100%;
    left: 50%;
    margin-left: -8px;
}

.filterpanel
{
    clear:both;
    margin-top:40px;
    background:#19bec8;
    color:#FFF;
    font-family:itv, arial, sans-serif;
    font-size:16px;
    position:relative;
    -webkit-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    padding-bottom:10px;
}
.filterpanel.nomargin
{
    margin:0;
}

.filterpanel.dark, div.darkbg,
.formidable
{
    background:#2E2E2E url(../images/filterpaneldarkbg.jpg) center;
    color:#FFF;
    position:relative;
}

.formidable .buttons {
    margin-top: 10px;
}

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

.filterpanel:not(#planner-actions):after, #contactfilter form:after
{
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 16px solid transparent;
    border-top-color: #19bec8;
    top: 100%;
    left: 50%;
    margin-left: -16px;
}
#planner-actions {
    text-align: center;
}

.filterpanel.dark:after, .filterpanel.closed:after
{
    display:none;
}
.filterpanel div.wrapper
{
    padding:25px 0;
}
.filterpanel div.wrapper--skinny
{
    padding: 15px 0;
}
.filterpanel div.divide
{
    background:url(../images/divide3.gif) no-repeat center bottom;
    transition:none;
}
.filterpanel ul
{
    overflow:hidden;
}
.filterpanel ul li
{
    display:inline-block;
    margin-right:30px;
}
.filterpanel ul li label span
{
    color:#333333;
}
.filterpanel__title--large
{
    font-size: 32px !important;
}

.filterpanel ul li.checkbox
{
    float:left;
}
.formidable .input:after {
    clear: both;
    content: "";
    display: block;
}
.formidable .input .radio, .formidable .input .checkbox {
    margin-right: 10px;
    margin-bottom: 5px;
}
.filterpanel ul li.checkbox input, td.checkbox input, ul.checkboxes li.checkbox input,
.formidable .radio input, .formidable .checkbox input[type=checkbox],
.formidable .option_other {
    display:none;
}
.filterpanel ul li.checkbox label, td.checkbox label, ul.checkboxes li.checkbox label
{
    cursor:pointer;
    line-height: 1.4em;
}
td.checkbox label
{
    display:block;
    text-indent:-99999em;
}

.filterpanel ul li.checkbox label:before, td.checkbox label:before, ul.checkboxes li.checkbox label:before,
.formidable .input .radio label:before, .formidable .input .checkbox label:before
{
    content: "";
    width: 19px;
    height: 20px;
    margin: 4px 6px 0 0;
    display:inline-block;
    background: url(../images/checkbox_button.png) no-repeat 0 -40px;
    background-size:19px;
    float:left;
}
.formidable .input .radio label:before {
    background-image: url(../images/radio_button.png);
}
div.list_add ul.checkboxes li.checkbox  {
    background: none;
}
td.checkbox label:before, div.list_add ul.checkboxes li.checkbox label:before
{
    background:url(../images/checkbox_button_bordered.png) no-repeat 0 -38px;
    background-size:19px;
}
.filterpanel ul li.checkbox input:checked + label:before, td.checkbox input:checked + label:before, ul.checkboxes li.checkbox input:checked + label:before,
.formidable .input .radio input:checked + label:before, .formidable .input .checkbox input:checked + label:before
{
    background-position: 0 0;
    background-size:19px;
}
td.checkbox input:checked + label:before, div.list_add ul.checkboxes li.checkbox input:checked + label:before
{
    background-image:url(../images/checkbox_button_bordered.png);
}

#programmefilter
{
    margin-top:0;
}
#contactfilter
{
    margin:0 0 40px 0;
}
section .filterpanel h2
{
    font-size:27px;
    color:#FFF;
    padding:0;
    background:none;
    margin:0;
    line-height:1.2em;
}
section .filterpanel h2 span
{
    font-size:13px;
    position:relative;
    top:-2px;
    left:3px;
}


.filterpanel ol > li
{
    display:inline;
    float:left;
    width:18.4%;
    margin-right: 2%;
}
.filterpanel ol > li:last-child {
    margin-right: 0;
}

.filterpanel ol > li h3
{
    color:#333;
    font-size:15px;
}
.filterpanel.multilist ul li.checkbox label
{
    font-size:14px;
    display: block;
    padding-left: 28px;
    position: relative;
    margin-bottom: 10px;
}
.filterpanel.multilist ul li.checkbox label:before {
    margin: 0;
    position: absolute;
    top: 2px;
    left: 0;
    float: none;
    display: block;
}
.filterpanel.multilist ul li
{
    display:block;
    width:100%;
    margin:2px 0;
}
#mediafilter .search label
{
    font-size:20px;
    margin-right:10px;
}
#mediafilter .search label span
{
    color:#B9E6EA;
    font-size:13px;
}

body.case-studies .filterpanel.dark h3
{
    font-size:17px;
    color:#1fbec8;
}
body.case-studies .filterpanel h2
{
    font-size:20px;
}

body.case-studies .filterpanel.dark ol > li:nth-child(1)
{
    width:50%;
}
body.case-studies .filterpanel.dark ol > li:nth-child(2), body.case-studies .filterpanel.dark ol > li:nth-child(3)
{
    width:25%;
}

body.case-studies .filterpanel.dark.multilist ol > li:nth-child(1) ul li
{
    width:50%;
}

body.case-studies .filterpanel.dark h2.divide
{
    background:url("../images/banner-header-divide.gif") no-repeat bottom left;
    padding:0 0 15px 0;
    transition:none;
}
body.case-studies .filterpanel.dark.closed h2.divide
{
    background:none;
    padding:0;
}
body.case-studies .filterpanel.dark .search p
{
    font-size:20px;
    padding:30px 0 10px 0;
}

.filterpanel.closed
{
    padding:0;
}
.filterpanel.closed div.wrapper
{
    padding:12px;
}
.filterpanel div.wrapper
{
    padding-left:20px;
    padding-right:20px;
}
.filterpanel div.wrapper.nopadding
{
    padding-top:0 !important;
}
.filterpanel.closed div.divide
{
    background:none;
}
.filterpanel.closed .hide
{
    display:none;
}

.filterpanel h2.hideshow, table td.hideshow
{
    cursor:pointer;
}
.filterpanel h2.hideshow span, table td.hideshow span
{
    transition:none;
    margin-top:5px;
    font-size:14px;
    color:#FFF;
    float:right;
    background:url("../images/hideclosearrows.png") no-repeat 100% -106px;
    padding-right:20px;
}
.filterpanel.closed h2.hideshow span
{
    background:url("../images/hideclosearrows.png") no-repeat 100% -48px;
}
.filterpanel.dark.closed h2.hideshow span
{
    background:url("../images/hideclosearrows.png") no-repeat 100% 5px;
}
.filterpanel.dark h2.hideshow span
{
    color:#1fbec8;
    background:url("../images/hideclosearrows.png") no-repeat 100% -159px;
}
table td.hideshow span
{
    color:#1fbec8;
    background:url("../images/hideclosearrows.png") no-repeat 100% 5px;
    float:none;
    white-space:nowrap;
}
table td.hideshow.open span
{
    display:inline-block;
    color:#FFF;
    line-height:16px;

    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;

    text-align:center;
    padding:5px 30px 7px 20px;
    background:#333 url("../images/hideclosearrows.png") no-repeat 90% -104px;
}


.filterpanel div.row
{
    padding:0 0 10px 0;
}
.filterpanel div.row label
{
    width: 160px;
    float: left;
    text-align: right;
    margin-right: 15px;
    line-height: 2.0em;
}
.filterpanel div.row select
{
    width:150px;
    margin-left:0;
    margin-right:10px;
}
.filterpanel div.row a.button.reset
{
    float:right;
}


#mediafilter
{
    padding-bottom:20px;
}
#mediaresults ul.medialist
{
    padding:30px 0;
}
#mediaresults ul.medialist li
{
    float:left;
    width:48%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    background-color:#FFF;
    margin:10px 0;
    background-position:15px 20px;
    padding:16px 20px 20px 95px;
    min-height:105px;
}
#mediaresults ul.medialist li:nth-child(even)
{
    float:right;
}

#mediaresults_title
{
    padding:40px 0 15px 0;
    background: url(../images/divide2.png) no-repeat center bottom;
}
#mediaresults_title span
{
    color:#19bec8;
}

#newsresults ul
{
    padding:20px 0;
}
#newsresults ul li, ul.cards > li
{
    background:#FFF;
    margin:30px 0;
    clear:both;
}
#newsresults ul li
{
    overflow:hidden;
    -webkit-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
}
ul.cards a.delete
{
    background:url("../images/delete_icon.png") no-repeat 0 0;
    width:22px;
    height:22px;
    cursor:pointer;
    background-size:22px;
    position:absolute;
    top:10px;
    right:10px;
    text-indent:-9999em;
    display:block;
}
ul.cards a.brightcove-popup .player-button
{
    display: block;
    height: 235px;
    position: absolute;
    width: 100%;
}

.fancybox-skin {
    background-color: #000000 !important; /* or whatever */
}
ul.cards > li
{
    background:none;
    margin:20px 0;
}
ul.cards li div.w,
ul.cards li .inner
{
    -webkit-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    box-shadow: 0px 35px 68px -39px rgba(0,0,0,0.5);
    position:relative;
    background: #fff;
}

ul.cards.horizontal
{
    margin:10px -10px;
}
ul.cards.horizontal > li
{
    clear:none;
    float:left;
    width:25%;
    margin:10px 0 10px 0;
}
ul.cards.centered
{
    font-size: 0; /* fixes inline-block spacing issue */
    text-align:center;
}
ul.cards.centered > li
{
    display:inline-block;
    float:none;
    margin: 15px 0;
}
ul.cards.horizontal.three li
{
    width:33.3%;
}
ul.cards.horizontal li div.w,
ul.cards.horizontal li .inner
{
    margin:0 10px;
    overflow: hidden;
}

ul.cards.horizontal .slick-track
{
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    min-width: 100%;
}

div.threecards
{
    max-width: 750px;
    margin: 0 auto;
}

#newsresults ul li:hover, ul.cards li:hover
{
    opacity:0.9;
}
#newsresults ul li img
{
    float:left;
    width: 32%;
}
#newsresults ul li div.c
{
    color: #333;
    float:right;
    width:64%;
    padding:35px 0 20px 0;
}
ul.cards li div.c
{
    background:#FFF;
    padding:10px 20px 15px 20px;
}
ul.cards li div.c.buttoned
{
    padding-bottom:50px;
}
ul.cards li div.c p
{
    font-size:15px;
}
ul.cards li div.c p.smaller
{
    font-size:13px;
}
ul.cards li div.c p.b
{
    position:absolute;
    bottom:0;
    left: 20px;
    right: 20px;
}
ul.cards li div.c.small p
{
    font-size:14px;
}

ul.cards li div.c p.go
{
    padding-top:0;
}
ul.cards li div.c p.go a, aside#news ul.list li p.go a
{
    text-decoration:none;
    color:#19bec8;
    font-size:14px;
    background:url("../images/arrow-go.png") no-repeat 100% 6px;
    padding-right:20px;
}
ul.cards li ul.card-footer {
    margin: 0 !important;
}
ul.cards li ul.card-footer li:hover {
    opacity: 1;
}
ul.cards li ul.card-footer li.logo {
    text-align: right;
}
ul.cards li ul.card-footer li img {
    display: inline-block !important;
    width: auto !important;
}

aside#news ul.list li p.go a
{
    background:url("../images/go_icon_clear.png") no-repeat 100% 5px;
    padding:2px 23px 2px 0;
}

ul.cards li div.c p.go a:hover, aside#news ul.list li p.go a:hover
{
    color:#000;
}

#newsresults ul li div.c p
{
    font-size:15px;
    max-width:520px;
}
#newsresults ul li h3
{
    max-width:390px;
}
#newsresults ul li h3 a
{
    text-decoration:none;
    color:#333;
}
#newsresults ul li h3 a:hover
{
    color:#19bec8;
}

.filterpanel div.orderby
{
    float:right;
    margin-top:-30px;
}
.filterpanel select, div.tabbed div.panel select, #contactfilter select
{
    color: #333333;
    padding:7px 10px;
    outline:0;
    border:0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left:4px;

    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #FEFEFE),
        color-stop(1, #CECECE)
        );
    background-image: -o-linear-gradient(bottom, #FEFEFE 0%, #CECECE 100%);
    background-image: -moz-linear-gradient(bottom, #FEFEFE 0%, #CECECE 100%);
    background-image: -webkit-linear-gradient(bottom, #FEFEFE 0%, #CECECE 100%);
    background-image: -ms-linear-gradient(bottom, #FEFEFE 0%, #CECECE 100%);
    background-image: linear-gradient(to bottom, #FEFEFE 0%, #CECECE 100%);

    -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.3);
}
#regional div.selector select
{
    background:#00bec9 url("../images/select-arrows.gif") no-repeat 93% 50%;
    padding:8px 15px 10px 15px;
    outline:0;
    border:0;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    color:#FFF;
    font-size:15px;
    font-family:itv, arial, sans-serif;
    font-weight:400;
    appearance:none;
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    min-width:235px;
}

ol.pagination
{
    list-style-type:none;
    text-align: center;
}
ol.pagination li
{
    display: inline;
}
ol.pagination li a
{
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height:35px;
    text-align:center;
    background: #FFF;
    color: #333333;
    font-size:18px;
    font-family:itv, arial, sans-serif;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
    border:1px solid #cecece;
    text-decoration:none;
}
ol.pagination li a.prev, ol.pagination li a.next
{
    background:#FFF url(../images/pagination-arrows.png) no-repeat 11px 13px;
    text-indent:-99999em;
    margin:0 20px 0 10px;
}
ol.pagination li a.next
{
    background-position:-43px 13px;
    margin:0 10px 0 20px;
}
ol.pagination li a.first, ol.pagination li a.last
{
    font-size:15px;
    width:100px;
    position:relative;
    top:-2px;
    margin:0 10px;
}
ol.pagination li a.page.current-page, ol.pagination li a:hover
{
    background-color: #1fbec8;
    color:#FFF;
    border:1px solid #1fbec8;
}

#article
{
    margin:0 auto;
    font-size:15px;
    max-width:70%;
    float:left;
}
section[role="main"] blockquote
{
    background:url(../images/quote2.png) no-repeat 0 15px;
    background-size:65px;
    padding:0 0 0 85px;
}

a.fancybox
{
    position:relative;
}
a.fancybox:after
{
    content: "";
    position:absolute;
    top:30px;
    right:35px;
    background: url(../images/zoom.png) no-repeat;
    width: 50px;
    height: 50px;
}

#showreel blockquote
{
    margin-top:20px;
}
section[role="main"] #article blockquote
{
    padding:30px 0 30px 85px;
    background:url(../images/quote.png) no-repeat 0 40px;
    background-size:65px;
}
section[role="main"] blockquote p, section[role="main"] blockquote p:first-of-type
{
    font-size:21px;
    font-style:italic;
    color:#a70c61;
    line-height:1.3em;
}
#showreel blockquote p
{
    font-size:24px;
}
section[role="main"] #article blockquote p, section[role="main"] #article blockquote p:first-of-type
{
    color:#19bec8;
}
section[role="main"] blockquote p:last-of-type, section[role="main"] #article blockquote p:last-of-type, #showreel blockquote p:last-of-type
{
    margin-top:-10px;
    font-size:13px;
    font-style:normal;
    color:#777777;
}


iframe
{
    max-width:100% !important;
}

#article iframe
{
    width:100%;
    border:0;
    height:460px;
    margin:30px 0;
}

div.tags
{
    padding:30px 0 40px 0;
    color:#333333;
    font-size:15px;
    line-height:1.4em;
}
div.tags ul
{
    float:left;
    padding: 0;
}
div.tags ul li
{
    display:inline;
    float:left;
    margin:0 5px 5px 5px;
}
span.tag,
div.tags ul li a,
.vip-article div.tags ul li a
{
    background:#777777;
    color:#FFF;
    display:block;
    text-decoration:none;
    font-size:13px;
    padding:1px 17px 3px 17px;
    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;
}
span.tag {
	display: inline-block;
}

div.tags ul li a:hover
{
    opacity:0.8;
}
div.tags span
{
    margin:0 2px 0 0;
    position:relative;
    float:left;
}

#recent
{
    padding-top:30px;
    float:right;
    max-width:23%;
}
#recent h2
{
    font-size:24px;
    margin-bottom:0;
}

#articleshare
{
    clear:both;
    background-image: url(../images/elipseBottom.png);
    background-repeat: no-repeat;
    background-position: top center;
}
#articleshare .wrapper
{
    margin:0 auto;
    font-size:14px;
    padding:70px 0 0 20px;
}
a.backlink
{
    color:#19bec8;
    text-decoration:none;
}
a.backlink span
{
    text-decoration:underline;
}

div.padded
{
    margin:30px 0 0 0;
    padding:40px 0 0 0;
}
div.padded .wrapper {
    padding-top: 0;
}
div.exploreloggedin, div.padbase
{
    padding-bottom:40px;
}

div.whitebg
{
    background:#FFF;
    padding-bottom:40px;
}

body.case-studies #channels, body.sponsorship #channels
{
    margin:0;
}
body.case-studies #channels ul
{
    padding-bottom:30px;
}
#showreel div.wrapper
{
    max-width:830px;
}
body.casestudy #showreel, body.why-itv #tvops
{
    padding-top:40px;
}

#channels ul
{
    overflow:hidden;
    margin:0 -10px;
}
#channels ul li
{
    float:left;
    width:50%;
}
#channels ul li:nth-child(2n+1)
{
    clear: both;
}
#channels ul li a.w
{
    display:block;
    text-decoration:none;
    margin:10px;
    position:relative;
}
#channels ul li a.w:hover
{
    opacity:0.8;
}
#channels ul li img
{
    width:100%;
    display:block;
}
#channels ul li img.logo
{
    float: left;
    margin-left: -20px;
    margin-right: 10px;
    width:141px;
}

#channels ul li .c
{
    display:block;
    background:#FFF;
    overflow: hidden;
    padding: 20px 15px;
    font-size:16px;
    color:#333333;
    min-height: 48px;
    position: relative;
}

#channels ul li span.c
{
    display:block;
    background:#FFF;
    padding:23px 10px 23px 170px;
    font-size:16px;
    color:#333333;
    height: 48px;
}

#channels ul li .description,
#channels ul li .fact
{
    display: block;
}

#channels ul li .description
{
    font-size: 18px;
}

#channels ul li .fact
{
    color: #1fbec8;
    overflow: hidden;
}

#channels ul li span.l {
    padding-left: 23px;
    height: 48px;
}

#channels ul ul.medialist
{
    margin:10px;
}
#channels ul ul.medialist li
{
    float:none;
    width:100%;
}

div.programmeplanner
{
    background:url("../images/planner-bg.png") no-repeat bottom right;
    background-size:100%;
    padding:0 20px;
    margin-bottom:-45px;
    min-height:412px;
}
div.programmeplanner h2
{
    background-image:url("../images/banner-header-divide2.gif");
    font-size:27px;
    margin-bottom:0;
    padding-top:70px;
}
aside#research h2
{
    background-image:url("../images/banner-header-divide2.gif");
    margin-bottom:0;
    margin-top:30px;
}
aside#research p
{
    font-size:15px;
}
div.programmeplanner p
{
    font-size:15px;
    max-width:400px;
}

ul.stats
{
    padding:20px 0;
}
aside#research ul.stats
{
    padding:0 0 0 30px;
}
ul.stats li::before {
    background: url("../images/stat_icons.png") no-repeat 0 0;
    content: "";
    display: inline-block;
    height: 150px;
    left: 0;
    position: absolute;
    top: 0;
    width: 151px;
}

ul.stats li
{
    padding:30px 20px 30px 170px !important;
    font-size:15px !important;
    min-height:160px;
    position: relative;
    background: none !important;
}
ul.stats li.twitter:before{ background-position: 0 -150px; }
ul.stats li.discussion:before { background-position: 0 -300px; }
ul.stats li.youtube:before{ background-position: 0 -450px; }
ul.stats li.arrow-up:before{ background-position: 0 -600px; }
ul.stats li.computer:before{ background-position: 0 -750px; }
ul.stats li.facebook:before{ background-position: 0 -900px; }
ul.stats li.female:before{ background-position: 0 -1050px; }
ul.stats li.heart:before{ background-position: 0 -1200px; }
ul.stats li.male:before{ background-position: 0 -1350px; }
ul.stats li.male-female:before{ background-position: 0 -1500px; }
ul.stats li.mobile:before{ background-position: 0 -1650px; }
ul.stats li.mouse:before{ background-position: 0 -1800px; }
ul.stats li.people:before{ background-position: 0 -1950px; }
ul.stats li.pound:before{ background-position: 0 -2100px; }
ul.stats li.remote-control:before{ background-position: 0 -2250px; }
ul.stats li.shooting-star:before{ background-position: 0 -2400px; }
ul.stats li.smiley-face:before{ background-position: 0 -2550px; }
ul.stats li.speech-bubble:before{ background-position: 0 -2700px; }
ul.stats li.star:before{ background-position: 0 -2850px; }
ul.stats li.tablet:before{ background-position: 0 -3000px; }
ul.stats li.thumbs-up:before{ background-position: 0 -3150px; }
ul.stats li.tick:before{ background-position: 0 -3300px; }
ul.stats li.trophy:before{ background-position: 0 -3450px; }
ul.stats li.world:before{ background-position: 0 -3600px; }

ul.stats li strong
{
    font-weight:400;
    display:block;
    line-height:70px;
    font-size:96px;
    color:#a90061 !important;
}
ul.stats li strong span
{
    font-size:48px;
}

aside#research:after, body.casestudy #stats:after, #regional:after
{
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;

    border: 18px solid transparent;
    border-top-color: #FFF;

    top: 100%;
    left: 50%;
    margin-left: -18px;
    z-index:3;
}
aside#talktous
{
    background:url("../images/where-brands-live.jpg") no-repeat center;
    padding:0;
    min-height:435px;
    color:#FFF;
}
aside#talktous h2
{
    font-size:27px;
    margin:40px 0 0 0;
}
aside#talktous p
{
    max-width:480px;
    font-size:15px;
}

#programmes
{
    margin:30px 0 0 0;
    padding:30px 0 0 0;
}
#programmes ul.cards
{
    padding-bottom:30px;
}
div.tabbed
{
    padding-bottom:10px;
}
div.tabbed.content, div.tabbed.myaccount
{
    padding-top:20px;
}

div.panel_content.account_2 ul.cards {
    display: none;
}

div.panel_content.account_2 ul.cards:first-child {
    display: block;
}

div.tabbed ul li
{
    display:inline;
}
div.tabbed.searchresults ul li, div.tabbed.fusion ul li
{
    width:20%;
}
div.tabbed ul li a
{
    margin-right:20px;
    float:left;
    display:block;
    text-decoration:none;
    background:#FFF;
    padding:15px 70px;
    color:#333333;
    font-size:16px;
    background:#FFF url("../images/tab-icons.png") no-repeat 35px -35px;
    background-size:27px;
    transition: none;
}
div.tabbed ul li:last-child a
{
    margin:0;
}
div.tabbed.searchresults ul li a, div.tabbed.content ul li a, div.tabbed.myaccount ul li a
{
    padding:15px 30px;
    background-image:none;
    text-align:center;
}
div.tabbed.myaccount ul li a
{
    padding:15px 60px;
}
div.tabbed.fusion ul li a
{
    display:table-row;
    width: 120px;
    padding: 5px 32px 7px 32px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3em;
}
div.tabbed ul li a.active, div.tabbed ul li a:hover
{
    background-color:#fda929;
    color:#FFF;
}
div.tabbed div.panel
{
    display:none;
    background:#fda929;
    text-align:center;
    color:#FFF;
    padding:10px;
    font-size:14px;
}
div.tabbed div.panel.empty
{
    padding:2px;
}
div.panel_content
{
    display:none;
}
div.tabbed div.panel.active, div.panel_content.active
{
    display:block;
}
div.tabbed div.panel select
{
    min-width:235px;
}
div.tabbed div.panel select.fullwidth
{
    width:100%;
    padding:10px 15px;
    font-size:20px;
}

div.tabbed ul li#current-scheduling a{ background-position: 35px -135px; }
div.tabbed ul li#current-scheduling a.active, div.tabbed ul li#current-scheduling a:hover{ background-position: 35px -85px; }
div.tabbed ul li#new-commisions a.active, div.tabbed ul li#new-commisions a:hover{ background-position: 35px 15px; }

div.tabbed.dark ul li a.active, div.tabbed.dark ul li a:hover
{
    background-color:#363636;
}
div.tabbed.content .panel
{
    background: #333333;
    text-align:left;
    padding:6% 9%;
    font-size:15px;
}
.intropanel
{
    background:#FFF;
    padding:30px 40px 20px 40px;
    margin-bottom:20px;
}
body .intropanel h2
{
    font-size:20px;
    color:#333 !important;
}

.intropanel.bullets ul li, .generic ul li, ul.bullets li, .introquote ul:not(.medialist) li
{
    font-size:15px;
    background:url("../images/small-bullet.png") no-repeat 0 8px;
    padding:0 0 17px 25px;
}
.intropanel.bullets.magenta ul li, .generic ul.magenta li
{
    background-image:url("../images/small-bullet_magenta.gif");
}
.left .intropanel
{
    margin-top:20px;
}

.introquote p a
{
    color:#1fbec8;
}
.introquote p a:hover
{
    color:#000;
}

.generic img[align="left"]
{
    margin:20px 25px 25px 0;
    float:left;
}
.generic img[align="right"]
{
    margin:20px 0 25px 25px;
    float:right;
}

.generic p
{
    font-size:15px;
}
.generic ul
{
    padding:25px 0;
}
.intropanel ul li strong
{
    color:#19bec8;
}

p.whybutton a
{
    margin-top:30px;
}

table.keydata
{
    width:100%;
    max-width:390px;
    color:#333333;
    font-size:16px;
    margin-bottom:10px;
}
table.keydata.fullwidth
{
    max-width:100%;
}
table.keydata th, table.keydata td
{
    width:50%;
    vertical-align:top;
    padding:10px 20px;
    border:1px solid #d5e0e0;
    background:#FFF;
}
table.keydata th
{
    background:#b5c8c9;
    font-weight:400;
    text-align:left;
}
table.keydata tr.heading th
{
    border:0;
    background:none;
}

#stats, #regional
{
    position:relative;
    background-color: #FFF;
    padding: 45px 0;
}
#stats ul.stats li
{
    width:50%;
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

#stats div.quickstats, div.dotteddivide
{
    margin:20px 0 0 0;
    padding:50px 0 0 0;
    background: url(../images/divide2.png) no-repeat center top;
}
div.dotteddivide
{
    padding:20px 0;
}
#stats div.quickstats ul
{
    margin:0 -25px;
}
#stats div.quickstats ul li
{
    float:left;
    display:inline;
    width:25%;
    padding:0 25px;
    font-size:15px;
    color:#333333;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
#stats div.quickstats ul li strong
{
    font-weight:400;
    font-size:48px;
    color:#a90061;
    line-height: 14px;
}
#stats div.quickstats ul li strong span
{
    font-size:24px;
}


h2.csi:before
{
    content: "";
    display: inline-block;
    background:url(../images/casestudyicons.png) no-repeat 0 0;
    width: 37px;
    height: 37px;
    margin: 0 7px -9px 0;
}
h2.csi.results:before{ background-position:0 -212px;}
h2.csi.insight:before{ background-position:0 -70px;}
h2.csi.idea:before{ background-position:0 -283px;}
h2.csi.implementation:before{ background-position:0 -141px;}

#casestudydetail
{
    margin-top:30px;
    padding:35px 0;
    font-size:15px;
}
#casestudydetail div.wrapper
{
    padding:15px 10px;
}
#casestudydetail .left, #casestudydetail .right
{
    padding-right:5%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}


aside#news ul.more
{
    background: url(../images/divide2.png) no-repeat center top;
}
aside#news ul.more li
{
    background: url(../images/divide2.png) no-repeat center bottom;
    display:block;
}
aside#news ul.more li a
{
    display:block;
    text-decoration:none;
    color:#333333;
    font-size:18px;
    line-height:1.3em;
    padding:18px 60px 18px 10px;
    background:url(../images/go_icon_clear.png) no-repeat 97% 50%;
}
aside#news ul.more li a:hover
{
    opacity:0.8;
}

.panelimgbg
{
    margin-top:30px;
    background:url(../images/insight-bg.jpg);
    min-height:330px;
    padding:7% 7% 20px 7%;
    color:#FFF;
}

footer
{
    clear:both;
    color:#FFF;
    background:#333333;
    font-family:itv, arial, sans-serif;
    margin-bottom:30px;
    -webkit-box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
    box-shadow: 0 3px 5px 0 rgba(0,0,0,0.5);
}
footer .subscribe, footer .brands
{
    padding:20px 0;
    background:url(../images/divide.png) no-repeat center bottom;
}
footer .brands
{
    padding:25px 10px;
}

footer .brands:after {
  content: "";
  display: block;
  clear: both;
}

footer .brands span
{
    display:block;
    background-size:100%;
    height:40px;
}

footer .brands img {
  vertical-align: middle;
}

footer .brands a {
  width: 12.5%;
  float: left;
}

footer .brands img {
  width: 100%;
}

footer .subscribe label
{
    font-size:18px;©
    font-weight:400;
    float:left;
    width:35%;
}
footer .subscribe div.input
{
    float:right;
    width:65%;
}
footer .subscribe input, .filterpanel .search input, section.fixed div.panel.login input, #plannerstrip input, #contactfilter input[type="text"]
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:0;
    background:#FFF;
    outline:0;
    color: #333333;
    width:75%;
    padding:8px 0;
    text-indent:20px;
    font-size:18px;
    line-height:22px;
    vertical-align: middle;
}
footer .subscribe input, .filterpanel .search.subscribe input, #plannerstrip input
{
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}
.filterpanel .search input, #contactfilter input[type="text"]
{
    padding:7px 0;
    max-width:615px;
    -webkit-box-shadow: inset 3px 3px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 3px 3px 8px 0px rgba(0,0,0,0.3);
    box-shadow: inset 3px 3px 8px 0px rgba(0,0,0,0.3);
}
#contactfilter input[type="text"], #contactfilter select
{
    width:100%;
    padding:8px;
    margin-top:10px;
    box-sizing:border-box;
}

#contactfilter input#postcode
{
    background-image:url("../images/postcode-icon.png");
    background-repeat:no-repeat;
    background-position:10px 9px;
    padding-left:20px;
    font-size:15px;
}

footer .subscribe button.button, .filterpanel .subscribe button.button, #plannerstrip button.button
{
    font-size:18px;
    -webkit-border-radius: 0 5px 5px 0;
    -moz-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    padding:6px 0 10px 0;
    width:25%;
    line-height:22px;
    vertical-align: middle;
}
.filterpanel .subscribe button.button
{
    width:110px;
}
#plannerstrip button.button
{
    width:90px;
}


section[role="main"] div.explore
{
    padding-bottom:40px;
}
section[role="main"] div.explore p.actions
{
    padding:20px 0;
}
section[role="main"] div.explore p.actions a
{
    margin:5px;
}
section[role="main"] a
{
    color:#1fbec8;
    text-decoration:none;
}
section[role="main"] a:hover
{
    text-decoration:underline;
}
.vip-article section[role="main"] a {
    color:#9d7c37;
}

#searchresults
{
    padding-bottom:30px;
}
#searchresults li
{
    background:url(../images/divide2.png) no-repeat center bottom;
    padding:25px 7%;
}
#searchresults li time
{
    font-size:14px;
}
#searchresults li h2
{
    font-size:24px;
    background:none;
    padding:0;
    margin:0;
}
#searchresults li p
{
    font-size:15px;
}

section.fixed div.panel
{
    margin:120px auto 0 auto;
    text-align:center;
    width:95%;
    max-width:830px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:rgba(18, 18, 18, 0.7);
    padding:3%;
    color:#FFF;
    box-sizing:border-box;
}
section.fixed div.panel div.foot
{
    background:url(../images/divide2.png) no-repeat center top;
    text-align:center;
    padding:25px 0 0 0;
    margin-top:30px;
    font-size:13px;
}
section.fixed div.panel div.head
{
    background:url(../images/divide2.png) no-repeat center bottom;
    padding:0 0 25px 0;
    margin-bottom:30px;
}
section.fixed div.panel div.foot h3
{
    color:#1fbec8;
    font-size:18px;
    text-align:center;
}
section.fixed div.panel div.foot a
{
    color:#1fbec8;
    text-decoration:none;
}
section.fixed div.panel div.foot p
{
    max-width:320px;
    margin:0 auto;
}

section.fixed div.panel h1
{
    margin-bottom:30px;
}
section.fixed div.panel button.button
{
    margin:20px 0;
    width:295px;
    padding-left:0;
    padding-right:0;
}
section.fixed div.panel.login input
{
    max-width:490px;
    margin:8px 0;
    padding:20px 0;
    text-align:center;
    font-size:20px;
}

ul.ticks li
{
    background:url("../images/tick_bullet.png") no-repeat left center;
    background-size:15px;
    padding-left:25px;
    color:#1fbec8;
    font-style:italic;
}
div.panel.register ul.ticks
{
    text-align:left;
    max-width:500px;
    margin:0 auto;
    font-size:15px;
    padding:20px 0 0 0;
}
div.form
{
    text-align:left;
    max-width:840px;
}
div.register div.form
{
    max-width:665px;
    margin:0 auto;
}
div.panel_content div.form
{
    padding:30px 0;
}
div.form label,
.formidable .label
{
    font-size:16px;
    display:block;
    padding-bottom: 10px;
}
.formidable .label label {
    display: inline-block;
}

.formidable .has_label label,
.formidable .has_label .counter {
    font-size: 14px;
    opacity: 0.8
}

.formidable .checkbox .label,
.formidable .radio .label {
    border-bottom: solid 1px white;
    margin-bottom: 10px
}

div.form div.field,
.formidable .element
{
    padding-bottom:20px;
}
.formidable .element.radio:after {
    clear: both;
    content: "";
    display: block;
}
div.form div.buttonrow
{
    padding-top:40px;
}
div.form .checkbox label,
.formidable .radio span,
.formidable .checkbox span
{
    display:inline;
}
div.form label span,
.formidable .label span
{
    color:#24bbc4;
}

.formidable {
    padding: 40px;
    width: 650px;
    max-width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}

div.form input[type="text"], div.form textarea, div.form input[type="email"], div.form input[type="password"], div.form select,
.formidable input[type="text"], .formidable textarea, .formidable input[type="email"], .formidable input[type="password"], .formidable select
{
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid #d5e0e0;
    background:#FFF;
    box-sizing: border-box;
    outline:0;
    color:#000;
    width:100%;
    padding:8px 10px;
    font-size:18px;
    line-height:22px;
    vertical-align: middle;
    font-family:itv, sans-serif;
}
div.form select,
.formidable select {
  height: 43px;
}
div.register div.form input[type="text"], div.register div.form textarea, div.register div.form input[type="email"], div.register div.form input[type="password"], div.register div.form select,
.formidable input[type="text"], .formidable textarea, .formidable input[type="email"], .formidable input[type="password"], .formidable select
{
    -webkit-box-shadow: inset 3px 3px 8px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: inset 3px 3px 8px 0px rgba(0,0,0,0.3);
    box-shadow: inset 3px 3px 8px 0px rgba(0,0,0,0.3);
    border:0;
}

 .formidable textarea {
    height: 100px;
    resize: none;
 }

div.form div.left
{
    padding-right:1%;
}
div.form div.right
{
    padding-left:1%;
}
div.form ul.checkboxes
{
    padding:10px 0;
}
div.form ul.checkboxes label
{
    font-size:13px;
}
div.form ul.checkboxes li.checkbox
{
    float:left;
    margin-right:30px;
}
div.form ul.checkboxes li.checkbox:last-of-type
{
    margin:0;
}

#pr table
{
    width:100%;
    /*width:106%;
    margin:0 -3%;*/
    margin-bottom:30px;
}
#pr table td, #pr table th
{
    background: url(../images/divide2.png) no-repeat center bottom;
    padding:5px 15px;
    vertical-align:middle;
}
#pr table th
{
    font-size:14px;
    font-style:italic;
    color:#7E7E7E;
    font-weight:400;
}
#pr table tr th:first-child, #pr table tr td:first-child
{
    padding-left:3%;
}
#pr table tr th:last-child, #pr table tr td:last-child
{
    padding-right:3%;
}
#pr table td.icon
{
    width:1%;
    min-width:97px;
    padding-right:0;
}
#pr table td.checkbox
{
    width:1%;
    min-width:30px;
}
#pr table td.name span
{
    font-size:500;
    color:#19bec8;
}
#pr table td.name
{
    cursor: pointer;
}
#pr table tr.detail
{
    background:#FFF;
    display:none;
}
#pr table tr.detail td
{
    padding-top:30px;
    padding-bottom:40px;
}
#plannerstrip
{
    margin: 40px 0;
}
#plannerstrip div.wrapper
{
    padding:10px 0;
}
#plannerstrip ul
{
    width:100%;
}
#plannerstrip ul li
{
    display:inline;
    float:left;
    width:25%;
}
#plannerstrip ul li:last-child
{
    width:50%;
}

#plannerstrip div.left{
    width:35%;
    padding-right: 0;
}

#plannerstrip div.right{
    width:65%;
    text-align: left;
    margin-bottom: 10px;
}

#plannerstrip input
{
    width:80%;
    max-width:500px;
}

#tv
{
    margin-top:30px;
    position:relative;
    text-align:center;
    padding:5%;
    background-image: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #C9D4DA),
        color-stop(1, #93C4C8)
        );
    background-image: -o-linear-gradient(bottom, #C9D4DA 0%, #93C4C8 100%);
    background-image: -moz-linear-gradient(bottom, #C9D4DA 0%, #93C4C8 100%);
    background-image: -webkit-linear-gradient(bottom, #C9D4DA 0%, #93C4C8 100%);
    background-image: -ms-linear-gradient(bottom, #C9D4DA 0%, #93C4C8 100%);
    background-image: linear-gradient(to bottom, #C9D4DA 0%, #93C4C8 100%);
}
#tv img
{
    margin:0 auto;
    -webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.75);
}

#ukmap
{
    background:url("../images/uk-map-labelled.png") no-repeat 0 0;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    width: 445px;
    max-width: 100%;
    position:relative;
    margin: 0 auto;
}
#ukmap:before {
  content: "";
  padding-top: 150%;
  display: block;
}

#ukmap div.pin
{
    background:url("../images/map-pin.png") no-repeat 0 0;
    background-size:33px;
    display:block;
    position:absolute;
    top: 0px;
    min-height:36px;
    min-width:33px;
    transition:none;
    cursor:pointer;
}
#ukmap div.pin div.address
{
    display:none;
    position:absolute;
    bottom: 55px;
    left:0;
    margin-left:-109px;
    background:#FFF;
    width: 390px;
    min-height: 175px;
    padding:14px 162px 14px 17px;
    font-size:14px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    z-index:10;
    cursor: auto;
}
#ukmap div.pin div.address .avatar{
    position: absolute;
    right: 0;
    top: 0;
}
#ukmap div.pin div.address .address__title{
    margin-bottom: 5px;
}
#ukmap div.pin div.address .telephone{
    display: inline-block;
    background:url("../images/tel_icon.png") no-repeat 0 6px;
    padding: 3px 0 3px 23px;
    color: #1fbec8;
}
#ukmap div.pin div.address .email{
    display: inline-block;
    background:url("../images/email_icon.png") no-repeat 0 8px;
    padding: 3px 0 3px 23px;
    color: #1fbec8;
}
.no-touch #ukmap div.pin:hover div.address, .touch #ukmap div.pin.active div.address
{
    display:block;
}
#ukmap div.pin div.address:after
{
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 16px solid transparent;
    border-top-color: #FFF;
    top: 100%;
    left: 31%;
    margin-left: -16px;
}
#ukmap div.pin div.address h3
{
    color: hsl(184, 73%, 45%);
}

#ukmap div.pin div.address h4
{
	margin-top: 1em;
    color: hsl(184, 73%, 45%);
}

#ukmap div.pin div.address p
{
    padding:0;
}
#ukmap div.pin div.address p.tel
{
    background: url("../images/tel_icon.png") no-repeat 0 7px;
    padding: 5px 0 0 20px;
    color:#1fbec8;
}
ul.contactcards li
{
    clear:both;
    margin-bottom:30px;
    background:#FFF;
}
ul.contactcards li div.c
{
    background:url("../images/contactitem.png") no-repeat 97% 20px;
    background-size:33px;
    font-size:15px;
}
ul.contactcards li div.c h3
{
    font-size:18px;
    padding:25px 0 5px 0;
    margin-left:20px;
}
ul.contactcards li div.c p
{
    padding:0;
    margin-left:20px;
}
ul.contactcards li div.c img
{
    float:left;
    margin-right: 20px;
}
ul.contactcards li div.w
{
    clear:both;
    color:#FFF;
    background:#1fbec8;
    padding:10px 20px 12px 20px;
    font-size:18px;
}
ul.contactcards li div.w a
{
    color:#FFF;
    text-decoration:none;
    float:right;
}


#regional .wrapper
{
    max-width:830px;
    font-size:15px;
}
#regional h2
{
    padding-top:60px;
}
#regional img.ukmap
{
    width:355px;
    height:494px;
    display:block;
}
#regional div.selector
{
    padding:10px 0 30px 0;
    margin-bottom:10px;
    background:url("../images/divide.png") no-repeat center bottom;
}
#regional map area
{
    outline:0;
    cursor:default;
}
#regional div.mapcontainer
{
    width:355px;
    height:494px;
    position:relative;
    cursor:default;
}
footer {
    position: relative;
}

footer .copy
{
    font-size:13px;
    padding-top:25px;
    padding-bottom:25px;
}
footer .copy div.links
{
    float:right;
    margin-top: 8px;
}
footer .copy div.links a
{
    color:#FFF;
    text-decoration:none;
}
footer .copy div.links span
{
    margin:0 10px;
}
footer .copy .sub {
  clear: both;
  text-align: right;
}

footer .tweets {
    background: url("../images/twitter-bg.svg") no-repeat left 50px #00bec9;
    padding: 20px 0 70px;
}

.featured-news .tweets {
    padding: 0 30px;
}

footer .twitter-heading{
    margin-bottom: 40px;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
footer .twitter-heading:before {
    content:url("../images/twitter-icon.svg");
    padding-right: 15px;
    height: 43px;
}
.featured-news .tweets h2:before {

   content:url("../images/twitter-icon-white.svg");
    padding-right: 10px;
    height: 24px;
    display: inline-block;
    position: relative;
    top:3px;
}

footer .tweets h2
{
    font-size:32px;
    font-weight:400;
    line-height: 32px;
}
.featured-news .tweets h2 {
    font-size: 20px;
    line-height: 24px;;
}
footer .tweets h2 a,
.featured-news .tweets h2 a {
    text-decoration:none;
}
footer .tweets h2 a:hover,
.featured-news .tweets h2 a:hover {
    text-decoration:underline;
}

footer .tweets ul.list:after,
.featured-news ul.list:after
{
    content: "";
    clear: both;
    display: block;
}
footer .tweets ul.list li.tweet-item
{
    float:left;
    width:33.3%;
}
footer .tweets ul.list li .avatar,
.featured-news ul.list li .avatar
{
    background: #434a54;
    height: 42px;
    width: 42px;
    float:left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top:5px;
    overflow: hidden;
}
footer .tweets ul.list li div.tweet,
.featured-news ul.list li div.tweet
{
    margin-left:60px;
    margin-right:30px;
    font-size:14px;
}
footer .tweets ul.list li div.tweet p,
.featured-news ul.list li div.tweet p
{
    color: #fff;
    margin:0;
    padding:0;
}
footer .tweets ul.list li div.tweet a, footer .tweets h2 a, footer .tweets .actions li a,
.featured-news .tweets ul.list li div.tweet a, .featured-news .tweets h2 a, .featured-news .tweets .actions a
{
    color:#ffffff;
}
footer .tweets ul.list li div.tweet p a:hover,
.featured-news .tweets ul.list li div.tweet p a:hover
{
    color: #434a54;
}
footer .tweets ul.list li div.tweet time,
.featured-news .tweets ul.list li div.tweet time
{
    font-size: 13px;
    padding-top:3px;
    display:block;
    color: #fff;
}

footer .tweets .actions,
.featured-news .tweets .actions {
    margin-top: 15px;
}

footer .tweets .actions li,
.featured-news .tweets .actions li{
    display: inline-block;
    font-size: 12px;
    margin-right: 10px;
}

footer .tweets .actions li a,
.featured-news .tweets .actions li a {
    text-decoration: none;
}

footer .tweets .actions li a:hover,
.featured-news .tweets .actions li a:hover {
    color: #ffffff;
    text-decoration: underline;
}

footer .tweets .actions li a:before,
.featured-news .tweets .actions li a:before {
    background: url(../images/twitter-action-icons.svg) no-repeat;
    content: "";
    display: inline-block;
    float: left;
    height: 16px;
    margin-right: 5px;
    width: 20px;
}

footer .tweets .actions li a.retweet:before,
.featured-news .tweets .actions li a.retweet:before {
    background-position: 0 -16px;
}

footer .tweets .actions li a.like:before,
.featured-news .tweets .actions li a.like:before  {
    background-position: 0 -32px;
}

footer div.follow
{
    padding-top: 30px;
    text-align: center;
}

#overlay
{
    display:none;
    background:rgba(26, 26, 26, 0.9);
    position:fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:30;
}
div.overlayed
{
    display:none;
    position:absolute;
    z-index:40;
    width:100%;
    padding:20px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    text-align:center;
}
div.subscribe_thanks
{
    margin-top:-20%;
}
div.list_add, div.filter-alert
{
    top:4%;
}
div.overlayed a
{
    color:#00bec9;
}
div.overlayed a:hover
{
    color:#000;
}
div.overlayed div.close
{
    background:url("../images/overlay-close.png") no-repeat 0 0;
    background-size:38px;
    width:38px;
    height:38px;
    position:absolute;
    top:-20px;
    right:-20px;
    cursor:pointer;
}
div.overlayed div.close:hover
{
    opacity:0.8;
}
div.overlayed div.c
{
    position:relative;
    max-width:660px;
    padding:4% 5%;
    background:#F0F0F0 url("../images/overlay-bg.jpg") no-repeat center top;
    color:#333333;
    margin:0 auto;
    text-align:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
div.overlayed div.c p
{
    padding:12px 0;
}

div.list_add .list
{
    border:1px solid #CCC;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-top:10px;
}
div.list_add .list .create a
{
    display:block;
    text-decoration:none;
    background:#e3ecec url("../images/plus-icon2.png") no-repeat 19px 11px;
    padding: 8px 10px 10px 50px;
    font-size:15px;
    color:#808080;
}
div.list_add .list .create a:hover
{
    color:#000;
}
div.list_add .list .search
{
    background:#e3ecec url("../images/search-icon2.png") no-repeat 19px 12px;
    padding: 8px 10px 10px 50px;
}
div.list_add .list .search input
{
    background:transparent;
    border:0;
    outline:0;
    color:#808080 !important;
    font-size:15px;
    font-family:itv, arial, sans-serif;
}
div.list_add .list ul.checkboxes
{
    border-top:1px solid #CCC;
    border-bottom:1px solid #CCC;
    padding:5px 20px;
    background:#FFF;
    max-height:340px;
    overflow:scroll;
    overflow-x:hidden;
}
div.list_add .list ul.checkboxes li
{
    padding:8px 0;
}
div.list_add .list ul.checkboxes li label
{
    font-size:15px;
    color:#333333;
}
div.list_add #newList
{
    font-size:15px;
    color:#333333;
    padding: 5px 8px;
    margin: 6px 20px;
    width: 200px;
}
div.padded.darkbg.explore.list_add.overlayed {
    display: none;
    top: 0;
}
div.padded.darkbg.explore.list_add.overlayed .wrapper h2.nomargin.centered {
    display: inline-block;
    font-size: 27px;
}
div.padded.darkbg.explore.list_add.overlayed .wrapper .close {
    right: -30px;
    top: -30px;
}
#account_programme_list li.remove_list {
    display: none;
    padding-left: 10px;
}
#account_programme_list li.remove_list:first-child {
    display: block;
}

img.f_right
{
    float:right;
    margin:20px 0 20px 20px;
}
img.f_left
{
    float:left;
    margin:20px 20px 20px 0;
}
div.introquote img.f_right
{
    margin-top:-60px;
}

a.button, button.button, #regionname, .formidable .submit {
    font-family:itv, arial, sans-serif;
    cursor:pointer;
    display:inline-block;
    background-color:#00bec9;
    outline:0;
    border:0;
    color:#FFF !important;
    font-size:15px;
    text-decoration:none !important;
    font-weight:400;
    line-height:16px;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    -webkit-border-radius: 50em;
    -moz-border-radius: 50em;
    border-radius: 50em;

    text-align:center;
    padding:10px 40px 12px 40px;

    margin:0 auto;

    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;

    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;

    position:relative;
}
a.button.white, button.white{ color:#333333 !important; background-color:#FFF;}
a.button.black{	background-color:#333333;}
a.button.magenta{	background-color:#a90061;}
a.button.darkmodyel{ background-color:#87782c;}
a.button.yellow{ background-color:#fda929;}
a.button.gold, button.button.gold{ background-color:#9d7c37;}
button.button.grey{ background-color: #aaaaaa;}

a.button:hover, button.button:hover{	background-color:#00ceda;}
a.button.white:hover{ color:#000 !important; background-color:#EAEAEA;}
a.button.black:hover{	background-color:#666;}
a.button.magenta:hover{	background-color:#c9117b;}
a.button.darkmodyel:hover{ background-color:#b09d3e;}
a.button.yellow:hover{ background-color:#ffbe5b;}
a.button.gold, button.button.gold:hover{ background-color:#ba9a56;}
button.button.grey:hover{ background-color: #aaaaaa;}

a.button.large, button.button.large
{
    font-size:22px;
    padding:20px 60px 22px 60px;
}
a.button.full, button.button.full
{
    display:block;
    width:100%;
    padding-left:0;
    padding-right:0;
}

a.button.plus, a.button.dark_dl, a.button.dark_plus
{
    background-image:url("../images/plus-icon.png");
    background-repeat:no-repeat;
    background-position:25px 50%;
    padding-left:60px;
}
a.button.dark_dl, a.button.dark_plus
{
    background-position:7px;
    min-width:230px;
}

a.button.dark_dl
{
    background-image:url("../images/button-dl-icon.png");
    background-size:27px;
}
a.button.dark_plus
{
    background-image:url("../images/button-plus-icon.png");
    background-size:27px;
}

a.button.arrow
{
    background-image:url("../images/button-arrows.png");
    background-repeat:no-repeat;
    padding-right:60px;
}
a.button.arrow.up
{
    background-position:90% 13px;
}
a.button.arrow.down
{
    background-position: 90% -16px;
}

a.button.programme
{
    font-size: 13px;
    padding: 6px 0 8px 0;
    width:100%;
}

a.button.button--left-block {
    -webkit-border-radius: 50em 0 0 50em;
    -moz-border-radius: 50em 0 0 50em;
    border-radius: 50em 0 0 50em;
}

a.button.button--right-block {
    -webkit-border-radius: 0 50em 50em 0;
    -moz-border-radius: 0 50em 50em 0;
    border-radius: 0 50em 50em 0;
}

a.button.gala,
.gala-main .formidable .submit {
    background: none;
    border: solid 1px #e44ab2;
    border-radius: 5px;
    box-shadow: 0 0 16px 8px rgba(252,81,195,0.15);
}

a.button.gala:hover,
.gala-main .formidable .submit:hover {
    background: #e44ab2;
}

button.close,
a.go-back {
    background: none;
    border: none;
    padding: 0 0 0 25px;
    cursor: pointer;
    color: #9d7c37;
    font-size: 15px;
    background: url(../images/gold-back-icon.png) no-repeat 0 3px;
}

button.close {
    background-image: url(../images/gold-close-icon.png);
    padding-top: 2px;
    padding-bottom: 2px;
}

a.pinned-button {
    position: absolute;
    top: 0;
    right: 20px;
    border-radius: 0 0 20px 20px;
}

#regionname
{
    display:none;
    position:fixed;
    top:0;
    left:0;
    z-index:30;
    padding:6px 0 8px 0;
    width:110px;
    text-align:center;
    white-space:nowrap;
    cursor:none;
}

div.mobilenav
{
    display:none;
    position:absolute;
    top:30px;
    right:25px;
}

div.mobilenav ul li {
    display: inline-block;
}

#hamburger
{
    cursor:pointer;
    display: block;
    width: 50px;
    height: 36px;
    position: relative;
    z-index: 2;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
    background: #19bec8;
    content: '';
    display: block;
    width: 50px;
    height: 4px;
    position: absolute;
    left: 7px;
}
#hamburger:before
{
    top:0px;
}
#hamburger:after
{
    bottom:0px;
}
#hamburger span
{
    top: 50%;
    margin-top: -2px;
}

/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
    transition: none 0.5s ease 0.5s;
    transition-property: transform, top, bottom, left, opacity;
}
html.mm-opening #hamburger span
{
    left: -50px;
    opacity: 0;
}
html.mm-opening #hamburger:before
{
    transform: rotate( 45deg );
    top: 16px;
}
html.mm-opening #hamburger:after
{
    transform: rotate( -45deg );
    bottom: 16px;
}

div.errors, .formidable .error,
.parsley-errors-list {
    color: red;
}

li.no-bullets {
    list-style-type: none;
}


/* channel specific overrides */
/* ITV 4 */
body.itv-4 section[role="main"]
{
    background: url("../images/itv4-bg-03.jpg") repeat;
}
body.itv-4 section[role="main"] h2, body.itv-4 section[role="main"] h1
{
    background: url("../images/header-divide_itv4.gif") no-repeat bottom left;
}
body.itv-4 section[role="main"] a.button
{
    background-color:#869BA4;
}
body.itv-4 section[role="main"]::before {
    background:none;
}

/* ITV 2 */
body.itv-2 section[role="main"]
{
    background-image: -webkit-linear-gradient(to left bottom, #40E1F2, #00E4B0); /* For Safari 5.1 to 6.0 */
    background-image: -o-linear-gradient(to left bottom, #40E1F2, #00E4B0); /* For Opera 11.1 to 12.0 */
    background-image: -moz-linear-gradient(to left bottom, #40E1F2, #00E4B0); /* For Firefox 3.6 to 15 */
    background-image: linear-gradient(to left bottom, #40E1F2, #00E4B0); /* Standard syntax */
}
body.itv-2 section[role="main"]::before {
    background:none;
}
body.itv-2 section[role="main"] h2, body.itv-2 section[role="main"] h1
{
    background: url("../images/header-divide_itv2.gif") no-repeat bottom left;
}
body.itv-2 section[role="main"] a.button
{
    color:#000 !important;
}
body.itv-2 div.left.introquote, body.itv-2 section[role="main"] h2
{
    color:#000;
}

body.itv-2 .intropanel ul.stats li::before {
    background: rgba(0, 0, 0, 0) url("../images/itv2_stat_icons.png") no-repeat scroll 0 0
}

body.itv-2 .intropanel ul li strong {
    color: #19bec8 !important;
}

/* ITV 3 */
body.itv-3 section[role="main"]
{
    background: url("../images/itv3-bg-04.jpg") repeat;
}
body.itv-3 section[role="main"] h2, body.itv-3 section[role="main"] h1
{
    background: url("../images/header-divide_itv3.gif") no-repeat bottom left;
}
body.itv-3 section[role="main"] a.button
{
    background-color:#8083BC;
}
body.itv-3 div.left.introquote, body.itv-3 section[role="main"] h2
{
    color:#FFF;
}
body.itv-3 section[role="main"]::before {
    background:none;
}

/* ITV encore */
body.itv-encore section[role="main"]
{
    background: url("../images/itv-encore-bg-02.jpg") repeat;
}
body.itv-encore section[role="main"] h2, body.itv-encore section[role="main"] h1
{
    background: url("../images/header-divide_itvencore.gif") no-repeat bottom left;
}
body.itv-encore section[role="main"] a.button
{
    background-color:#cebdae;
}
body.itv-encore div.left.introquote, body.itv-encore section[role="main"] h2
{
    color:#FFF;
}
body.itv-encore section[role="main"]::before {
    background:none;
}

/* ITV be */
body.itv-be section[role="main"]
{
    background: url("../images/itv-be-bg-01.jpg") no-repeat top center;
}
body.itv-be section[role="main"] h2, body.itv-be section[role="main"] h1
{
    background: url("../images/header-divide_itvbe.gif") no-repeat bottom left;
}
body.itv-be section[role="main"] a.button
{
    background-color:#FFCA6C;
}
body.itv-be div.left.introquote, body.itv-be section[role="main"] h2
{
    color:#FFF;
}
body.itv-be section[role="main"]::before {
    background:none;
}

/* ITV rugby (news article) */
body.rugby2015 section[role="main"]
{
    background: #051C2C url("../images/itv-rugby-bg.jpg") no-repeat bottom center;
    color:#FFF;
    padding-bottom:160px;
}
body.rugby2015 section[role="main"]:before
{
    display:none;
}
body.rugby2015 div.tags span
{
    color:#FFF;
}
body.rugby2015 section[role="main"]::before {
    background:none;
}

#disclaimer {
    font-size: 13px;
}

#disclaimer p {
    padding: 6px 0;
}

#programmes a#current {
    background-image: url('../images/remote.png');
    background-position: 35px center;
}

#programmes a#new {
    background-image: url('../images/star.png');
    background-position: 35px center;
}

header#loggedIn {
    top: 50px;
}

.register-fullname {
    display: none;
}

body.case-studies form#filter-options a.button.reset {
    margin-top: 20px;
}

/* COUNT DOWN */
/*section[role="banner"]
{
    margin-top:192px;
}
section[role="main"].nobanner
{
    padding-top:190px;
}*/

.gala-banner + section[role="banner"] {
    margin-top: 0;
}


section[role="countdown"][category="euro2016"] + section[role="main"],
.gala-banner + section[role="main"]{
    padding-top: 192px;
}
section[role="countdown"][category="euro2016"] + section[role="banner"] {
    margin: 192px -40px 0;
}
section[role="countdown"][category="euro2016"][mode="loggedIn"] {
    top: 162px;
}
section[role="countdown"][category="euro2016"][mode="loggedIn"] + section[role="main"] {
    padding-top: 190px;
}
section[role="countdown"][category="euro2016"][mode="loggedIn"] + section[role="banner"] {
    margin: 190px -40px 0;
}

.euro-banner {
    position: fixed;
    top: 112px;
    left: 0;
    width: 100%;
    height: 80px;
    background-color: #e22421;
    background-image: url("../images/countdown-euro2016.png");
    background-repeat: no-repeat;
    background-position: center top;
    z-index: 7;
    font-family:itv,sans-serif;
    box-sizing: border-box;
    padding: 0 20px;
}
.euro-banner__wrapper {
    max-width: 100%;
    width: 1000px;
    margin: 0 auto;
    text-decoration: none;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
}

.euro-banner__counter {
    -webkit-box-flex:none;
    -moz-box-flex:none;
    box-flex:none;
    -webkit-flex:none;
    -moz-flex:none;
    -ms-flex:none;
    flex:none;

    width: 162px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.euro-banner__digit {
    height: 43px;
    width: 26px;
    text-align: center;
    margin-right: 5px;
    display: block;
    border-radius: 5px;
    background: #fff;
    font-size: 24px;
    color: #333;
}

.euro-banner__counter-copy {
    margin-left: 12px;
    font-size: 24px;
    text-transform: uppercase;
    line-height: 20px;
    color: #fff;
    white-space: nowrap;
}

.euro-banner__title {
    height: 80px;

    -webkit-box-flex:1;
    -moz-box-flex:1;
    box-flex:1;
    -webkit-flex:1;
    -moz-flex:1;
    -ms-flex:1;
    flex:1;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.euro-banner__title span {
    font-size: 30px;
    color: #fff;
    text-transform: uppercase;
    margin-left: -60px;
}

.euro-banner__logo {
    -webkit-box-flex:none;
    -moz-box-flex:none;
    box-flex:none;
    -webkit-flex:none;
    -moz-flex:none;
    -ms-flex:none;
    flex:none;

    width: 162px;
}

.euro-banner__logo img {
    display: block;
    margin-left: auto;
}

section article ul, section article ol
{
    padding:12px 0 12px 25px;
    list-style-type:disc;
}
section article ol
{
    list-style-type:decimal;
}

.other {
    padding-top: 10px;
}

div.form label span.info-icon {
    background: #24bbc4 none repeat scroll 0 0;
    border-radius: 50%;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    padding: 0 6px;
}

.ui-tooltip {
    background: #24bbc4 !important;
    border: 0 !important;
    box-shadow: none !important;
}
.ui-tooltip {
    padding: 10px 20px;
    color: #fff !important;
    font-family: itv, sans-serif !important;
    font-size: 15px !important;
    border-radius: 20px;
    background: #24bbc4 none repeat scroll 0 0;
}

.select2-selection__rendered {
    font-size: 15px;
}

.select2-container .select2-selection--single{
    min-height: 43px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 40px!important;
}

.filter-alert ul {
    display: inline-flex;
}

#planner-actions #plannerstrip {
    margin-bottom: 0;
}

.text-right {
    text-align : right;
}

.select2-results__option, input.select2-search__field {
    font-family: itv,sans-serif;
    font-size: 15px;
}

.banner--no-gradient:before {
    background: none !important;
}

.heading {
    margin-bottom: 40px !important
}

.itv-player section[role="main"],
.itv-hub section[role="main"]{
    background: url(../images/itv-hub-bg.jpg) no-repeat center bottom #ebebeb;
    background-size: 100%;
}
.itv-player section[role="main"]:before,
.itv-hub section[role="main"]:before{
    display: none;
}
#mediaresults ul.medialist.clearbackground li {
    background-color: transparent;
}
body.euro2016 section[role="main"] {
    color: #ffffff;
}
body.euro2016 section[role="main"] .euro-bg {
    height: 100% !important;
    position: absolute;
    top: 0;
    width: 100%;
}
section[role="main"] .wrapper .euro-page-main {
    margin-bottom: 40px;
}
section[role="main"] .wrapper .euro-page-main h1 {
    background: rgba(0, 0, 0, 0) url("../images/header-divide.gif") no-repeat scroll center bottom;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
section[role="main"] .wrapper .euro-page-main .intro {
    max-width: 660px;
}
section[role="main"] .wrapper .euro-page-main .intro p {
    text-align: left;
}
footer .euro-footer {
    background-color: #000000;
    height: 415px;
    position: relative;
}
footer .euro-footer.edit-mode {
    background: #000 none repeat scroll 0 0;
    height: auto;
}
footer .euro-footer img.bg {
    position: absolute;
    top: -10px;
}
footer .euro-footer .wrapper {
    height: 300px;
}
footer .euro-footer.edit-mode .wrapper {
    height: auto !important;
}
footer .euro-footer .wrapper h2 {
    background: rgba(0, 0, 0, 0) url("../images/header-divide.gif") no-repeat scroll left bottom;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 5px;
    max-width: 500px;
    padding: 0 0 20px;
}
footer .euro-footer .wrapper p {
    height: 115px;
    max-width: 500px;
    padding: 12px 0;
    text-align: left;
}
footer .euro-footer .wrapper .ccm-add-block {
    max-width: 500px;
}
footer .euro-footer .wrapper ul li.file-download,
footer .euro-footer .wrapper .ccm-global-area .ccm-block,
footer .euro-footer .wrapper ul .ccm-add-block {
    display: inline-block;
}
footer .euro-footer .wrapper ul li.file-download p,
footer .euro-footer .wrapper .ccm-global-area .ccm-block li.file-download p {
    height: auto;
    width: 260px;
}
footer .euro-footer .wrapper ul .ccm-add-block {
    width: 326px;
}


.black-page{
    background: none;
}
.black-page__wrap{
    width: 1024px;
    margin: 0 auto;
    height: 100vh;
    position: relative;
    padding: 0;
    box-sizing: border-box;
}
.black-page__video{
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.black-page__video > object,
.black-page__video > iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100% !important;
    max-width: none;
}
.black-page__brand{
    position: fixed;
    bottom: 40px;
    left: 40px;
    width: 100px;
}

@media only screen and (max-width : 1023px) {
    .black-page__wrap{
        width: 768px;
    }
    .black-page__brand {
        display: none;
    }
}

@media only screen and (max-width : 767px) {
    .black-page__wrap{
        width: 568px;
    }
}

@media only screen and (max-width : 567px) {
    .black-page__wrap{
        width: 320px;
    }
}

.gallery-block{
    margin: 40px auto;
    width: 800px;
    max-width: 100%;
}
.gallery-block .slick-arrow{
    outline: none;
    background: none;
    font-size: 0px;
    border: none;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 0px;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gallery-block .slick-prev{
    left: 0px;
    right: auto;
}
.gallery-block .slick-arrow:before{
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/arrow-next.png);
    display: block;
}
.gallery-block .slick-prev:before{
    background: url(../images/arrow-back.png);
}
.gallery-block__main-image{
    padding: 0 40px;
}
.gallery-block__main-image .slick-slide{
    text-align: center;
}
.gallery-block__main-image .slick-slide img{
    display: inline-block;
}
.gallery-block__nav{
    margin-top: 40px;
}
.gallery-block__nav .slick-slide{
    margin: 0 10px;
    opacity: 0.7;
    width: 200px;
    overflow: hidden;
    position: relative;
}
/*.gallery-block__nav .slick-slide img{
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}*/
.gallery-block__nav .slick-slide.slick-current{
    opacity: 1;
}

@media only screen and (max-width : 767px) {
    .gallery-block__nav{
        margin-top: 20px;
    }
    .gallery-block__nav .slick-slide{
        width: 100px;
    }
}

/** home banner **/

.home-banner{
    position: relative;
    max-height: 470px;
}
.home-banner:before{
    display: none;
}
.home-banner .slick-arrow{
    position: absolute;
    top: 50%;
    z-index: 5;
}
.home-banner__slide{
    position: relative;
}
.home-banner__image-link:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60%;
    height: 100%;
    background: url("//dbba3wu8qq6tc.cloudfront.net/assets/interface/bannerGradLeft-857720d231be79ac232dcd4df99e4612.png") right top repeat-y;
}
.home-banner__slide--no-gradient .home-banner__image-link:before{
    display: none;
}
.home-banner__slide-bg{
    width: 100%;
}
.home-banner .home-banner__slide div.c{
    max-width: 495px;
    right: auto;
    left: 210px;
}
.home-banner__player-button {
    background-image: url('/themes/rawnet/images/play_button_brand.png');
    display: block;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.home-banner__progression{
    width: 100%;
    padding: 0 40px;
    height: 3px;
    background: #00bec9;
    position: absolute;
    top: 0px;
    z-index: 10;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.slick-active .home-banner__progression{
    -webkit-animation: timer 5s 1 linear;
    -moz-animation: timer 5s 1 linear;
    animation: timer 5s 1 linear;
}
@-webkit-keyframes timer{
    0%{
        width:0;
        opacity:0;
    }
    0.001%{
        width:0;
        opacity:1
    }
    100%{
        width:100%;
        opacity:1
    }
}
@-moz-keyframes timer{
    0%{
        width:0;
        opacity:0
    }
    0.001%{
        width:0;
        opacity:1
    }
    100%{
        width:100%;
        opacity:1
    }
}
@keyframes timer{
    0%{
        width:0;
        opacity:0
    }
    0.001%{
        width:0;
        opacity:1
    }
    100%{
        width:100%;
        opacity:1
    }
}
.home-banner__image-link{
    display: block;
}
.home-banner__video{
    position: relative;
    overflow: hidden;
    margin-top: -116px;
}
.home-banner__placeholder{
    display: none;
}
.home-banner__video:before{
    content: "";
    width: 2000px;
    height: 2000px;
    border-radius: 50%;
    background: rgba(0,0,0,0.8);
    position: absolute;
    bottom: 0px;
    z-index: 2;
    right: 50%;
    margin-right: -1000px;
    overflow: hidden;
    transform: scale(0) translateY(50%);
    transform-origin: bottom center;
    -webkit-transition: transform .5s linear;
    -o-transition: transform .5s linear;
    transition: transform .5s linear;
}
.home-banner__video--playing:before{
    transform: scale(1) translateY(50%);
}
.home-banner .video-js{
    width: 100%;
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    /*padding-top: 25px;*/
    height: 0;
    overflow: hidden;
}
.home-banner .video-js .vjs-poster{
    display: block;
    z-index: 1;
}
.home-banner .video-js .vjs-big-play-button{
    outline: none;
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    right: 50%;
    left: auto;
    top: 50%;
    margin-top: -40px;
    margin-right: -40px;
    z-index: 5;
    background: none;
    border: none;
    border-radius: 0px;
    font-size: inherit;
    box-shadow: none;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}
.home-banner .video-js .vjs-big-play-button:before{
    font-size: 3.8em;
    display: block;
    z-index: 1;
    line-height: 76px;
    width: 37px;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    opacity: 1;
}
.home-banner .video-js .vjs-big-play-button:after{
    background: rgba(20,152,160,0.8);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 50%;
    overflow: hidden;
    transform: scale(1);
    -webkit-transition: transform .15s linear, background .15s linear;
    -o-transition: transform .15s linear, background .15s linear;
    transition: transform .15s linear, background .15s linear;
}
.home-banner__video--playing .video-js .vjs-big-play-button{
    opacity: 0;
}
.home-banner .video-js:hover .vjs-big-play-button{
    background: none;
    border: none;
}
.home-banner .video-js:hover .vjs-big-play-button:after{
    transform: scale(1.2);
    background: #19BEC8;
}
.home-banner .video-js .vjs-play-control{
    width: 30px!important;
    height: 30px!important;
    position: absolute;
    right: 55px;
    bottom: 100px;
    z-index: 10;
    opacity: 1!important;
}
.home-banner .video-js .vjs-play-control:before{
    font-size: 1.3em;
    width: 12px;
    line-height: 13px;
    display: block;
    z-index: 1;
    text-shadow: none;
    opacity: 1!important;
}
.home-banner .video-js .vjs-play-control.vjs-playing:before{
    font-size: 1em;
    width: 30px;
}
.home-banner .video-js .vjs-play-control:after{
    background: rgba(20,152,160,0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 50%;
    overflow: hidden;
    transform: scale(1);
    -webkit-transition: transform .15s linear, background .15s linear;
    -o-transition: transform .15s linear, background .15s linear;
    transition: transform .15s linear, background .15s linear;
}
.home-banner .video-js .vjs-play-control:hover:after{
    transform: scale(1.2);
    background: #19BEC8;
}
.home-banner .video-js .vjs-mute-control{
    width: 30px!important;
    height: 30px!important;
    position: absolute;
    right: 55px;
    /*bottom: 55px;*/
    opacity: 1!important;
    z-index: 10;
}
.home-banner .video-js .vjs-mute-control .vjs-control-text{
    position: absolute;
    right: 100%;
    top: 3px;
    width: auto;
    height: auto;
    margin: 0;
    font-size: 0px;
    clip: auto;
    font-family:'itv';
    padding-right: 10px;
    width: 200px;
    text-align: right;
    text-indent: 0px;
    overflow: auto;
    display: inline;
}
.home-banner .video-js .vjs-mute-control .vjs-control-text:before{
    content:"Click to mute";
    font-size: 15px;
    display: inline-block;
    padding-right: 3px;
    width: auto;
    height: auto;
}
.home-banner .video-js .vjs-mute-control.vjs-vol-0 .vjs-control-text:before{
    content: "Click for sound";
}
.home-banner .video-js .vjs-mute-control:before{
    z-index: 1;
    line-height: 15px;
    font-size: 1.2em;
    width: 24px;
    text-shadow: none;
    opacity: 1!important;
}
.home-banner .video-js .vjs-mute-control.vjs-vol-0:before{
    content: url(../images/mute.svg);
}
.home-banner .video-js .vjs-mute-control:after{
    background: rgba(20,152,160,0.8);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 50%;
    overflow: hidden;
    transform: scale(1);
    -webkit-transition: transform .15s linear, background .15s linear;
    -o-transition: transform .15s linear, background .15s linear;
    transition: transform .15s linear, background .15s linear;
}
.home-banner .video-js .vjs-mute-control:hover:after{
    transform: scale(1.2);
    background: #19BEC8;
}

.home-banner .video-js .vjs-progress-control{
    position: absolute;
    bottom: 35px;
    right: 55px;
    height: auto;
    width: 20%!important;
    opacity: 1!important;
    transform: none!important;
    -webkit-transform: none!important;
    -moz-transform: none!important;
    -ms-transform: none!important;
    -o-transform: none!important;
}
.home-banner .video-js .vjs-progress-control .vjs-load-progress{
    background-color: rgba(255,255,255,.5);
}
.home-banner .video-js .vjs-progress-control .vjs-slider{
    background: rgba(20,152,160,0.8);
    margin: 0;
    padding: 0;
}
.home-banner .video-js .vjs-progress-control .vjs-play-progress{
    background: #19BEC8;
    color: #19BEC8;
    position: relative;
}
.home-banner .video-js .vjs-progress-control .vjs-play-progress:before{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #19BEC8;
    position: absolute;
    right: 0px;
    top: -3px;
}
.home-banner__video .vjs-button, .home-banner__video .vjs-control{
    position: relative;
    z-index: 3;
    opacity: 0!important;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    transition-delay: 1s;
}
.home-banner__video .vjs-control-bar{
    display: none!important;
}
.home-banner__video video{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%!important;
    height: 100% !important;
    max-width: none;
    z-index: 3;
    opacity: 0!important;
    -webkit-transition: opacity .15s linear!important;
    -o-transition: opacity .15s linear!important;
    transition: opacity .15s linear!important;
    transition-delay: 1s!important;
}
.home-banner__video--playing video, .home-banner__video--playing .vjs-button, .home-banner__video--playing .vjs-control{
    opacity: 1!important;
}
.home-banner .slick-dots{
    position: absolute;
    bottom: 10px;
    left: 0px;
    right: 0px;
    z-index: 10;
    text-align: center;
}
.home-banner .slick-dots li{
    display: inline-block;
    margin-right: 5px;
    position: relative;
}
.home-banner .slick-dots li:last-child{
    margin-right: 0;
}
.home-banner .slick-dots li.slick-active button{
    background: #a90061;
}
.home-banner .slick-dots li button{
    background: #00bec9;
    padding: 0;
    font-size: 0px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: none;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}
.home-banner .slick-prev, .home-banner .slick-next{
    width: 40px;
    height: 40px;
    font-size: 0px;
    border: none;
    outline: none;
    text-align: center;
    background: none;
}
.home-banner .slick-prev:after, .home-banner .slick-next:after{
    content: "";
    width: 40px;
    height: 40px;
    background: rgba(20,152,160,0.8);
    border-radius: 50%;
    position: absolute;
    top: 0px;
    right: 0px;
    -webkit-transition: transform .15s linear, background .15s linear;
    -o-transition: transform .15s linear, background .15s linear;
    transition: transform .15s linear, background .15s linear;
}
.home-banner .slick-prev:hover:after, .home-banner .slick-next:hover:after{
    background: #19BEC8;
    transform: scale(1.2);
}
.home-banner .slick-prev{
    left: 100px;
}
.home-banner .slick-prev:before{
    content: "";
    width: 14px;
    height: 20px;
    background: url(../images/arrow-left.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}
.home-banner .slick-next{
    right: 100px;
}
.home-banner .slick-next:before{
    content: "";
    width: 12px;
    height: 20px;
    background: url(../images/arrow-right.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}

.home-banner .home-banner__asset{
    font-size: 15px;
    margin-top: 24px;
}
.home-banner .home-banner__asset p {
    padding: 0!important;
}
.home-banner .home-banner__asset-icon{
    float: left;
    margin-right: 15px;
}
.home-banner .home-banner__asset-icon img{
    width: auto;
    margin: 0;
}
.home-banner .home-banner__asset-link{
    background: none;
    border: 0;
    color: #1fbec8;
    text-decoration: none;
}
.home-banner .home-banner__asset-link:before{
    content: "";
    display: inline-block;
    background: url(../images/download-icon.png) no-repeat;
    width: 20px;
    height: 20px;
    margin-right: 5px;
    margin-bottom: -5px;
}

@media screen and (max-width: 1000px){
    .home-banner__video {
        display: none;
    }
    .home-banner__placeholder{
        display: block;
    }
}

@media(min-width: 965px){
    .home-banner .video-js .vjs-play-control{
        top: 450px;
    }
    .home-banner .video-js .vjs-mute-control{
        top: 490px;
    }
    .home-banner .video-js .vjs-progress-control{
        top: 535px;
    }
}

@media(max-width: 500px){
    .home-banner{
        max-height: 150px;
    }
    .home-banner .slick-arrow{
        display: none !important;
    }
}

.why-itv-block {
    padding: 10px 0 50px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.why-itv-block h2 {
    color: #fff;
}

.why-itv-block__media {
    position: absolute;
    min-height: 100%;
    min-height: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.why-itv-block__footer {
    border-radius: 30px;
    background: rgba(0,0,0,0.6);
    padding: 16px 20px 20px;
    text-align: center;
    color: #fff;
    font-weight: 100;
}

.curve-block {
    background: #fff;
    border-bottom-right-radius: 140px 30px;
    border-bottom-left-radius: 140px 30px;
    position: relative;
    z-index: 2;
    padding-bottom: 50px;
}
.curve-block + .why-itv-block {
    margin-top: -50px;
    padding-top: 50px;
}

.featured-news {
    background: url("../images/twitter-bg-flipped.png") no-repeat right 50px #00bec9;
    padding: 50px 0;
}

.featured-news h2 {
    color: #fff;
    font-size: 32px;
}

.featured-news .wrapper {
    padding-top: 0;
}

.featured-news__cta {
    background:url("../images/go_icon_white.svg") no-repeat left;
    padding:2px 0 2px 27px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 10px;
    text-decoration: none;
    display: block;
}

.featured-news .button {
    margin-top: 10px;
}

/*
.asmillerGalleryBlock{
    margin: 40px auto;
}
.asmillerGalleryBlock .asmillerMainImage{
    height: auto!important;
}
.asmillerGalleryBlock #asmillerGallery_spacer{
    display: none;
}
.asmillerGalleryBlock .asmillerGalleria_wrapper{
    max-width: 100%;
}
.asmillerGalleryBlock .asmillerGalleria_caption{
    margin: 0;
    padding: 20px 0;
}
.asmillerGalleryBlock .asmillerGalleria li{
    margin: 0 10px 0 0!important;
    padding: 0!important;
    background: none!important;
    height: auto!important;
    max-height: 80px;
}
.asmillerGalleryBlock .asmillerGalleria li img{
    margin: 0!important;
}

@media only screen and (max-width : 767px) {
    .asmillerGalleryBlock .asmillerGalleria{
        display: none;
    }
}*/

.gallery-block{
    margin: 40px auto;
    width: 800px;
    max-width: 100%;
}
.gallery-block .slick-arrow{
    outline: none;
    background: none;
    font-size: 0px;
    border: none;
    padding: 0;
    position: absolute;
    top: 50%;
    right: 0px;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.gallery-block .slick-prev{
    left: 0px;
    right: auto;
}
.gallery-block .slick-arrow:before{
    content: "";
    width: 30px;
    height: 30px;
    background: url(../images/arrow-next.png);
    display: block;
}
.gallery-block .slick-prev:before{
    background: url(../images/arrow-back.png);
}
.gallery-block__main-image{
    padding: 0 40px;
}
.gallery-block__main-image .slick-slide{
    text-align: center;
}
.gallery-block__main-image .slick-slide img{
    display: inline-block;
}
.gallery-block__nav{
    margin-top: 40px;
}
.gallery-block__nav .slick-slide{
    margin: 0 10px;
    opacity: 0.7;
    width: 200px;
    overflow: hidden;
    position: relative;
}
/*.gallery-block__nav .slick-slide img{
    position: absolute;
    top: 50%;
    right: 50%;
    -webkit-transform: translate(50%, -50%);
    -ms-transform: translate(50%, -50%);
    -o-transform: translate(50%, -50%);
    transform: translate(50%, -50%);
}*/
.gallery-block__nav .slick-slide.slick-current{
    opacity: 1;
}

@media only screen and (max-width : 767px) {
    .gallery-block__nav{
        margin-top: 20px;
    }
    .gallery-block__nav .slick-slide{
        width: 100px;
    }
}

.looping-gallery-block {
    background: url(../images/looping-gallery-block-bg.png) no-repeat right top #d9d9d9;
    background-size: auto 100%;
}

.looping-gallery-block .wrapper {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-align-items: center;
    align-items: center;
    padding: 20px 10px;
}

.looping-gallery-block__images {
    width: 50%;
}

.looping-gallery-block__content {
    padding-left: 10%;
    width: 40%;
}

.looping-gallery-block__content img {
    border: none;
}


.looping-gallery-block .slick-track {
    padding: 30px 0;
}

.looping-gallery-block .slick-slide {
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transition: transform 1s;
    transition: transform 1s;
    z-index: 1;
    overflow: hidden;
    outline: none;
    position: relative;
    margin: 0 -80px;
}

.looping-gallery-block .slick-dots {
    text-align: center;
    margin-left: 80px;
}

.looping-gallery-block .slick-dots li {
    background: none;
    display: inline-block;
    padding: 0;
    margin-right: 5px;
}

.looping-gallery-block .slick-dots button {
    -webkit-transition: background .3s;
    transition: background .3s;
    background: #00bec9;
    cursor: pointer;
    padding: 0;
    border: none;
    border-radius: 50%;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
}

.looping-gallery-block .slick-dots .slick-active button {
    background: #a90061;
}

.looping-gallery-block .slick-slide a {
    display: block;
}

.looping-gallery-block .player-button
{
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5));
    -o-transform: translate(-50%, -50%) scale(0.5);
    transform: translate(-50%, -50%) scale(0.5);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    background-image: url('/themes/rawnet/images/play_button_brand.png');
    display: block;
    height: 100px;
    left: 50%;
    opacity: 0.7;
    position: absolute;
    top: 50%;
    width: 100px;
    z-index: 2;
}

.looping-gallery-block .player-button:hover {
    opacity: 1;
}

.looping-gallery-block .slick-slide:after {
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    content: "";
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
}

.looping-gallery-block .slick-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    z-index: 2;
}


.looping-gallery-block .slick-current {
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    transform: scale(1.3);
    z-index: 3;
    box-shadow: 0 0 6px rgba(0,0,0,0.5);
}

.looping-gallery-block .slick-current:after {
   opacity: 0;
}

section[role="main"].vip-login {
    background: url(../images/vip-login-bg.jpg) repeat-x 0 120px;
    background-size: auto calc(100% - 120px);
}

section[role="main"].vip-login h1,
section[role="main"].vip-section h1,
section[role="main"].vip-section h2,
.vip-footer #newsresults ul li h3,
.vip-article section[role="main"] h1 {
    background-image: url(../images/header-divide_gold.gif);
    text-transform: uppercase;
}

section[role="main"].vip-section h1,
section[role="main"].vip-section h2 {
    margin: 0 auto;
    text-align: center;
    background-position: bottom center;
}

section[role="main"].vip-section h1 gold,
section[role="main"].vip-section a,
.vip-footer #newsresults ul li h3 a:hover {
    color: #9d7c37;
}

section[role="countdown"][category="euro2016"] + section[role="main"].vip-login {
    padding-top: 120px;
}

section[role="main"].vip-login .panel {
    background: #121212;
}

section[role="main"].vip-section {
    background: #101010;
    color: #ffffff;
    padding-bottom: 0;
    padding-top: 0;
    z-index: 0;
}

section[role="main"].vip-section .vip-list {
    margin-top: 30px;
}

section[role="main"].vip-section ul.cards {
    background: url(../images/header-divide_gold.gif) no-repeat bottom;
    color: #333;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

section[role="main"].vip-section ul.cards:last-child {
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

section[role="main"].vip-section ul.cards.centered li {
    margin: 10px 0;
}

section[role="main"].vip-section .bio {
    display: none;
}

section[role="main"].vip-section ul.cards li div.w {
    position: relative;
    padding-bottom: 40px;
}

section[role="main"].vip-section ul li .image {
    position: relative;
    overflow: hidden;
}

section[role="main"].vip-section ul.cards.vip-organisers li .image:before {
    content: "Organiser";
    background: #9d7c37;
    color: #fff;
    position: absolute;
    left: 33%;
    top: 7%;
    right: 0;
    width: 100%;
    font-size: 13px;
    display: block;
    padding: 3px 5px;
    text-align: center;
    -webkit-transform: rotate(34deg);
    -ms-transform: rotate(34deg);
    -o-transform: rotate(34deg);
    transform: rotate(34deg);

}
section[role="main"].vip-section ul.cards li h3 {
    background: none;
    text-align: center;
    padding: 0;
}

section[role="main"].vip-section ul.cards .position {
    color: #9d7c37;
    padding: 0;
}

section[role="main"].vip-section ul.cards li div.c {
    padding: 30px 20px;
}

section[role="main"].vip-section ul.cards li div.c .button {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    bottom: 30px;
    left: 50%;
    white-space: nowrap;
}

section[role="main"].vip-section:before {
    display: none;
}

a.vip-button {
    background: url(../images/vip-button-bg.png) no-repeat center;
    text-transform: uppercase;
    font-size: 30px;
    padding: 30px 60px;
    opacity: 1;
    -webkit-transform: opacity 0.3s;
    transition: opacity 0.3s;
}

a.vip-button:hover {
    opacity: 0.7;
}

.vip-main {
    background: url(../images/vip-stars.png) repeat-x bottom left #101010;;
    margin-top: -50px;
    padding-top: 50px;
    padding-bottom: 70px;
    border-bottom-right-radius: 40% 20px;
    border-bottom-left-radius: 40% 20px;
    position: relative;
    z-index: 1;
    text-align: center;
}

.vip-footer {
    background: url(../images/vip-login-bg.jpg);
    background-size: auto 100%;
    margin-top: -70px;
    padding-top: 70px;
}

.vip-main .back {
    text-align: left;
}

.vip-footer #newsresults {
    padding-top: 20px;
    width: 80%;
}

.vip-footer #newsresults ul {
    padding-bottom: 0;
}

.vip-footer #newsresults ul li {
    clear: none;
    margin-bottom: 50px;
}

.vip-slider .slick-arrow {
    height: 32px;
    width: 32px;
    outline: none;
    background: none;
    font-size: 0px;
    border: solid #101820;
    border-width: 0 0 2px 2px;
    border-radius: 2px;
    padding: 0;
    position: absolute;
    top: 50%;
    margin-right: 30px;
    right: 100%;
    z-index: 2;
    -webkit-transform: rotate(45deg) translateY(-50%);
    -ms-transform: rotate(45deg) translateY(-50%);
    -o-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
.vip-slider .slick-next {
   border-width: 2px 2px 0 0;
   margin: 0 0 0 15px;
   left: 100%;
}

.region-map {
    padding: 45px 0 70px;
}

.region-map:after {
    clear: both;
    content: "";
    display: block;
}

.region-map div.left {
    width: 66%;
    text-align: center;
}
.region-map div.right {
    width: 34%;
}

.region-slider {
    position: relative;
    padding-bottom: 65px;
    width: 305px;
    margin: 0 auto;
}

.region-slider__item {
    text-align: center;
    padding: 40px 20px;
    margin: 0 20px;
    box-sizing: border-box;
}

section[role="main"] .region-slider__title {
    background-image: url("../images/header-divide_white.gif");
}

.region-slider__copy {
    font-size: 24px;
    padding: 20px 0;
}

.region-slider__copy strong {
    color: #fff;
}

.region-slider .slick-arrow{
    outline: none;
    background: none;
    font-size: 0px;
    border: none;
    padding: 0;
    position: absolute;
    bottom: 15px;
    right: 110px;
    z-index: 2;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.region-slider .slick-prev{
    left: 110px;
    right: auto;
}
.region-slider .slick-arrow:before{
    content: "";
    width: 13px;
    height: 20px;
    background: url(../images/arrow-right-hover.png);
    display: block;
}
.region-slider .slick-prev:before{
    background: url(../images/arrow-left-hover.png);
}

.lightbox-message {
    background: #9d7c37;
    color: #fff;
    font-family: itv,sans-serif;
    font-size: 20px;
    text-align: center;
    padding: 20px 0;
    margin-top: -50px;
    position: relative;
    z-index: 1;
}

.lightbox {
    display: none;
    background: #ffffff;
    box-sizing: border-box;
    font-family: itv,sans-serif;
    color:#333333;
    padding: 50px 80px;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 100;
    border-radius: 5px;
    max-width: 830px;
    width: 95%;
    max-height: 95%;
    overflow: scroll;
}

.lightbox--gala {
    background: none;
    text-align: center;
    overflow: auto;
    padding: 20px 0;
}

.lightbox--gala h2 {
    color: #ec359c;
    font-size: 50px;
    font-weight: 500;
    line-height: 1.2;
    margin-bottom: 30px;
    margin-top: 30px;
    text-shadow: 0 0 18px rgba(252,81,195,0.8)

}

.lightbox--gala p {
    color: #fff;
    font-size: 22px;
    margin-bottom: 30px;
}

.lightbox .close {
    float: right;
    margin-bottom: 30px;
}

.lightbox div.w {
    clear: both;
    text-align: center;
}

.lightbox .bio,
.lightbox .bioshort {
    display: block;
    text-align: left;
}

.lightbox h1,
.lightbox h3 {
    font-size:36px;
    font-weight:400;
    padding:0 0 15px 0;
    margin-bottom:20px;
    margin: 0 auto 20px;
    background:url("../images/header-divide_gold.gif") no-repeat bottom center;
    text-transform: uppercase;
    text-align:center;
}

.lightbox div.w p {
    font-size: 14px;
    padding-bottom: 20px;
}

.lightbox div.w .button, .lightbox div.bioshort {
    display: none;
}

.lightbox .position {
    color: #9d7c37;
    padding: 0;
    display: inline;
}

.lightbox div.form {
    margin: 25px 0;
}

.lightbox div.form div.field {
    position: relative;
    padding-bottom: 20px;
}

.lightbox div.form input[type=text],
.lightbox div.form textarea,
.lightbox ul.checkboxes li.checkbox label:before,
.lightbox div.form select {
    background: #e6e6e6;
    box-shadow: 5px 5px 5px rgba(0,0,0,0.3) inset;
    border-radius: 5px;
}

.lightbox div.form textarea {
    height: 120px;
    resize: none;
}

.lightbox div.form textarea.reduced {
    height: 60px;
}

.lightbox div.form ul.checkboxes:after {
    content: "";
    clear: both;
    display: block;
}

.lightbox div.form ul.checkboxes li.checkbox {
    margin-right: 0;
    padding: 0 10px 15px 0;
    box-sizing: border-box;
    width: 33.33%;
}

.lightbox div.form ul.checkboxes li.checkbox label:before {
    border: solid 2px white;
}

.lightbox div.form ul.checkboxes li.checkbox input:checked + label:before {
    background: url(../images/checkbox_button-gold.png) no-repeat;
    background-size: 20px;
    border-color: #9d7c37;
    box-shadow: none;
}

.lightbox div.form input[type=file] {
    color: #9d7c37;
    text-indent: -9999px;
    outline: none;
    padding: 10px 0 4px 110px;
    position: relative;
}

.lightbox div.form input[type=file]:before{
    background: #9d7c37;
    content: "Choose a photo";
    border-radius: 50em;
    font-family:itv, arial, sans-serif;
    cursor:pointer;
    display:inline-block;
    color:#FFF !important;
    font-size:15px;
    text-decoration:none !important;
    font-weight:400;
    line-height:16px;
    text-align:center;
    padding:10px 40px 12px 40px;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: 0;
    -webkit-transition: background-color 500ms linear;
    -moz-transition: background-color 500ms linear;
    -o-transition: background-color 500ms linear;
    -ms-transition: background-color 500ms linear;
    transition: background-color 500ms linear;
}

.lightbox div.form input[type=file]:hover:before  {
    background-color: #ba9a56;
}
.lightbox-overlay {
    background: #000;
    opacity: 0.5;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
}

.lightbox-overlay--gala {
    background-color: #160f26;
    opacity: 0.95;
}

.lightbox--active,
.lightbox-overlay--active {
    display: block;
}

.scroll-to-nav {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.scroll-to-nav__label,
.scroll-to-nav__list,
.scroll-to-nav__item {
    display: inline-block;
}

.scroll-to-nav__label {
    padding: 0 10px;
}

.scroll-to-nav__item {
    padding: 0 10px;
}

ul.cards.slick-slider {
    margin-bottom: 30px;
}

ul.cards .slick-list {
    padding: 30px 0;
    margin-top: -20px;
}

.cards .slick-prev,
.cards .slick-next {
    background: #00bec9;
    padding: 0;
    font-size: 0px;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    border: none;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
    position: absolute;
    top: 50%;
    left: -50px;
    margin-top: -20px;
}

.cards .slick-next {
    left: auto;
    right: -50px;
}

.cards .slick-prev:before{
    content: "";
    width: 14px;
    height: 20px;
    background: url(../images/arrow-left.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}
.cards .slick-next:before{
    content: "";
    width: 12px;
    height: 20px;
    background: url(../images/arrow-right.png) no-repeat;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 2;
}

.cards .slick-dots{
    position: absolute;
    bottom: 0;
    left: 0px;
    right: 0px;
    z-index: 1;
    text-align: center;
}
.cards .slick-dots li{
    display: inline-block;
    position: relative;
    margin:0 3px;
    background: none;
}
.cards .slick-dots li:last-child{
    margin-right: 0;
}
.cards .slick-dots li.slick-active button{
    background: #a90061;
}
.cards .slick-dots li button{
    background: #00bec9;
    padding: 0;
    display: block;
    font-size: 0px;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    border: none;
    -webkit-transition: background .3s ease-in-out;
    -o-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

#site .vjs-big-play-button{
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* Gala landing page */

section[role="main"].gala-section {
    background: #160f26;
    color: #fff;
    padding-top: 0;
    padding-bottom: 0;
}

section[role="main"].gala-section:before {
    display: none;
}

section[role="main"].gala-section h1,
section[role="main"].gala-section h2 {
    background: none;
    padding-bottom: 0;
    text-align: center;
}

.gala-main {
    background-color: #290e47;
    background: -webkit-linear-gradient(135deg, #290e47, #9f2f7e); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(135deg, #290e47, #9f2f7e); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(135deg, #290e47, #9f2f7e); /* For Firefox 3.6 to 15 */
    background: linear-gradient(135deg, #290e47, #9f2f7e); /* Standard syntax (must be last) */
    margin-top: -50px;
    padding-top: 50px;
    padding-bottom: 50px;
}

.gala-main .video-js {
    height: auto !important;
    padding-bottom: 56.25%;
}

.gala-stats-block--spaced {
    padding-bottom: 50px;
}

.gala-main .formidable {
    width:100%;
    max-width:830px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background:rgba(18, 18, 18, 0.5);
    padding:5%;
    box-sizing:border-box;
}

section[role="main"] .gala-main h1 {
    max-width: none;
}

section[role="main"] .gala-main .wrapper > h1,
section[role="main"] .gala-main .wrapper > h2,
section[role="main"] .gala-main .wrapper > h3,
section[role="main"] .gala-main .wrapper >  p {
    text-align: center;
}

section[role="main"] .gala-main p {
    line-height: 2.4;
}

section[role="main"] .gala-stats-block h2,
section[role="main"] .gala-testimonial-block h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 1.1;
}

.gala-stats-block .stat {
    box-sizing: border-box;
    float: left;
    padding: 0 20px;
    text-align: center;
    width: 33.333%;
}

.gala-stats-block .stat .number {
    color: #ec359c;
    display: block;
    font-size: 106px;
    font-weight: 500;
    line-height: 1;
    margin-bottom: 28px;
    text-shadow: 0 0 12px #ff53b4;
}

.gala-stats-block .stat .value {
    color: #fce9ff;
    display: block;
    font-size: 22px;
    font-weight: 100;
}

.gala-stats-block img {
    display: inline-block;
    max-width: 100%;
    margin-top: 20px;
}

.gala-testimonial-block {
    background-color: #4d174e;
    background: -webkit-linear-gradient(135deg, #4d174e, #da3e68); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(135deg, #4d174e, #da3e68); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(135deg, #4d174e, #da3e68); /* For Firefox 3.6 to 15 */
    background: linear-gradient(135deg, #4d174e, #da3e68); /* Standard syntax (must be last) */
    padding: 10px 0 50px 0;
    position: relative;
}

.gala-testimonial-block:after {
    content: url(../images/gala-testimonials-bg.png);
    position: absolute;
    bottom: 0;
    height: 368px;
    right: 0;
}

.gala-testimonial-block .wrapper {
    position: relative;
    z-index: 1;
}

.gala-testimonial-block .column {
    float: left;
    margin-top: 20px;
    padding-top: 40px;
    position: relative;
    width: 50%;
}

.gala-testimonial-block .quote,
.gala-testimonial-block .author {
    font-size: 22px;
    font-weight: 300;
}

.gala-testimonial-block .quote {
    padding-right: 15%;
}

.gala-testimonial-block .quote:before,
.gala-testimonial-block .quote:after {
    color: #ec359c;
    display: block;
    font-size: 100px;
    font-weight: 500;
    line-height: 0.4;
    text-shadow: 0 0 12px #ff53b4;
}

.gala-testimonial-block .quote:before
{
    content: '\201C';
    position: absolute;
    left: 0;
    top: 0;
}

.gala-testimonial-block .quote:after
{
    content: '\201D';
    text-align: right;
    margin: 20px 20px -20px 0;
}

.gala-testimonial-block .content p {
    line-height: 2.4;
}

.gala-testimonial-block .logo {
    clear: both;
    display: block;
    margin-top: 30px;
    float: left;
    text-align: center;
    width: 100%;
}

.gala-banner {
    background-color: #571a51;
    /*position: fixed;
    left: 0;
    width: 100%;*/
    height: 80px;
    font-family: itv,sans-serif;
    z-index: 7;
    margin-top: 112px;
}

.gala-banner--logged-in {
    margin-top: 113px;
}

.gala-banner-wrapper {
    max-width:1020px;
    padding:7px 10px;
    margin:0 auto;
    box-sizing: border-box;
    position:relative;
    zoom:1;
}

.gala-banner .countdown {
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    -webkit-align-items: center;
    align-items: center;
}

.gala-banner .countdown:before,
.gala-banner .countdown:after {
    background: url(../images/gala-logo-line.gif);
    display: block;
    height: 5px;
    position: absolute;
    left: 10px;
    right: 10px;
    content: "";
}

.gala-banner .countdown:before {
    bottom: 48px;
}

.gala-banner .countdown:after {
    bottom: 7px;
}

.gala-banner .timer,
.gala-banner .title {
    color: #ec359c;
    font-size: 20px;
    line-height: 1;
    padding-top: 13px;
    text-shadow: 0 0 12px #ff53b4;
    text-transform: uppercase;
    width: 50%;
    text-align: center;
}