/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    overflow-x: hidden;
}

.clr {
    clear: both;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

.arbtoplink {
    display:inline;
    
}


.nav-primary__items_new {
    margin-top:20px;  
    float:left;
}

.toprow {
    margin: 10px 0;
}

.arbtoplink a {
    padding:20px 5px;
}

.nav-main-arb24-right {
    float:right;
}

.slider_info {
    bottom: 10px;
    padding: 10px 20px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.73);
    width: 300px;
}

.slider_info h2, p {
    padding: 0px !important;
    margin: 0px !important;
    font-family: AzMagistralU;

}

.loqolar {
    width: 100%;
    text-align: center;
}

.loqolar li {
    display: inline;
    margin: 1px;
    padding: 2px;
}

.loqolar li img {
    height: 70px;
    background-color: #d6d6d6;
}

.socialx {
    margin: 8px 0;
    padding: 0;

}

.socialx li {
    display: inline;
    padding: 0;

}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

a:active,
a:hover {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: bold
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: 0.67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: bold
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

* {
    box-sizing: border-box;
    border-width: 0
}

*:focus {
    outline: none
}

a:focus {
    outline: thin dotted
}

button {
    padding: 0;
    background-color: transparent;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

button:focus {
    outline: thin dotted
}

img {
    max-width: 100%;
    vertical-align: top
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    appearance: none;
    border-radius: 0;
    width: 100%
}

select::-ms-expand {
    display: none
}

input {
    width: 100%;
    padding: 0;
    -webkit-appearance: none;
    border-radius: 0
}

input:disabled {
    opacity: 1
}

input[type='date'], input[type='search'] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

html {
    font-size: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased
}

body {
    font-size: 1rem;
    line-height: 1.25;
    text-rendering: optimizeLegibility
}

.font--reem {
    font-family: "Reem", Arial, sans-serif
}

.font--arial {
    font-family: Arial, sans-serif
}

.font-size--small {
    font-size: .8125rem;
    line-height: 1.38462
}

.font-size--base {
    font-size: 1rem;
    line-height: 1.25
}

.font-size--medium {
    font-size: 1.1875rem;
    line-height: 1.26316
}

.font-size--large {
    font-size: 1.4375rem;
    line-height: 1.21739
}

.font-size--xlarge {
    font-size: 1.75rem;
    line-height: 1.14286
}

.font-size--xxlarge {
    font-size: 2.0625rem;
    line-height: 1.21212
}

.font-size--xxxlarge {
    font-size: 2.5rem;
    line-height: 1.15
}

@media (min-width: 37.5em) {
    .font-size--custard--small {
        font-size: .8125rem;
        line-height: 1.38462
    }

    .font-size--custard--base {
        font-size: 1rem;
        line-height: 1.25
    }

    .font-size--custard--medium {
        font-size: 1.1875rem;
        line-height: 1.26316
    }

    .font-size--custard--large {
        font-size: 1.4375rem;
        line-height: 1.21739
    }

    .font-size--custard--xlarge {
        font-size: 1.75rem;
        line-height: 1.14286
    }

    .font-size--custard--xxlarge {
        font-size: 2.0625rem;
        line-height: 1.21212
    }

    .font-size--custard--xxxlarge {
        font-size: 2.5rem;
        line-height: 1.15
    }
}

@media (min-width: 56em) {
    .font-size--cream--small {
        font-size: .8125rem;
        line-height: 1.38462
    }

    .font-size--cream--base {
        font-size: 1rem;
        line-height: 1.25
    }

    .font-size--cream--medium {
        font-size: 1.1875rem;
        line-height: 1.26316
    }

    .font-size--cream--large {
        font-size: 1.4375rem;
        line-height: 1.21739
    }

    .font-size--cream--xlarge {
        font-size: 1.75rem;
        line-height: 1.14286
    }

    .font-size--cream--xxlarge {
        font-size: 2.0625rem;
        line-height: 1.21212
    }

    .font-size--cream--xxxlarge {
        font-size: 2.5rem;
        line-height: 1.15
    }
}

.font-weight--light {
    font-weight: 300
}

.font-weight--regular {
    font-weight: 400
}

.font-weight--medium {
    font-weight: 500
}

.font-weight--bold {
    font-weight: 700
}

b, strong, .b, .bold {
    font-weight: 700
}

i, em, .i, .italic {
    font-style: italic
}

h1, h2, h3, p, ul, ol, dl, blockquote, pre {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

code, pre {
    font-family: "Courier New", courier, monospace
}

h1 {
    font-weight: 700
}

h2 {
    font-weight: 700
}

h3 {
    font-weight: 700
}

h4 {
    font-weight: 500
}

h5 {
    font-weight: 500
}

h6 {
    font-weight: 500
}

.ellipsis {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.align-left {
    text-align: left
}

.align-right {
    text-align: right
}

.align-center {
    text-align: center
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.underline {
    text-decoration: underline
}

blockquote {
    padding: 0 2rem
}

li {
    padding-left: 2rem;
    position: relative
}

li:before {
    left: 0;
    position: absolute;
    font-weight: 500
}

ul {
    padding-left: 0;
    list-style: none
}

ol {
    padding-left: 0;
    list-style: none;
    counter-reset: item
}

ol li:before {
    content: counter(item);
    counter-increment: item
}

.numbered-by-value li:before {
    content: attr(value)
}

.list-reset {
    margin-top: 0;
    margin-bottom: 0
}

.list-reset li:before {
    display: none
}

a {
    text-decoration: none
}

a:hover, a:focus {
    text-decoration: underline
}

.link-subtle {
    color: inherit
}

.link-subtle:hover, .link-subtle:focus {
    text-decoration: none
}

@media (min-width: 37.5em) {
    .readable-length {
        width: 66.66667%
    }
}

.block {
    width: 100%;
    position: relative
}

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

.block:after {
    clear: both
}

.block__wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 64rem
}

.block__wrapper--full-width {
    max-width: none
}

.block__wrapper, .block__wrapper--inset {
    padding-left: 1rem;
    padding-right: 1rem
}

.block__wrapper--spread, .block__wrapper--full-width {
    max-width: 85.375rem
}

.block__wrapper--flush, .block__wrapper--full-width {
    padding-left: 0;
    padding-right: 0
}

.block__wrapper--breakout {
    margin-left: -1rem;
    margin-right: -1rem
}

.block__rollup {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: linear-gradient(to right, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.95) 40%, #f2f2f2 50%, rgba(242, 242, 242, 0.95) 60%, rgba(242, 242, 242, 0) 100%);
    background-size: 1024px 100%;
    background-position: center;
    padding-top: 1.5rem;
    padding-bottom: .75rem
}

@media (min-width: 37.5em) {
    .block__wrapper, .block__wrapper--inset {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .block__wrapper--spread, .block__wrapper--full-width {
        max-width: 85.375rem
    }

    .block__wrapper--flush, .block__wrapper--full-width {
        padding-left: 0;
        padding-right: 0
    }

    .block__wrapper--breakout {
        margin-left: -1.5rem;
        margin-right: -1.5rem
    }

    .block__rollup {
        padding-top: 2rem;
        padding-bottom: 1rem
    }
}

@media (min-width: 56em) {
    .block__wrapper, .block__wrapper--inset {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .block__wrapper--spread, .block__wrapper--full-width {
        max-width: 85.375rem
    }

    .block__wrapper--flush, .block__wrapper--full-width {
        padding-left: 0;
        padding-right: 0
    }

    .block__wrapper--breakout {
        margin-left: -2rem;
        margin-right: -2rem
    }

    .block__rollup {
        padding-top: 2rem;
        padding-bottom: 1rem
    }
}

.complex-link {
    display: block;
    color: inherit !important
}

.complex-link:hover, .complex-link:focus {
    text-decoration: none
}

.grid {
    margin-left: auto;
    margin-right: auto;
    margin-left: -.5rem;
    margin-right: -.5rem
}

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

.grid:after {
    clear: both
}

.grid__item {
    float: left;
    width: 100%;
    padding-left: .5rem;
    padding-right: .5rem
}

.grid--reverse .grid__item {
    float: right
}

@media (min-width: 37.5em) {
    .grid {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .grid__item {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media (min-width: 56em) {
    .grid {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .grid__item {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.grid-list {
    clear: both;
    margin-top: -1.5rem;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.grid-list__item {
    display: inline-block;
    vertical-align: top;
    margin-top: 1.5rem;
    padding-left: .5rem;
    padding-right: .5rem
}

@media (min-width: 37.5em) {
    .grid-list {
        margin-top: -2rem;
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .grid-list__item {
        margin-top: 2rem;
        padding-left: .75rem;
        padding-right: .75rem
    }
}

@media (min-width: 56em) {
    body {
        background: red;
    }

    .grid-list {
        margin-top: -2rem;
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .grid-list__item {
        margin-top: 2rem;
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.fluid-media {
    position: relative;
    padding-top: 56.25%
}

.fluid-media__media {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.media:after {
    content: " ";
    display: table
}

.media:after {
    clear: both
}

.media__body {
    overflow: hidden
}

.media--inline {
    display: inline-block
}

.media--top {
    margin-left: 0;
    margin-right: 0
}

.media--left, .media--right {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.media--left .media__media {
    float: left;
    padding: 0 .5rem
}

.media--right .media__media {
    float: right;
    padding: 0 .5rem
}

.media__media, .media--top .media__media {
    float: none;
    padding: 0 0 .5rem 0
}

.media--left .media__body, .media--right .media__body {
    padding: 0 .5rem
}

.media--top .media__body {
    padding: 0
}

@media (min-width: 37.5em) {
    .media--top {
        margin-left: 0;
        margin-right: 0
    }

    .media--left, .media--right {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .media--left .media__media {
        padding: 0 .75rem
    }

    .media--right .media__media {
        padding: 0 .75rem
    }

    .media__media, .media--top .media__media {
        padding: 0 0 .5rem 0
    }

    .media--left .media__body, .media--right .media__body {
        padding: 0 .75rem
    }

    .media--top .media__body {
        padding: 0
    }

    .media--custard--top {
        margin-left: 0;
        margin-right: 0
    }

    .media--custard--left, .media--custard--right {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .media--custard--left .media__media {
        float: left;
        padding: 0 .75rem
    }

    .media--custard--right .media__media {
        float: right;
        padding: 0 .75rem
    }

    .media__media, .media--custard--top .media__media {
        float: none;
        padding: 0 0 .5rem 0
    }

    .media--custard--left .media__body, .media--custard--right .media__body {
        padding: 0 .75rem
    }

    .media--custard--top .media__body {
        padding: 0
    }
}

@media (min-width: 56em) {
    .media--top {
        margin-left: 0;
        margin-right: 0
    }

    .media--left, .media--right {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .media--left .media__media {
        padding: 0 .75rem
    }

    .media--right .media__media {
        padding: 0 .75rem
    }

    .media__media, .media--top .media__media {
        padding: 0 0 .5rem 0
    }

    .media--left .media__body, .media--right .media__body {
        padding: 0 .75rem
    }

    .media--top .media__body {
        padding: 0
    }

    .media--custard--top {
        margin-left: 0;
        margin-right: 0
    }

    .media--custard--left, .media--custard--right {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .media--custard--left .media__media {
        padding: 0 .75rem
    }

    .media--custard--right .media__media {
        padding: 0 .75rem
    }

    .media__media, .media--custard--top .media__media {
        padding: 0 0 .5rem 0
    }

    .media--custard--left .media__body, .media--custard--right .media__body {
        padding: 0 .75rem
    }

    .media--custard--top .media__body {
        padding: 0
    }

    .media--cream--top {
        margin-left: 0;
        margin-right: 0
    }

    .media--cream--left, .media--cream--right {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .media--cream--left .media__media {
        float: left;
        padding: 0 .75rem
    }

    .media--cream--right .media__media {
        float: right;
        padding: 0 .75rem
    }

    .media__media, .media--cream--top .media__media {
        float: none;
        padding: 0 0 .5rem 0
    }

    .media--cream--left .media__body, .media--cream--right .media__body {
        padding: 0 .75rem
    }

    .media--cream--top .media__body {
        padding: 0
    }
}

.width--auto {
    width: auto
}

.width--one-whole {
    width: 100%
}

.width--one-half {
    width: 50%
}

.width--one-third {
    width: 33.33333%
}

.width--two-thirds {
    width: 66.66667%
}

.width--one-quarter {
    width: 25%
}

.width--three-quarters {
    width: 75%
}

.width--one-fifth {
    width: 20%
}

.width--two-fifths {
    width: 40%
}

.width--three-fifths {
    width: 60%
}

.width--four-fifths {
    width: 80%
}

.width--one-sixth {
    width: 16.66667%
}

.width--five-sixths {
    width: 83.33333%
}

.width--one-seventh {
    width: 14.28571%
}

.width--two-sevenths {
    width: 28.57143%
}

.width--three-sevenths {
    width: 42.85714%
}

.width--four-sevenths {
    width: 57.14286%
}

.width--five-sevenths {
    width: 71.42857%
}

.width--six-sevenths {
    width: 85.71429%
}

.width--one-eighth {
    width: 12.5%
}

.width--three-eights {
    width: 37.5%
}

.width--five-eights {
    width: 62.5%
}

.width--seven-eights {
    width: 87.5%
}

.width--one-ninth {
    width: 11.11111%
}

.width--two-ninths {
    width: 22.22222%
}

.width--four-ninths {
    width: 44.44444%
}

.width--five-ninths {
    width: 55.55556%
}

.width--seven-ninths {
    width: 77.77778%
}

.width--eight-ninths {
    width: 88.88889%
}

.width--one-tenth {
    width: 10%
}

.width--three-tenths {
    width: 30%
}

.width--seven-tenths {
    width: 70%
}

.width--nine-tenths {
    width: 90%
}

.width--one-eleventh {
    width: 9.09091%
}

.width--two-elevenths {
    width: 18.18182%
}

.width--three-elevenths {
    width: 27.27273%
}

.width--four-elevenths {
    width: 36.36364%
}

.width--five-elevenths {
    width: 45.45455%
}

.width--six-elevenths {
    width: 54.54545%
}

.width--seven-elevenths {
    width: 63.63636%
}

.width--eight-elevenths {
    width: 72.72727%
}

.width--nine-elevenths {
    width: 81.81818%
}

.width--ten-elevenths {
    width: 90.90909%
}

.width--one-twelfth {
    width: 8.33333%
}

.width--five-twelfths {
    width: 41.66667%
}

.width--seven-twelfths {
    width: 58.33333%
}

.width--eleven-twelfths {
    width: 91.66667%
}

@media (min-width: 37.5em) {
    .width--custard--auto {
        width: auto
    }

    .width--custard--one-whole {
        width: 100%
    }

    .width--custard--one-half {
        width: 50%
    }

    .width--custard--one-third {
        width: 33%
    }

    .width--custard--two-thirds {
        width: 66.66667%
    }

    .width--custard--one-quarter {
        width: 25%
    }

    .width--custard--three-quarters {
        width: 75%
    }

    .width--custard--one-fifth {
        width: 20%
    }

    .width--custard--two-fifths {
        width: 40%
    }

    .width--custard--three-fifths {
        width: 60%
    }

    .width--custard--four-fifths {
        width: 80%
    }

    .width--custard--one-sixth {
        width: 16.66667%
    }

    .width--custard--five-sixths {
        width: 83.33333%
    }

    .width--custard--one-seventh {
        width: 14.28571%
    }

    .width--custard--two-sevenths {
        width: 28.57143%
    }

    .width--custard--three-sevenths {
        width: 42.85714%
    }

    .width--custard--four-sevenths {
        width: 57.14286%
    }

    .width--custard--five-sevenths {
        width: 71.42857%
    }

    .width--custard--six-sevenths {
        width: 85.71429%
    }

    .width--custard--one-eighth {
        width: 12.5%
    }

    .width--custard--three-eights {
        width: 37.5%
    }

    .width--custard--five-eights {
        width: 62.5%
    }

    .width--custard--seven-eights {
        width: 87.5%
    }

    .width--custard--one-ninth {
        width: 11.11111%
    }

    .width--custard--two-ninths {
        width: 22.22222%
    }

    .width--custard--four-ninths {
        width: 44.44444%
    }

    .width--custard--five-ninths {
        width: 55.55556%
    }

    .width--custard--seven-ninths {
        width: 77.77778%
    }

    .width--custard--eight-ninths {
        width: 88.88889%
    }

    .width--custard--one-tenth {
        width: 10%
    }

    .width--custard--three-tenths {
        width: 30%
    }

    .width--custard--seven-tenths {
        width: 70%
    }

    .width--custard--nine-tenths {
        width: 90%
    }

    .width--custard--one-eleventh {
        width: 9.09091%
    }

    .width--custard--two-elevenths {
        width: 18.18182%
    }

    .width--custard--three-elevenths {
        width: 27.27273%
    }

    .width--custard--four-elevenths {
        width: 36.36364%
    }

    .width--custard--five-elevenths {
        width: 45.45455%
    }

    .width--custard--six-elevenths {
        width: 54.54545%
    }

    .width--custard--seven-elevenths {
        width: 63.63636%
    }

    .width--custard--eight-elevenths {
        width: 72.72727%
    }

    .width--custard--nine-elevenths {
        width: 81.81818%
    }

    .width--custard--ten-elevenths {
        width: 90.90909%
    }

    .width--custard--one-twelfth {
        width: 8.33333%
    }

    .width--custard--five-twelfths {
        width: 41.66667%
    }

    .width--custard--seven-twelfths {
        width: 58.33333%
    }

    .width--custard--eleven-twelfths {
        width: 91.66667%
    }
}

@media (min-width: 56em) {
    .width--cream--auto {
        width: auto
    }

    .width--cream--one-whole {
        width: 100%
    }

    .width--cream--one-half {
        width: 50%
    }

    .width--cream--one-third {
        width: 33.33333%
    }

    .width--cream--two-thirds {
        width: 66.66667%
    }

    .width--cream--one-quarter {
        width: 25%
    }

    .width--cream--three-quarters {
        width: 75%
    }

    .width--cream--one-fifth {
        width: 20%
    }

    .width--cream--two-fifths {
        width: 40%
    }

    .width--cream--three-fifths {
        width: 60%
    }

    .width--cream--four-fifths {
        width: 80%
    }

    .width--cream--one-sixth {
        width: 16.66667%
    }

    .width--cream--five-sixths {
        width: 83.33333%
    }

    .width--cream--one-seventh {
        width: 14.28571%
    }

    .width--cream--two-sevenths {
        width: 28.57143%
    }

    .width--cream--three-sevenths {
        width: 42.85714%
    }

    .width--cream--four-sevenths {
        width: 57.14286%
    }

    .width--cream--five-sevenths {
        width: 71.42857%
    }

    .width--cream--six-sevenths {
        width: 85.71429%
    }

    .width--cream--one-eighth {
        width: 12.5%
    }

    .width--cream--three-eights {
        width: 37.5%
    }

    .width--cream--five-eights {
        width: 62.5%
    }

    .width--cream--seven-eights {
        width: 87.5%
    }

    .width--cream--one-ninth {
        width: 11.11111%
    }

    .width--cream--two-ninths {
        width: 22.22222%
    }

    .width--cream--four-ninths {
        width: 44.44444%
    }

    .width--cream--five-ninths {
        width: 55.55556%
    }

    .width--cream--seven-ninths {
        width: 77.77778%
    }

    .width--cream--eight-ninths {
        width: 88.88889%
    }

    .width--cream--one-tenth {
        width: 10%
    }

    .width--cream--three-tenths {
        width: 30%
    }

    .width--cream--seven-tenths {
        width: 70%
    }

    .width--cream--nine-tenths {
        width: 90%
    }

    .width--cream--one-eleventh {
        width: 9.09091%
    }

    .width--cream--two-elevenths {
        width: 18.18182%
    }

    .width--cream--three-elevenths {
        width: 27.27273%
    }

    .width--cream--four-elevenths {
        width: 36.36364%
    }

    .width--cream--five-elevenths {
        width: 45.45455%
    }

    .width--cream--six-elevenths {
        width: 54.54545%
    }

    .width--cream--seven-elevenths {
        width: 63.63636%
    }

    .width--cream--eight-elevenths {
        width: 72.72727%
    }

    .width--cream--nine-elevenths {
        width: 81.81818%
    }

    .width--cream--ten-elevenths {
        width: 90.90909%
    }

    .width--cream--one-twelfth {
        width: 8.33333%
    }

    .width--cream--five-twelfths {
        width: 41.66667%
    }

    .width--cream--seven-twelfths {
        width: 58.33333%
    }

    .width--cream--eleven-twelfths {
        width: 91.66667%
    }
}

@-webkit-keyframes button-click {
    0%, 50% {
        -webkit-transform: scale(1.2);
        opacity: 1
    }
    15% {
        -webkit-transform: scale(1);
        opacity: 1
    }
    100% {
        -webkit-transform: scale(0);
        opacity: 0
    }
}

@keyframes button-click {
    0%, 50% {
        transform: scale(1.2);
        opacity: 1
    }
    15% {
        transform: scale(1);
        opacity: 1
    }
    100% {
        transform: scale(0);
        opacity: 0
    }
}

.button {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    -webkit-appearance: none;
    border: none;
    padding: 0 1.5rem;
    font-size: 1.1875rem;
    line-height: 2.10526;
    font-weight: 700;
    border-radius: 1.25rem;
    background-color: rgba(188, 188, 188, 0.7);
    color: #282828 !important;
    white-space: nowrap;
    -webkit-transition: color 0.15s linear 0s, background-color 0.15s linear 0s;
    transition: color 0.15s linear 0s, background-color 0.15s linear 0s;
    position: relative;
    text-align: center;
    opacity: 1;
    max-width: 100%;
    text-overflow: ellipsis
}

.button--detach {
    margin-left: 1rem
}

.button--subtle {
    font-weight: 400
}

.button--status:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    content: "";
    opacity: 0;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transition: opacity 0.15s linear 0.25s;
    transition: opacity 0.15s linear 0.25s
}

.button.is-clicked {
    opacity: 0;
    -webkit-transition: opacity 0.25s linear 0.25s;
    transition: opacity 0.25s linear 0.25s
}

.button--play.is-clicked {
    opacity: 1
}

.button.is-dismissed {
    opacity: 0;
    -webkit-transition: opacity 0.25s linear 0s;
    transition: opacity 0.25s linear 0s
}

a.button:hover, a.button:focus, a.button.is-hovered, .button:enabled:hover, .button:enabled:focus, .button:enabled.is-hovered {
    background-color: #149BA3;
    color: #fff !important;
    text-decoration: none;
    outline: none
}

.button--status {
    min-width: 7.25rem
}

.is-complete a.button--status, .is-complete .button--status:enabled, .is-complete .button--status:disabled {
    background-color: rgba(188, 188, 188, 0.7);
    color: rgba(255, 255, 255, 0) !important
}

.is-in-progress a.button--status, .is-in-progress .button--status:enabled, .is-in-progress .button--status:disabled {
    color: rgba(255, 255, 255, 0) !important
}

.button:disabled {
    background-color: rgba(188, 188, 188, 0.3);
    color: #bcbcbc !important;
    cursor: default
}

a.button--itv, .button--itv:enabled {
    color: #fff !important;
    background-color: #1498a0
}

a.button--itv:hover, a.button--itv:focus, a.button--itv.is-hovered, .button--itv:enabled:hover, .button--itv:enabled:focus, .button--itv:enabled.is-hovered {
    background-color: #19BEC8
}

.is-complete a.button--status.button--itv, .is-complete .button--status.button--itv:enabled, .is-complete .button--status.button--itv:disabled {
    background-color: #1498a0
}

a.button--itv2, .button--itv2:enabled {
    color: #fff !important;
    background-color: #009678
}

a.button--itv2:hover, a.button--itv2:focus, a.button--itv2.is-hovered, .button--itv2:enabled:hover, .button--itv2:enabled:focus, .button--itv2:enabled.is-hovered {
    background-color: #00BC96
}

.is-complete a.button--status.button--itv2, .is-complete .button--status.button--itv2:enabled, .is-complete .button--status.button--itv2:disabled {
    background-color: #009678
}

a.button--itvbe, .button--itvbe:enabled {
    color: #fff !important;
    background-color: #95628b
}

a.button--itvbe:hover, a.button--itvbe:focus, a.button--itvbe.is-hovered, .button--itvbe:enabled:hover, .button--itvbe:enabled:focus, .button--itvbe:enabled.is-hovered {
    background-color: #BA7BAE
}

.is-complete a.button--status.button--itvbe, .is-complete .button--status.button--itvbe:enabled, .is-complete .button--status.button--itvbe:disabled {
    background-color: #95628b
}

a.button--itv3, .button--itv3:enabled {
    color: #fff !important;
    background-color: #363779
}

a.button--itv3:hover, a.button--itv3:focus, a.button--itv3.is-hovered, .button--itv3:enabled:hover, .button--itv3:enabled:focus, .button--itv3:enabled.is-hovered {
    background-color: #434597
}

.is-complete a.button--status.button--itv3, .is-complete .button--status.button--itv3:enabled, .is-complete .button--status.button--itv3:disabled {
    background-color: #363779
}

a.button--itv4, .button--itv4:enabled {
    color: #fff !important;
    background-color: #6c7c84
}

a.button--itv4:hover, a.button--itv4:focus, a.button--itv4.is-hovered, .button--itv4:enabled:hover, .button--itv4:enabled:focus, .button--itv4:enabled.is-hovered {
    background-color: #879BA5
}

.is-complete a.button--status.button--itv4, .is-complete .button--status.button--itv4:enabled, .is-complete .button--status.button--itv4:disabled {
    background-color: #6c7c84
}

a.button--citv, .button--citv:enabled {
    color: #fff !important;
    background-color: #c80
}

a.button--citv:hover, a.button--citv:focus, a.button--citv.is-hovered, .button--citv:enabled:hover, .button--citv:enabled:focus, .button--citv:enabled.is-hovered {
    background-color: #fa0
}

.is-complete a.button--status.button--citv, .is-complete .button--status.button--citv:enabled, .is-complete .button--status.button--citv:disabled {
    background-color: #c80
}

.button--notify, a.button--notify, .button--notify:enabled {
    color: #fff !important;
    background-color: rgba(40, 40, 40, 0.8) !important;
    cursor: default
}

.button--no-text, .button--play {
    padding: 0;
    border-radius: 0;
    background-color: transparent !important;
    font-size: 0;
    color: transparent !important;
    overflow: visible
}

a.button--icon.button--itv, .button--icon.button--itv:enabled {
    background-color: rgba(20, 152, 160, 0.8)
}

a.button--icon.button--itv:hover, a.button--icon.button--itv:focus, a.button--icon.button--itv.is-hovered, .button--icon.button--itv:enabled:hover, .button--icon.button--itv:enabled:focus, .button--icon.button--itv.is-hovered:enabled {
    background-color: #1498a0
}

a.button--icon.button--itv2, .button--icon.button--itv2:enabled {
    background-color: rgba(0, 150, 120, 0.8)
}

a.button--icon.button--itv2:hover, a.button--icon.button--itv2:focus, a.button--icon.button--itv2.is-hovered, .button--icon.button--itv2:enabled:hover, .button--icon.button--itv2:enabled:focus, .button--icon.button--itv2.is-hovered:enabled {
    background-color: #009678
}

a.button--icon.button--itvbe, .button--icon.button--itvbe:enabled {
    background-color: rgba(149, 98, 139, 0.8)
}

a.button--icon.button--itvbe:hover, a.button--icon.button--itvbe:focus, a.button--icon.button--itvbe.is-hovered, .button--icon.button--itvbe:enabled:hover, .button--icon.button--itvbe:enabled:focus, .button--icon.button--itvbe.is-hovered:enabled {
    background-color: #95628b
}

a.button--icon.button--itv3, .button--icon.button--itv3:enabled {
    background-color: rgba(54, 55, 121, 0.8)
}

a.button--icon.button--itv3:hover, a.button--icon.button--itv3:focus, a.button--icon.button--itv3.is-hovered, .button--icon.button--itv3:enabled:hover, .button--icon.button--itv3:enabled:focus, .button--icon.button--itv3.is-hovered:enabled {
    background-color: #363779
}

a.button--icon.button--itv4, .button--icon.button--itv4:enabled {
    background-color: rgba(108, 124, 132, 0.8)
}

a.button--icon.button--itv4:hover, a.button--icon.button--itv4:focus, a.button--icon.button--itv4.is-hovered, .button--icon.button--itv4:enabled:hover, .button--icon.button--itv4:enabled:focus, .button--icon.button--itv4.is-hovered:enabled {
    background-color: #6c7c84
}

a.button--icon.button--citv, .button--icon.button--citv:enabled {
    background-color: rgba(204, 136, 0, 0.8)
}

a.button--icon.button--citv:hover, a.button--icon.button--citv:focus, a.button--icon.button--citv.is-hovered, .button--icon.button--citv:enabled:hover, .button--icon.button--citv:enabled:focus, .button--icon.button--citv.is-hovered:enabled {
    background-color: #c80
}

.button__icon {
    pointer-events: none;
    width: 2.5rem;
    height: 2.5rem;
    display: inline-block;
    vertical-align: top;
    position: relative;
    margin: 0 .5rem 0 -1.5rem
}

.button__icon:before {
    opacity: 1
}

.button--play.is-clicked .button__icon:before {
    opacity: 0;
    -webkit-transition: opacity 0.25s linear 0.1s;
    transition: opacity 0.25s linear 0.1s
}

.button__icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 50%;
    overflow: hidden;
    background-color: #bcbcbc;
    transition: background-color 0.15s linear 0s;
    -webkit-transition: background-color 0.15s linear 0s
}

a.button:hover .button__icon:after, a.button:focus .button__icon:after, .button:enabled:hover .button__icon:after, .button:enabled:focus .button__icon:after, .button.is-hovered:enabled .button__icon:after {
    background-color: #19BEC8
}

.button--no-text .button__icon:after, .button--play .button__icon:after {
    background-color: rgba(188, 188, 188, 0.8)
}

a.button--itv .button__icon:after, .button--itv:enabled .button__icon:after {
    background-color: #1498a0
}

a.button--itv.button--no-text .button__icon:after, a.button--itv.button--play .button__icon:after, .button--itv:enabled.button--no-text .button__icon:after, .button--itv:enabled.button--play .button__icon:after {
    background-color: rgba(20, 152, 160, 0.8)
}

a.button--itv:hover .button__icon:after, a.button--itv:focus .button__icon:after, a.button--itv.is-hovered .button__icon:after, .button--itv:enabled:hover .button__icon:after, .button--itv:enabled:focus .button__icon:after, .button--itv.is-hovered:enabled .button__icon:after {
    background-color: #19BEC8 !important
}

a.button--itv2 .button__icon:after, .button--itv2:enabled .button__icon:after {
    background-color: #009678
}

a.button--itv2.button--no-text .button__icon:after, a.button--itv2.button--play .button__icon:after, .button--itv2:enabled.button--no-text .button__icon:after, .button--itv2:enabled.button--play .button__icon:after {
    background-color: rgba(0, 150, 120, 0.8)
}

a.button--itv2:hover .button__icon:after, a.button--itv2:focus .button__icon:after, a.button--itv2.is-hovered .button__icon:after, .button--itv2:enabled:hover .button__icon:after, .button--itv2:enabled:focus .button__icon:after, .button--itv2.is-hovered:enabled .button__icon:after {
    background-color: #00BC96 !important
}

a.button--itvbe .button__icon:after, .button--itvbe:enabled .button__icon:after {
    background-color: #95628b
}

a.button--itvbe.button--no-text .button__icon:after, a.button--itvbe.button--play .button__icon:after, .button--itvbe:enabled.button--no-text .button__icon:after, .button--itvbe:enabled.button--play .button__icon:after {
    background-color: rgba(149, 98, 139, 0.8)
}

a.button--itvbe:hover .button__icon:after, a.button--itvbe:focus .button__icon:after, a.button--itvbe.is-hovered .button__icon:after, .button--itvbe:enabled:hover .button__icon:after, .button--itvbe:enabled:focus .button__icon:after, .button--itvbe.is-hovered:enabled .button__icon:after {
    background-color: #BA7BAE !important
}

a.button--itv3 .button__icon:after, .button--itv3:enabled .button__icon:after {
    background-color: #363779
}

a.button--itv3.button--no-text .button__icon:after, a.button--itv3.button--play .button__icon:after, .button--itv3:enabled.button--no-text .button__icon:after, .button--itv3:enabled.button--play .button__icon:after {
    background-color: rgba(54, 55, 121, 0.8)
}

a.button--itv3:hover .button__icon:after, a.button--itv3:focus .button__icon:after, a.button--itv3.is-hovered .button__icon:after, .button--itv3:enabled:hover .button__icon:after, .button--itv3:enabled:focus .button__icon:after, .button--itv3.is-hovered:enabled .button__icon:after {
    background-color: #434597 !important
}

a.button--itv4 .button__icon:after, .button--itv4:enabled .button__icon:after {
    background-color: #6c7c84
}

a.button--itv4.button--no-text .button__icon:after, a.button--itv4.button--play .button__icon:after, .button--itv4:enabled.button--no-text .button__icon:after, .button--itv4:enabled.button--play .button__icon:after {
    background-color: rgba(108, 124, 132, 0.8)
}

a.button--itv4:hover .button__icon:after, a.button--itv4:focus .button__icon:after, a.button--itv4.is-hovered .button__icon:after, .button--itv4:enabled:hover .button__icon:after, .button--itv4:enabled:focus .button__icon:after, .button--itv4.is-hovered:enabled .button__icon:after {
    background-color: #879BA5 !important
}

a.button--citv .button__icon:after, .button--citv:enabled .button__icon:after {
    background-color: #c80
}

a.button--citv.button--no-text .button__icon:after, a.button--citv.button--play .button__icon:after, .button--citv:enabled.button--no-text .button__icon:after, .button--citv:enabled.button--play .button__icon:after {
    background-color: rgba(204, 136, 0, 0.8)
}

a.button--citv:hover .button__icon:after, a.button--citv:focus .button__icon:after, a.button--citv.is-hovered .button__icon:after, .button--citv:enabled:hover .button__icon:after, .button--citv:enabled:focus .button__icon:after, .button--citv.is-hovered:enabled .button__icon:after {
    background-color: #fa0 !important
}

.button--play.is-clicked .button__icon:after {
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 0.5s;
    -webkit-animation-name: button-click;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-duration: 0.5s;
    animation-name: button-click;
    animation-fill-mode: forwards
}

.button--no-text .button__icon, .button--play .button__icon {
    margin: 0
}

.button--play .button__icon {
    width: 3.5rem;
    height: 3.5rem
}

.button--play .button__icon:after {
    -webkit-transform: scale(1);
    -webkit-transition: -webkit-transform 0.15s linear 0s, background-color 0.15s linear 0s;
    transform: scale(1);
    transition: transform 0.15s linear 0s, background-color 0.15s linear 0s
}

a.button--play:hover .button__icon:after, a.button--play:focus .button__icon:after, .button--play:enabled:hover .button__icon:after, .button--play:enabled:focus .button__icon:after, .button--play.is-hovered:enabled .button__icon:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.is-in-progress .button--status:after, .is-complete .button--status:after {
    width: 100%;
    height: 100%;
    opacity: 1
}

.is-in-progress .button--status {
    background-color: rgba(188, 188, 188, 0.7) !important
}

.is-in-progress .button--status:after {
    background-image: url("/hub/assets/img/svgmin/throbber-3.svg?65877365680")
}

.is-complete .button--status:after {
    background-image: url("/hub/assets/img/svgmin/icons/player/tick.svg?65877365680")
}

@media (min-width: 37.5em) {
    .button--play .button__icon {
        width: 4rem;
        height: 4rem
    }
}

@media (min-width: 56em) {
    .button--play .button__icon {
        width: 5rem;
        height: 5rem
    }
}

.meniscus {
    -webkit-mask-box-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2216%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200v24c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2048%201393.7%2038.846%201600%2024V0H0z%22/%3E%3C/svg%3E") 4 0 8 0 stretch repeat;
    mask-border: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2216%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200v24c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2048%201393.7%2038.846%201600%2024V0H0z%22/%3E%3C/svg%3E") 4 0 8 0 stretch repeat
}

.meniscus--top {
    -webkit-mask-box-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2216%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2024%201393.7%2014.846%201600%200v48H0V0z%22/%3E%3C/svg%3E") 8 0 4 0 stretch repeat;
    mask-border: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2216%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2024%201393.7%2014.846%201600%200v48H0V0z%22/%3E%3C/svg%3E") 8 0 4 0 stretch repeat
}

@media (min-width: 37.5em) {
    .meniscus {
        -webkit-mask-box-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2224%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200v24c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2048%201393.7%2038.846%201600%2024V0H0z%22/%3E%3C/svg%3E") 6 0 12 0 stretch repeat;
        mask-border: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2224%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200v24c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2048%201393.7%2038.846%201600%2024V0H0z%22/%3E%3C/svg%3E") 6 0 12 0 stretch repeat
    }

    .meniscus--top {
        -webkit-mask-box-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2224%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2024%201393.7%2014.846%201600%200v48H0V0z%22/%3E%3C/svg%3E") 12 0 6 0 stretch repeat;
        mask-border: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2224%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2024%201393.7%2014.846%201600%200v48H0V0z%22/%3E%3C/svg%3E") 12 0 6 0 stretch repeat
    }
}

@media (min-width: 56em) {
    .meniscus {
        -webkit-mask-box-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2232%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200v24c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2048%201393.7%2038.846%201600%2024V0H0z%22/%3E%3C/svg%3E") 8 0 16 0 stretch repeat;
        mask-border: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2232%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200v24c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2048%201393.7%2038.846%201600%2024V0H0z%22/%3E%3C/svg%3E") 8 0 16 0 stretch repeat
    }

    .meniscus--top {
        -webkit-mask-box-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2232%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2024%201393.7%2014.846%201600%200v48H0V0z%22/%3E%3C/svg%3E") 16 0 8 0 stretch repeat;
        mask-border: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20width=%221600%22%20height=%2232%22%20viewBox=%220%200%201600%2048%22%20preserveAspectRatio=%22none%22%3E%3Cpath%20d=%22M0%200c206.132%2014.846%20488.604%2024%20799.998%2024C1111.395%2024%201393.7%2014.846%201600%200v48H0V0z%22/%3E%3C/svg%3E") 16 0 8 0 stretch repeat
    }
}

@media (min-width: 64.0625em) {
    .meniscus--below-sprinkles {
        -webkit-mask-box-image: none !important;
        mask-border: none !important
    }
}

@media (min-width: 44em) {
    .meniscus--below-fluid-video {
        -webkit-mask-box-image: none !important;
        mask-border: none !important
    }
}

@media (max-width: 44em) {
    .meniscus--above-fluid-video {
        -webkit-mask-box-image: none !important;
        mask-border: none !important
    }
}

.module {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.module--secondary {
    border-style: solid;
    border-color: #bcbcbc;
    border-top-width: .0625rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.module--secondary:first-child {
    border-top-width: 0
}

.module--collections {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.module--aside {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 1.5rem
}

.module--under-nav {
    padding-top: 4.5rem
}

.module__heading {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.75rem;
    line-height: 1.14286;
    font-weight: 700
}

.module--secondary .module__heading {
    font-size: 1.1875rem;
    line-height: 1.26316;
    font-weight: 500
}

.module--aside .module__heading {
    margin-top: 0;
    margin-bottom: 1rem;
    font-size: 1.4375rem;
    line-height: 1.21739;
    font-weight: 700
}

.module--compact .module__heading {
    font-size: 1.4375rem;
    line-height: 1.21739;
    font-weight: 700;
    margin-bottom: .5rem
}

.module__heading--itv {
    color: #282828
}

.module__heading--itv2 {
    color: #fff
}

.module__heading--itvbe {
    color: #fff
}

.module__heading--itv3 {
    color: #fff
}

.module__heading--itv4 {
    color: #fff
}

.module__heading--citv {
    color: #282828
}

.module__more, .module__empty {
    font-size: .8125rem;
    line-height: 2.46154
}

.module--secondary .module__more, .module--secondary .module__empty {
    font-size: .8125rem;
    line-height: 1.84615
}

.module__more {
    float: right
}

.module__more-link {
    font-weight: 500;
    text-decoration: underline
}

@media (min-width: 37.5em) {
    .module {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .module--secondary {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .module--collections {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .module--aside {
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding: 1.5rem
    }

    .module--under-nav {
        padding-top: 5rem
    }

    .module__heading {
        font-size: 2.0625rem;
        line-height: 1.21212;
        margin-bottom: 1.5rem
    }

    .module--secondary .module__heading {
        font-size: 1.4375rem;
        line-height: 1.21739;
        margin-top: 0
    }

    .module--compact .module__heading {
        font-size: 1.4375rem;
        line-height: 1.21739;
        font-weight: 700;
        margin-bottom: .5rem
    }

    .module__more, .module__empty {
        font-size: 1rem;
        line-height: 2.5
    }

    .module--secondary .module__more, .module--secondary .module__empty {
        font-size: 1rem;
        line-height: 1.75
    }
}

@media (min-width: 56em) {
    .module {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .module--secondary {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .module--collections {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .module--aside {
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding: 1.5rem
    }

    .module--under-nav {
        padding-top: 5rem
    }

    .module__heading {
        font-size: 2.5rem;
        line-height: 1.15;
        margin-bottom: 1.5rem
    }

    .module--secondary .module__heading {
        font-size: 1.75rem;
        line-height: 1.14286
    }

    .module--compact .module__heading {
        font-size: 1.4375rem;
        line-height: 1.21739;
        font-weight: 700;
        margin-bottom: .5rem
    }
}

.posterframe {
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat
}

.posterframe--centered {
    background-position: center
}

.posterframe--blur {
    background-position: center;
    background-size: auto 200%
}

@media (min-width: 37.5em) {
    .posterframe--blur {
        background-size: 200%
    }
}

@media (min-width: 44em) {
    .posterframe--pre-blur {
        box-sizing: content-box
    }
}

@media (max-width: 44em) {
    .posterframe--hidden-when-fluid {
        background-image: none !important
    }
}

[class*="push--"] {
    position: relative
}

.push--auto {
    left: auto
}

.push--one-whole {
    left: 100%
}

.push--one-half {
    left: 50%
}

.push--one-third {
    left: 33.33333%
}

.push--two-thirds {
    left: 66.66667%
}

.push--one-quarter {
    left: 25%
}

.push--three-quarters {
    left: 75%
}

.push--one-fifth {
    left: 20%
}

.push--two-fifths {
    left: 40%
}

.push--three-fifths {
    left: 60%
}

.push--four-fifths {
    left: 80%
}

.push--one-sixth {
    left: 16.66667%
}

.push--five-sixths {
    left: 83.33333%
}

.push--one-seventh {
    left: 14.28571%
}

.push--two-sevenths {
    left: 28.57143%
}

.push--three-sevenths {
    left: 42.85714%
}

.push--four-sevenths {
    left: 57.14286%
}

.push--five-sevenths {
    left: 71.42857%
}

.push--six-sevenths {
    left: 85.71429%
}

.push--one-eighth {
    left: 12.5%
}

.push--three-eights {
    left: 37.5%
}

.push--five-eights {
    left: 62.5%
}

.push--seven-eights {
    left: 87.5%
}

.push--one-ninth {
    left: 11.11111%
}

.push--two-ninths {
    left: 22.22222%
}

.push--four-ninths {
    left: 44.44444%
}

.push--five-ninths {
    left: 55.55556%
}

.push--seven-ninths {
    left: 77.77778%
}

.push--eight-ninths {
    left: 88.88889%
}

.push--one-tenth {
    left: 10%
}

.push--three-tenths {
    left: 30%
}

.push--seven-tenths {
    left: 70%
}

.push--nine-tenths {
    left: 90%
}

.push--one-eleventh {
    left: 9.09091%
}

.push--two-elevenths {
    left: 18.18182%
}

.push--three-elevenths {
    left: 27.27273%
}

.push--four-elevenths {
    left: 36.36364%
}

.push--five-elevenths {
    left: 45.45455%
}

.push--six-elevenths {
    left: 54.54545%
}

.push--seven-elevenths {
    left: 63.63636%
}

.push--eight-elevenths {
    left: 72.72727%
}

.push--nine-elevenths {
    left: 81.81818%
}

.push--ten-elevenths {
    left: 90.90909%
}

.push--one-twelfth {
    left: 8.33333%
}

.push--five-twelfths {
    left: 41.66667%
}

.push--seven-twelfths {
    left: 58.33333%
}

.push--eleven-twelfths {
    left: 91.66667%
}

@media (min-width: 37.5em) {
    .push--custard--auto {
        left: auto
    }

    .push--custard--one-whole {
        left: 100%
    }

    .push--custard--one-half {
        left: 50%
    }

    .push--custard--one-third {
        left: 33.33333%
    }

    .push--custard--two-thirds {
        left: 66.66667%
    }

    .push--custard--one-quarter {
        left: 25%
    }

    .push--custard--three-quarters {
        left: 75%
    }

    .push--custard--one-fifth {
        left: 20%
    }

    .push--custard--two-fifths {
        left: 40%
    }

    .push--custard--three-fifths {
        left: 60%
    }

    .push--custard--four-fifths {
        left: 80%
    }

    .push--custard--one-sixth {
        left: 16.66667%
    }

    .push--custard--five-sixths {
        left: 83.33333%
    }

    .push--custard--one-seventh {
        left: 14.28571%
    }

    .push--custard--two-sevenths {
        left: 28.57143%
    }

    .push--custard--three-sevenths {
        left: 42.85714%
    }

    .push--custard--four-sevenths {
        left: 57.14286%
    }

    .push--custard--five-sevenths {
        left: 71.42857%
    }

    .push--custard--six-sevenths {
        left: 85.71429%
    }

    .push--custard--one-eighth {
        left: 12.5%
    }

    .push--custard--three-eights {
        left: 37.5%
    }

    .push--custard--five-eights {
        left: 62.5%
    }

    .push--custard--seven-eights {
        left: 87.5%
    }

    .push--custard--one-ninth {
        left: 11.11111%
    }

    .push--custard--two-ninths {
        left: 22.22222%
    }

    .push--custard--four-ninths {
        left: 44.44444%
    }

    .push--custard--five-ninths {
        left: 55.55556%
    }

    .push--custard--seven-ninths {
        left: 77.77778%
    }

    .push--custard--eight-ninths {
        left: 88.88889%
    }

    .push--custard--one-tenth {
        left: 10%
    }

    .push--custard--three-tenths {
        left: 30%
    }

    .push--custard--seven-tenths {
        left: 70%
    }

    .push--custard--nine-tenths {
        left: 90%
    }

    .push--custard--one-eleventh {
        left: 9.09091%
    }

    .push--custard--two-elevenths {
        left: 18.18182%
    }

    .push--custard--three-elevenths {
        left: 27.27273%
    }

    .push--custard--four-elevenths {
        left: 36.36364%
    }

    .push--custard--five-elevenths {
        left: 45.45455%
    }

    .push--custard--six-elevenths {
        left: 54.54545%
    }

    .push--custard--seven-elevenths {
        left: 63.63636%
    }

    .push--custard--eight-elevenths {
        left: 72.72727%
    }

    .push--custard--nine-elevenths {
        left: 81.81818%
    }

    .push--custard--ten-elevenths {
        left: 90.90909%
    }

    .push--custard--one-twelfth {
        left: 8.33333%
    }

    .push--custard--five-twelfths {
        left: 41.66667%
    }

    .push--custard--seven-twelfths {
        left: 58.33333%
    }

    .push--custard--eleven-twelfths {
        left: 91.66667%
    }
}

@media (min-width: 56em) {
    .push--cream--auto {
        left: auto
    }

    .push--cream--one-whole {
        left: 100%
    }

    .push--cream--one-half {
        left: 50%
    }

    .push--cream--one-third {
        left: 33.33333%
    }

    .push--cream--two-thirds {
        left: 66.66667%
    }

    .push--cream--one-quarter {
        left: 25%
    }

    .push--cream--three-quarters {
        left: 75%
    }

    .push--cream--one-fifth {
        left: 20%
    }

    .push--cream--two-fifths {
        left: 40%
    }

    .push--cream--three-fifths {
        left: 60%
    }

    .push--cream--four-fifths {
        left: 80%
    }

    .push--cream--one-sixth {
        left: 16.66667%
    }

    .push--cream--five-sixths {
        left: 83.33333%
    }

    .push--cream--one-seventh {
        left: 14.28571%
    }

    .push--cream--two-sevenths {
        left: 28.57143%
    }

    .push--cream--three-sevenths {
        left: 42.85714%
    }

    .push--cream--four-sevenths {
        left: 57.14286%
    }

    .push--cream--five-sevenths {
        left: 71.42857%
    }

    .push--cream--six-sevenths {
        left: 85.71429%
    }

    .push--cream--one-eighth {
        left: 12.5%
    }

    .push--cream--three-eights {
        left: 37.5%
    }

    .push--cream--five-eights {
        left: 62.5%
    }

    .push--cream--seven-eights {
        left: 87.5%
    }

    .push--cream--one-ninth {
        left: 11.11111%
    }

    .push--cream--two-ninths {
        left: 22.22222%
    }

    .push--cream--four-ninths {
        left: 44.44444%
    }

    .push--cream--five-ninths {
        left: 55.55556%
    }

    .push--cream--seven-ninths {
        left: 77.77778%
    }

    .push--cream--eight-ninths {
        left: 88.88889%
    }

    .push--cream--one-tenth {
        left: 10%
    }

    .push--cream--three-tenths {
        left: 30%
    }

    .push--cream--seven-tenths {
        left: 70%
    }

    .push--cream--nine-tenths {
        left: 90%
    }

    .push--cream--one-eleventh {
        left: 9.09091%
    }

    .push--cream--two-elevenths {
        left: 18.18182%
    }

    .push--cream--three-elevenths {
        left: 27.27273%
    }

    .push--cream--four-elevenths {
        left: 36.36364%
    }

    .push--cream--five-elevenths {
        left: 45.45455%
    }

    .push--cream--six-elevenths {
        left: 54.54545%
    }

    .push--cream--seven-elevenths {
        left: 63.63636%
    }

    .push--cream--eight-elevenths {
        left: 72.72727%
    }

    .push--cream--nine-elevenths {
        left: 81.81818%
    }

    .push--cream--ten-elevenths {
        left: 90.90909%
    }

    .push--cream--one-twelfth {
        left: 8.33333%
    }

    .push--cream--five-twelfths {
        left: 41.66667%
    }

    .push--cream--seven-twelfths {
        left: 58.33333%
    }

    .push--cream--eleven-twelfths {
        left: 91.66667%
    }
}

@-webkit-keyframes imagefade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes imagefade {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes bodyfade {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes bodyfade {
    0% {
        opacity: 0
    }
    50% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

.tout {
    position: relative
}

.tout * {
    -webkit-animation-delay: inherit;
    -webkit-animation-duration: 0.25s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-delay: inherit;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-timing-function: ease-in-out
}

.js .is-lazy-unloaded .tout__image {
    opacity: 0
}

.js .is-lazy-loaded .tout__image {
    opacity: 1
}

.js .is-lazy-animated .tout__image {
    opacity: 0;
    -webkit-animation-name: imagefade;
    animation-name: imagefade
}

.tout__image:after {
    display: block;
    content: "";
    width: 100%;
    height: 0;
    border-width: .1875rem 0 .1875rem 0;
    -webkit-transition: -webkit-transform 0.15s ease-in 0s;
    transition: transform 0.15s ease-in 0s;
    border-style: solid;
    position: absolute;
    bottom: -.1875rem;
    left: 0;
    z-index: 10;
    border-radius: 3px;
    margin: 0 -4px;
    padding: 0 4px;
    -webkit-transform: scale(0);
    transform: scale(0)
}

a:hover .tout__image:after, a:focus .tout__image:after {
    width: 100%;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.tout__image-overlay {
    padding: .125rem .75rem;
    position: absolute;
    bottom: .75rem;
    left: -.5rem;
    z-index: 11;
    text-transform: uppercase;
    font-size: .8125rem;
    line-height: 1.38462;
    background-color: #149BA3;
    border-radius: 3.125rem;
    -webkit-transition: background-color 0.15s ease-in 0s;
    transition: background-color 0.15s ease-in 0s
}

.tout__image-overlay--itv {
    background-color: #149BA3
}

.tout__image-overlay--itv2 {
    background-color: #009E79
}

.tout__image-overlay--itvbe {
    background-color: #B279AD
}

.tout__image-overlay--itv3 {
    background-color: #434597
}

.tout__image-overlay--itv4 {
    background-color: #7C8F98
}

.tout__image-overlay--citv {
    background-color: #D86D08
}

.tout--collections .tout__image, .tout--primetime .tout__image {
    border: 0 solid #fff;
    border-width: .125rem;
    margin: -.125rem;
    background-color: #fff
}

.tout--programme .tout__image {
    border: 0 solid #f2f2f2;
    border-width: .125rem;
    margin: -.125rem
}

.is-partially-hidden .tout__image {
    margin-bottom: -56.25%;
    border-bottom: 0 solid transparent;
    border-bottom-width: 2rem
}

.is-partially-hidden .tout__image:after {
    display: none
}

.tout__icon {
    position: absolute;
    top: .5rem;
    right: .5rem
}

.tout__body, .tout__more {
    opacity: 1
}

.js .is-lazy-unloaded .tout__body, .js .is-lazy-unloaded .tout__more {
    opacity: 0
}

.js .is-lazy-loaded .tout__body, .js .is-lazy-loaded .tout__more {
    opacity: 1
}

.js .is-lazy-animated .tout__body, .js .is-lazy-animated .tout__more {
    opacity: 0;
    -webkit-animation-name: bodyfade;
    animation-name: bodyfade
}

.is-partially-hidden .tout__body, .is-partially-hidden .tout__more {
    display: none
}

.tout__title, .tout__meta, .tout__summary, .tout__more {
    margin: 0
}

.tout__title {
    font-size: 1rem;
    line-height: 1.25
}

.tout--collections .tout__title {
    font-size: .8125rem;
    line-height: 1.38462
}

.tout__meta {
    display: block;
    font-size: .8125rem;
    line-height: 1.38462
}

.tout--collections .tout__meta {
    display: none
}

.tout--overlay .tout__meta {
    opacity: 0.8
}

.tout__more {
    margin-top: .5rem;
    font-size: .8125rem;
    line-height: 1.38462;
    font-weight: 500
}

.tout__button {
    margin-top: 1rem
}

.tout__summary {
    display: none
}

.tout__series {
    font-weight: 500
}

@media (min-width: 37.5em) {
    .tout__image:after {
        border-width: .25rem 0 .25rem 0;
        border-radius: 4px;
        bottom: -.25rem
    }

    .tout__image-overlay {
        padding: .25rem 1rem;
        bottom: 1rem
    }

    .tout__title, .tout--collections .tout__title {
        font-size: 1.1875rem;
        line-height: 1.26316
    }

    .tout__meta, .tout--collections .tout__meta {
        display: block;
        font-size: 1rem;
        line-height: 1.25
    }

    .tout__more {
        font-size: 1rem;
        line-height: 1.25
    }

    .tout__summary {
        display: block;
        font-size: 1rem;
        line-height: 1.25;
        margin-top: .5rem
    }
}

@media (min-width: 56em) {
    .tout__title, .tout--collections .tout__title {
        font-size: 1.4375rem;
        line-height: 1.21739
    }
}

.form {
    position: relative
}

.form--disabled {
    opacity: 0.5
}

.form__wrapper {
    position: relative;
    margin: 1.5rem 0
}

.form__button-wrapper {
    margin: 1.5rem 0 0;
    min-height: 2.5rem
}

.form__button {
    color: #149BA3;
    font-size: 1.1875rem;
    line-height: 2.10526
}

.form__button--right-aligned {
    float: right
}

.form__message-wrapper {
    margin: 0 0 1.5rem
}

.form__message {
    font-size: 1rem;
    line-height: 1.25;
    color: #4e4e4e;
    margin: 0
}

.form__subheading {
    margin: 0
}

.form__label {
    height: 2.5rem;
    padding: .625rem 1rem;
    position: absolute;
    font-weight: 500
}

.form__label--checkbox {
    display: block;
    position: relative;
    padding: .125rem 0 .125rem 2.5rem;
    height: 100%;
    background: url("/hub/assets/img/svgmin/tick-box-unticked.svg?65877365680") no-repeat 0% 50%
}

.form__label--checkbox:hover:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 100%;
    opacity: 0.2;
    background: url("/hub/assets/img/svgmin/tick.svg?65877365680") no-repeat 0% 50%
}

.is-error .form__label {
    color: #9B5D00
}

.form__field {
    transition: background-color 0.2s 0s ease-out, border 0.2s 0s ease-out, color 0.2s 0s ease-out, color 0.2s 0s ease-out;
    -webkit-transition: background-color 0.2s 0s ease-out, border 0.2s 0s ease-out, color 0.2s 0s ease-out;
    height: 2.5rem;
    border-radius: 2.5rem;
    padding-left: 8rem;
    border: 1px solid #bcbcbc;
    background-color: #fff;
    color: #767676
}

.form__field::-moz-placeholder {
    color: #767676;
    opacity: 1
}

.form__field:-moz-placeholder {
    color: #767676;
    opacity: 1
}

.form__field::-webkit-input-placeholder {
    color: #767676;
    opacity: 1
}

.form__field:-ms-input-placeholder {
    color: #767676;
    opacity: 1
}

.form__field--long-label {
    padding-left: 11rem
}

.form__field:focus {
    border-color: #19BEC8
}

.form__field--checkbox {
    position: absolute;
    left: -1000em
}

.form__field--checkbox:checked + label:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 100%;
    background: url("/hub/assets/img/svgmin/tick.svg?65877365680") no-repeat 0% 50%
}

.form__field--checkbox:focus + label {
    outline: thin dotted
}

.form__field--checkbox:focus + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 24px;
    height: 100%;
    opacity: 0.2;
    background: url("/hub/assets/img/svgmin/tick.svg?65877365680") no-repeat 0% 50%
}

.form__field--select {
    padding-left: 8rem;
    padding-right: 1rem;
    background: url("/hub/assets/img/svgmin/select-arrows.svg?65877365680") no-repeat 100% 50%;
    background-origin: content-box;
    background-color: #fff
}

.is-error .form__field {
    background-color: #FFCD64;
    border-style: none
}

.is-error .form__field:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #FFCD64 inset
}

.is-viewable-only .form__field {
    transition: background-color 0.2s 0s ease-out, border 0.2s 0s ease-out, color 0.2s 0s ease-out;
    -webkit-transition: background-color 0.2s 0s ease-out, border 0.2s 0s ease-out, color 0.2s 0s ease-out;
    background-color: transparent;
    background-image: none;
    border-style: dashed;
    color: #767676;
    -webkit-text-fill-color: #767676
}

.is-viewable-only .form__field:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #f2f2f2 inset
}

.is-in-progress .form__field, .is-complete .form__field {
    opacity: 0.5;
    background-color: transparent;
    border-style: none
}

.is-in-progress .form__field:-webkit-autofill, .is-complete .form__field:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #bcbcbc inset
}

.form__error-message {
    display: none;
    color: #9B5D00;
    font-size: .8125rem;
    padding: .25rem 0 0 1rem;
    margin-bottom: -1.25rem
}

.is-error .form__error-message, .form__error-message.is-error {
    display: block
}

.form__error-message--general {
    position: static
}

.form__notification-message {
    display: none
}

.form__notification-message.is-visible {
    display: inline-block
}

.form__notification-message__icon {
    margin-right: 16px
}

.form__link {
    display: inline-block;
    padding: .25rem 1rem 0
}

.form__link.is-field-in-progress {
    opacity: 0.5
}

.form .is-in-progress, .form .is-complete {
    opacity: 0.5
}

.form.is-reset-password-submit .form__label, .form.is-reset-password-submit .form__field, .form.is-reset-password-submit .button, .form.is-set-new-password-submit .form__label, .form.is-set-new-password-submit .form__field, .form.is-set-new-password-submit .button {
    display: none
}

.shadow {
    height: 0;
    position: relative
}

.shadow--hero:before {
    bottom: -1.5rem
}

.shadow--collections:before {
    bottom: 0
}

@media (min-width: 37.5em) {
    .shadow--hero:before {
        bottom: -2rem
    }
}

@media (min-width: 56em) {
    .shadow--hero:before {
        bottom: -2rem
    }
}

.line {
    display: block;
    height: .125rem;
    width: 100%;
    background-color: #bcbcbc
}

.serve[data-serve-size="1x1"] {
    width: 1px;
    height: 1px;
    margin-top: -1px;
    overflow: hidden
}

.loader:before {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%
}

.loader.is-loader-loading.is-loader-animated:before {
    opacity: 1;
    background-image: url("/hub/assets/img/svgmin/throbber.svg?65877365680");
    transition: opacity 0.25s linear 0.5s
}

.loader--light.is-loader-loading.is-loader-animated:before {
    background-image: url("/hub/assets/img/svgmin/throbber-light.svg?65877365680")
}

.loader.is-loader-loaded:before, .loader.is-loader-load-error:before {
    display: none
}

.loader__media {
    opacity: 1
}

.is-loader-loading .loader__media {
    opacity: 0
}

.is-loader-load-error .loader__media {
    opacity: 0
}

.is-loader-loaded .loader__media {
    opacity: 1
}

.is-loader-animated .loader__media {
    transition: opacity 0.25s linear 0s
}

@media (min-width: 37.5em) {
    .loader.is-loader-loading:before {
        background-size: 25%
    }
}

.list {
    margin-top: 0;
    margin-bottom: 0
}

.list__item {
    margin: .5rem 0 0 0;
    padding-left: 2rem
}

.list__item:before {
    display: none
}

.list__item--flush {
    padding-left: 0
}

.list__item--loose {
    margin: 1.5rem 0 0 0;
    padding-left: 0
}

.list__item--aside {
    margin: 2rem 0 0 0;
    padding-left: 3.5rem;
    position: relative
}

.list__item--aside.is-faded {
    opacity: 0.3
}

.list__icon {
    position: absolute;
    left: 0
}

.nav-primary {
    background-color: #fff;
    z-index: 100;
    border-style: solid;
    border-color: #bcbcbc;
    border-width: 0 0 .0625rem
}

.nav-primary__wrapper {
    position: relative
}

.nav-primary__home {
    height: 3.4375rem
}

.nav-primary__home-link {
    display: inline-block;
    margin: .8125rem 0 0 1rem
}

.nav-primary__home-link:focus {
    outline: none
}

.nav-primary__svg {
    display: block;
    pointer-events: none;
    width: 100%;
    height: 100%
}

.nav-primary__svg--user {
    width: 1.25rem;
    height: 1.25rem;
    position: absolute;
    top: 1.125rem;
    right: .5rem
}

.is-logged-in-plus .nav-primary__path--user {
    display: none
}

.nav-primary__path--user-plus {
    display: none
}

.is-logged-in-plus .nav-primary__path--user-plus {
    display: block
}

.nav-primary__path {
    fill: #767676
}

a:hover .nav-primary__path, a:focus .nav-primary__path, button:hover .nav-primary__path, button:focus .nav-primary__path {
    fill: #19BEC8
}

.nav-primary__button {
    display: none;
    position: absolute;
    top: 0;
    width: 2.75rem;
    height: 3.5rem;
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer
}

.nav-primary__button:focus {
    outline: none
}

.js .nav-primary__button {
    display: block
}

.nav-primary__button--hamburger {
    right: .25rem
}

.is-nav-open .nav-primary__button--hamburger {
    background-color: #19BEC8
}

.is-nav-open .nav-primary__button--hamburger .nav-primary__path--hamburger {
    fill: #fff
}

.nav-primary__button--magnify {
    right: 3rem
}

.is-search-open .nav-primary__button--magnify {
    background-color: #19BEC8
}

.is-search-open .nav-primary__button--magnify .nav-primary__path--magnify {
    fill: #fff
}

.nav-primary__logo {
    width: 3.625rem;
    height: 1.8125rem;
    margin: 0
}

.js .nav-primary__search {
    display: none
}

.is-search-open .nav-primary__search {
    display: block
}

.nav-primary__search-panel {
    background-color: #19BEC8;
    padding: .5rem 1rem
}

.nav-primary__search-input {
    border: none;
    border-radius: 1.25rem;
    padding: .125rem .75rem;
    background-color: #fff;
    color: #282828;
    font-size: 1rem;
    line-height: 1.25;
    width: 100%;
    box-sizing: border-box !important
}

.nav-primary__search-input::-moz-placeholder {
    color: #767676;
    opacity: 1;
    font-size: 1rem;
    line-height: 1.25
}

.nav-primary__search-input:-moz-placeholder {
    color: #767676;
    opacity: 1;
    font-size: 1rem;
    line-height: 1.25
}

.nav-primary__search-input::-webkit-input-placeholder {
    color: #767676;
    opacity: 1;
    font-size: 1rem;
    line-height: 1.25
}

.nav-primary__search-input:-ms-input-placeholder {
    color: #767676;
    opacity: 1;
    font-size: 1rem;
    line-height: 1.25
}

.nav-primary__search-submit {
    display: none
}

.nav-primary__items, .nav-primary__user-items {
    background-color: #fff
}

.js .nav-primary__items, .js .nav-primary__user-items {
    display: none
}

.is-nav-open .nav-primary__items {
    display: block
}

.nav-primary__user-items {
    display: none
}

.is-logged-in .is-user-open .nav-primary__user-items, .is-logged-in-plus .is-user-open .nav-primary__user-items {
    display: block
}

.nav-primary__item, .nav-primary__user-item {
    border-style: solid;
    border-color: #f2f2f2;
    border-width: .0625rem 0 0;
    padding-left: 0
}

.nav-primary__item:first-child, .nav-primary__user-item:first-child {
    border-color: #19BEC8
}

.nav-primary__item--help:first-child, .nav-primary__user-item--help:first-child {
    border-color: #f2f2f2
}

.nav-primary__link, .nav-primary__user-link, .nav-primary__user-button {
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
    color: #767676;
    font-size: 1rem;
    line-height: 2.5;
    font-weight: 400;
    white-space: nowrap;
    cursor: pointer
}

.nav-primary__link:hover, .nav-primary__link:focus, .nav-primary__user-link:hover, .nav-primary__user-link:focus, .nav-primary__user-button:hover, .nav-primary__user-button:focus {
    text-decoration: none;
    color: #19BEC8;
    outline: none
}

.nav-primary__link, .nav-primary__user-link {
    width: 100%;
    text-align: left
}

.nav-primary__link:hover, .nav-primary__link:focus, .nav-primary__user-link:hover, .nav-primary__user-link:focus {
    background-color: #f2f2f2
}

.nav-primary__link--active, .nav-primary__user-link--active {
    font-weight: 700
}

.nav-primary__link--help, .nav-primary__user-link--help {
    font-size: .8125rem;
    line-height: 3.07692
}

.nav-primary__user-button {
    padding: .5rem 2.25rem .5rem .5rem;
    height: 3.5rem;
    font-size: .8125rem;
    line-height: 3.07692;
    position: absolute;
    right: 5.75rem;
    top: 0;
    display: none;
    white-space: nowrap;
    max-width: 6.5rem
}

.nav-primary__user-button--login {
    display: none;
    text-transform: uppercase
}

.is-not-logged-in .nav-primary__user-button--login {
    display: block
}

.nav-primary__user-button--menu {
    display: none
}

.is-logged-in .nav-primary__user-button--menu, .is-logged-in-plus .nav-primary__user-button--menu {
    display: block
}

.is-user-open .nav-primary__user-button--menu {
    background-color: #19BEC8;
    color: #fff
}

.is-user-open .nav-primary__user-button--menu .nav-primary__path--user, .is-user-open .nav-primary__user-button--menu .nav-primary__path--user-plus {
    fill: #fff
}

.nav-primary__user-name {
    pointer-events: none;
    display: block
}

@media (min-width: 37.5em) {
    .js .nav-primary.is-faded, .js .nav-primary.is-not-faded {
        background-color: transparent;
        -webkit-transition: border-color 0.5s linear 0s;
        transition: border-color 0.5s linear 0s
    }

    .js .nav-primary.is-faded:before, .js .nav-primary.is-not-faded:before {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        content: "";
        background-color: #fff;
        display: block;
        -webkit-transition: opacity 0.5s linear 0s;
        transition: opacity 0.5s linear 0s
    }

    .js .nav-primary.is-nav-open, .js .nav-primary.is-nav-open:before, .js .nav-primary.is-search-open, .js .nav-primary.is-search-open:before, .js .nav-primary.is-user-open, .js .nav-primary.is-user-open:before {
        -webkit-transition: none;
        transition: none
    }

    .js .nav-primary.is-faded {
        border-color: rgba(255, 255, 255, 0.2)
    }

    .js .nav-primary.is-faded:before {
        opacity: 0.2
    }

    .nav-primary__svg--user {
        right: .75rem
    }

    .nav-primary__button--hamburger {
        right: .75rem
    }

    .nav-primary__button--magnify {
        right: 3.5rem
    }

    .nav-primary__search-panel {
        padding: .5rem 1.5rem
    }

    .js .is-faded .nav-primary__link, .js .is-faded .nav-primary__user-button {
        color: #fff
    }

    .js .is-faded .nav-primary__link:hover, .js .is-faded .nav-primary__link:focus, .js .is-faded .nav-primary__user-button:hover, .js .is-faded .nav-primary__user-button:focus {
        color: #19BEC8
    }

    .nav-primary__link, .nav-primary__user-link {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .is-faded .nav-primary__path {
        fill: #fff
    }

    .nav-primary__home-link {
        margin-left: 1.5rem
    }

    .nav-primary__user-button {
        right: 6.25rem;
        padding: .5rem 2.5rem .5rem .75rem;
        max-width: 7rem
    }
}

@media (min-width: 56em) {
    .nav-primary {
        height: 3.5rem
    }

    .nav-primary__svg--user {
        right: .75rem
    }

    .nav-primary__path--magnify {
        fill: #767676 !important;
        transition: none !important
    }

    .is-sayt-active .nav-primary__path--magnify {
        fill: #19BEC8 !important
    }

    .nav-primary__wrapper {
        padding: 0 2rem
    }

    .nav-primary__right {
        float: right;
        height: 3.5rem;
        white-space: nowrap
    }

    .nav-primary__home {
        padding-right: .75rem;
        float: left;
        border: none;
        height: 3.5rem
    }

    .nav-primary__home-link {
        margin-left: 0;
        margin-right: 0
    }

    .js .nav-primary__button {
        display: none
    }

    .nav-primary__search {
        margin-right: -.75rem;
        width: 14.25rem;
        position: relative;
        z-index: 1;
        height: 3.5rem;
        vertical-align: top;
        display: inline-block
    }

    .js .nav-primary__search {
        display: inline-block
    }

    .nav-primary__search-wrapper {
        background-color: transparent;
        position: absolute;
        right: 0;
        top: 0
    }

    .nav-primary__search-panel {
        padding: 1rem .75rem;
        background-color: transparent
    }

    .nav-primary__search-input {
        border-radius: 1.125rem;
        padding: .0625rem 1.9375rem .0625rem .6875rem;
        border-style: solid;
        border-color: #bcbcbc;
        border-width: .0625rem;
        width: 12.75rem;
        background-color: #f2f2f2
    }

    .nav-primary__search-input:focus, .is-sayt-active .nav-primary__search-input {
        background-color: #fff;
        border-color: #fff
    }

    .nav-primary__search-submit {
        display: block;
        position: absolute;
        top: 1rem;
        right: 1rem;
        width: 1.5rem;
        height: 1.5rem;
        padding: 0;
        border: none;
        background-color: transparent;
        overflow: hidden
    }

    .nav-primary__items {
        margin: 0;
        float: left;
        background-color: transparent;
        position: relative
    }

    .js .nav-primary__items {
        display: block
    }

    .nav-primary__items--help {
        float: none;
        vertical-align: top
    }

    .nav-primary__items--help, .js .nav-primary__items--help {
        display: inline-block
    }

    .nav-primary__item {
        display: inline-block;
        vertical-align: top;
        border: none
    }

    .nav-primary__link {
        padding: .5rem .75rem .4375rem;
        height: 3.4375rem
        font-family: Arial;
        Font-size: 16px;
        color:#fff;
    }

    .nav-primary__link:hover, .nav-primary__link:focus {
        color:red;
        background-color: transparent
    }

    .nav-primary__user {
        position: relative;
        right: auto;
        display: inline-block
    }

    .nav-primary__user-link {
        padding-left: .6875rem;
        padding-right: .6875rem
    }

    .nav-primary__user-button {
        position: relative;
        right: auto;
        height: 3.4375rem;
        padding-bottom: .4375rem;
        padding: .5rem 2.5rem .5rem .75rem;
        max-width: 7rem
    }

    .nav-primary__user-items {
        position: absolute;
        min-width: 14.25rem;
        border-color: #bcbcbc;
        border-width: 0 .0625rem .0625rem .0625rem;
        border-style: solid
    }
}

.nav-secondary {
    background-color: rgba(40, 40, 40, 0.7);
    height: 2.5rem;
    overflow: hidden;
    z-index: 50
}

.nav-secondary.is-chevron-enabled {
    -webkit-transition: padding 0.15s linear 0s;
    transition: padding 0.15s linear 0s
}

.nav-secondary.is-chevron-left {
    padding-left: 2.5rem
}

.nav-secondary.is-chevron-right {
    padding-right: 2.5rem
}

.nav-secondary__chevron {
    width: 2.25rem;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    display: none;
    opacity: 0.8;
    -moz-box-shadow: 0px 0px 40px -6px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 40px -6px rgba(0, 0, 0, 0.5)
}

.nav-secondary__chevron:hover, .nav-secondary__chevron:focus {
    opacity: 1;
    outline: none
}

.is-chevron-enabled .nav-secondary__chevron {
    display: block;
    -webkit-transition: left 0.15s linear 0s, right 0.15s linear 0s;
    transition: left 0.15s linear 0s, right 0.15s linear 0s
}

.nav-secondary__chevron--left {
    left: -2.5rem;
    background: url("/hub/assets/img/svgmin/chevron-left.svg?65877365680") center no-repeat
}

.is-chevron-left .nav-secondary__chevron--left {
    display: block;
    left: 0
}

.nav-secondary__chevron--right {
    right: -2.5rem;
    background: url("/hub/assets/img/svgmin/chevron-right.svg?65877365680") center no-repeat
}

.is-chevron-right .nav-secondary__chevron--right {
    display: block;
    right: 0
}

.nav-secondary__outer {
    overflow: hidden
}

.nav-secondary__wrapper {
    height: 3.75rem;
    text-align: center;
    white-space: nowrap;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    margin: 0
}

.is-chevron-enabled .nav-secondary__wrapper {
    -webkit-transition: margin 0.15s linear 0s;
    transition: margin 0.15s linear 0s
}

.is-chevron-left .nav-secondary__wrapper {
    margin-left: -2.5rem
}

.is-chevron-right .nav-secondary__wrapper {
    margin-right: -2.5rem
}

.nav-secondary__items {
    position: relative
}

.is-chevron-sizable .nav-secondary__items {
    float: left
}

.nav-secondary__item {
    display: inline-block;
    padding: 0 .75rem
}

.nav-secondary__item:first-child {
    padding-left: .125rem
}

.nav-secondary__item:last-child {
    padding-right: .125rem
}

.nav-secondary--narrow .nav-secondary__item {
    padding: 0 .25rem
}

.nav-secondary--narrow .nav-secondary__item:first-child {
    padding-left: .5rem
}

.nav-secondary--narrow .nav-secondary__item:last-child {
    padding-right: .5rem
}

.nav-secondary__link, .nav-secondary__disabled {
    font-size: .8125rem;
    line-height: 3.07692;
    padding: 0 .875rem;
    position: relative;
    display: block
}

.nav-secondary--narrow .nav-secondary__link, .nav-secondary--narrow .nav-secondary__disabled {
    padding: 0 .5rem
}

.nav-secondary__link {
    color: #f2f2f2
}

.nav-secondary__link:hover, .nav-secondary__link:focus, .nav-secondary__link--active {
    text-decoration: none;
    color: #f2f2f2
}

.nav-secondary__link:hover:after, .nav-secondary__link:focus:after, .nav-secondary__link--active:after {
    display: block;
    content: "";
    background-color: #f2f2f2;
    bottom: .125rem;
    left: 0;
    height: .25rem;
    width: 100%;
    position: absolute;
    border-radius: .125rem
}

.nav-secondary__link--active {
    color: #fff;
    font-weight: bold
}

.nav-secondary__link--active:after {
    background-color: #fff
}

.nav-secondary__disabled {
    color: #bcbcbc
}

@media (min-width: 37.5em) {
    .nav-secondary__item:first-child {
        padding-left: .625rem
    }

    .nav-secondary__item:last-child {
        padding-right: .625rem
    }

    .nav-secondary--narrow .nav-secondary__item:first-child {
        padding-left: 1rem
    }

    .nav-secondary--narrow .nav-secondary__item:last-child {
        padding-right: 1rem
    }
}

@media (min-width: 56em) {
    .nav-secondary__item:first-child {
        padding-left: 1.125rem
    }

    .nav-secondary__item:last-child {
        padding-right: 1.125rem
    }

    .nav-secondary--narrow .nav-secondary__item:first-child {
        padding-left: 1.5rem
    }

    .nav-secondary--narrow .nav-secondary__item:last-child {
        padding-right: 1.5rem
    }
}

.cookie-policy {
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-width: 20rem
}

.cookie-policy__heading, .cookie-policy__body {
    margin: 0 0 .5rem
}

.cookie-policy__heading {
    font-size: 1.1875rem;
    line-height: 1.15789
}

.cookie-policy__body {
    font-size: .9375rem;
    line-height: 1.46667
}

.cookie-policy__cta-accept {
    font-size: 1.1875rem;
    line-height: 1.15789;
    white-space: nowrap;
    display: inline-block
}

.cookie-policy__heading, .cookie-policy__cta-accept {
    font-weight: 500
}

.cookie-policy__icon {
    margin-right: .5rem
}

@media (min-width: 56em) {
    .cookie-policy__heading, .cookie-policy__body {
        margin: 0
    }

    .cookie-policy__cta-accept {
        margin-top: .6875rem
    }
}

.footer, .footer__heading {
    font-weight: 500
}

.footer__heading {
    margin: 0 0 .5rem;
    font-size: 1.1875rem;
    line-height: 1.26316
}

.footer__channels {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-top: 1.5rem
}

.footer__channel {
    display: inline-block;
    vertical-align: top;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1.5rem
}

.footer__section, .footer__sections {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem
}

.footer__item {
    padding-left: 0
}

.footer__legal {
    border: 0 solid #000;
    border-top-width: .0625rem
}

.footer__legal-p {
    font-size: 12px;
    padding:5px 10px;
}

.footer__legal-p img {
    margin-right:5px;
}


@media (min-width: 37.5em) {
    .footer__channels {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        margin-top: 2rem
    }

    .footer__channel {
        display: inline-block;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 2rem
    }

    .footer__section, .footer__sections {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

@media (min-width: 56em) {
    .footer__channels {
        margin-left: -1.5rem;
        margin-right: -1.5rem;
        margin-top: 2rem
    }

    .footer__channel {
        display: inline-block;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        margin-top: 2rem
    }

    .footer__section, .footer__sections {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
}

.az__group-heading {
    font-size: 1.4375rem;
    line-height: 1.21739
}

.az__group {
    padding-left: 0;
    padding-top: 1.5rem;
    border-width: .0625rem 0 0;
    border-color: #bcbcbc;
    border-style: solid;
    margin-top: 1.5rem
}

.az__group:first-child {
    border-width: 0;
    margin-top: -2rem
}

.az__items:last-child {
    margin-bottom: -.5rem
}

.az__item {
    padding-left: 0;
    margin-bottom: .5rem
}

.az__link {
    font-weight: bold
}

@media (min-width: 37.5em) {
    .az__group-heading {
        font-size: 1.75rem;
        line-height: 1.14286
    }

    .az__items {
        margin-bottom: -.5rem
    }
}

@media (min-width: 56em) {
    .az__group-heading {
        font-size: 2.0625rem;
        line-height: 1.21212
    }
}

.episode-info {
    background: #fff none no-repeat center bottom;
    border: 0 solid #f2f2f2;
    border-bottom-width: .0625rem
}

.episode-info--under-nav {
    padding-top: 2.5rem
}

.episode-info__wrapper {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.episode-info__channel {
    margin-bottom: .5rem
}

.episode-info__programme-title {
    margin: 0;
    font-size: 1.4375rem;
    line-height: 1.21739;
    font-weight: 700
}

.episode-info__episode-title {
    margin: 0;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 400
}

.episode-info__series {
    font-weight: 500
}

.episode-info__meta-items {
    float: left
}

.episode-info__social {
    float: right
}

.episode-info__meta-item {
    padding: 0;
    font-size: .8125rem;
    line-height: 1.38462;
    color: #767676
}

.episode-info__meta-item--availability {
    font-weight: 700
}

.episode-info__meta-item--broadcast, .episode-info__meta-item--duration {
    display: inline
}

.episode-info__meta-item--pipe-after:after {
    content: " | "
}

.episode-info__synopsis {
    margin: .5rem 0;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 400;
    color: #4e4e4e
}

.episode-info__episode-count {
    float: left;
    padding: 0;
    margin: 0;
    font-size: .8125rem;
    line-height: 1.38462;
    color: #767676;
    font-weight: 400
}

.episode-info__message {
    text-align: center;
    border-bottom: 0 solid #f2f2f2;
    border-bottom-width: .0625rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem
}

.episode-info__message-title {
    margin: 0 0 .5rem;
    font-size: 1.4375rem;
    line-height: 1.21739
}

.episode-info__message-body {
    margin: .5rem 0 0;
    color: #4e4e4e
}

.episode-info--itv {
    background-color: #fff
}

.episode-info--itv .episode-info__programme-title, .episode-info--itv .episode-info__episode-count, .episode-info--itv .episode-info__message-title {
    color: #282828
}

.episode-info--itv .episode-info__episode-title {
    color: #149BA3
}

.episode-info--itv .episode-info__synopsis, .episode-info--itv .episode-info__social, .episode-info--itv .episode-info__message-body {
    color: #4e4e4e
}

.episode-info--itv .episode-info__meta-item {
    color: #767676
}

.episode-info--itv .episode-info__message {
    border-color: #f1f1f1
}

.episode-info--itv2 {
    background-color: #1a1a1a
}

.episode-info--itv2 .episode-info__programme-title, .episode-info--itv2 .episode-info__episode-count, .episode-info--itv2 .episode-info__message-title {
    color: #fff
}

.episode-info--itv2 .episode-info__episode-title {
    color: #00BC96
}

.episode-info--itv2 .episode-info__synopsis, .episode-info--itv2 .episode-info__social, .episode-info--itv2 .episode-info__message-body {
    color: #d7d7d7
}

.episode-info--itv2 .episode-info__meta-item {
    color: #ababab
}

.episode-info--itv2 .episode-info__message {
    border-color: #313131
}

.episode-info--itvbe {
    background-color: #674660
}

.episode-info--itvbe .episode-info__programme-title, .episode-info--itvbe .episode-info__episode-count, .episode-info--itvbe .episode-info__message-title {
    color: #fff
}

.episode-info--itvbe .episode-info__episode-title {
    color: #E3CADF
}

.episode-info--itvbe .episode-info__synopsis, .episode-info--itvbe .episode-info__social, .episode-info--itvbe .episode-info__message-body {
    color: #e4dfe3
}

.episode-info--itvbe .episode-info__meta-item {
    color: #c8bbc5
}

.episode-info--itvbe .episode-info__message {
    border-color: #775970
}

.episode-info--itv3 {
    background-color: #24264f
}

.episode-info--itv3 .episode-info__programme-title, .episode-info--itv3 .episode-info__episode-count, .episode-info--itv3 .episode-info__message-title {
    color: #fff
}

.episode-info--itv3 .episode-info__episode-title {
    color: #B4B5D5
}

.episode-info--itv3 .episode-info__synopsis, .episode-info--itv3 .episode-info__social, .episode-info--itv3 .episode-info__message-body {
    color: #d9d9e0
}

.episode-info--itv3 .episode-info__meta-item {
    color: #afb0bf
}

.episode-info--itv3 .episode-info__message {
    border-color: #3a3c61
}

.episode-info--itv4 {
    background-color: #495258
}

.episode-info--itv4 .episode-info__programme-title, .episode-info--itv4 .episode-info__episode-count, .episode-info--itv4 .episode-info__message-title {
    color: #fff
}

.episode-info--itv4 .episode-info__episode-title {
    color: #CFD7DB
}

.episode-info--itv4 .episode-info__synopsis, .episode-info--itv4 .episode-info__social, .episode-info--itv4 .episode-info__message-body {
    color: #dfe1e2
}

.episode-info--itv4 .episode-info__meta-item {
    color: #bdc0c2
}

.episode-info--itv4 .episode-info__message {
    border-color: #5c6469
}

.episode-info--citv {
    background-color: #fff
}

.episode-info--citv .episode-info__programme-title, .episode-info--citv .episode-info__episode-count, .episode-info--citv .episode-info__message-title {
    color: #282828
}

.episode-info--citv .episode-info__episode-title {
    color: #D86D08
}

.episode-info--citv .episode-info__synopsis, .episode-info--citv .episode-info__social, .episode-info--citv .episode-info__message-body {
    color: #4e4e4e
}

.episode-info--citv .episode-info__meta-item {
    color: #767676
}

.episode-info--citv .episode-info__message {
    border-color: #f1f1f1
}

.episode-info--citv {
    background-image: url("/hub/assets/img/programme/citv-pattern-jelly.jpg?65877365680")
}

@media (min-width: 37.5em) {
    .episode-info--citv {
        background-image: url("/hub/assets/img/programme/citv-pattern-custard.jpg?65877365680")
    }

    .episode-info--under-nav {
        padding-top: 2.5rem
    }

    .episode-info__channel {
        margin-bottom: 0
    }

    .episode-info__channel-icon {
        float: right
    }

    .episode-info__programme-title {
        font-size: 1.75rem;
        line-height: 1.14286
    }

    .episode-info__episode-title {
        font-size: 1.4375rem;
        line-height: 1.21739
    }

    .episode-info__meta-item {
        font-size: 1rem;
        line-height: 1.25
    }

    .episode-info__synopsis {
        font-size: 1.1875rem;
        line-height: 1.26316
    }

    .episode-info__episode-count {
        font-size: 1rem;
        line-height: 1.25
    }

    .episode-info__message {
        margin-bottom: 3rem
    }
}

@media (min-width: 56em) {
    .episode-info--under-nav {
        padding-top: 2.5rem
    }

    .episode-info__content, .episode-info__meta {
        position: relative
    }

    .episode-info__content:before, .episode-info__meta:before {
        display: none;
        position: absolute;
        left: -.0625rem;
        top: 0;
        width: .0625rem;
        height: 100%;
        content: "";
        background-color: #f2f2f2
    }

    .episode-info--has-meta .episode-info__content:before, .episode-info--has-meta .episode-info__meta:before {
        display: block
    }

    .episode-info--itv .episode-info__content:before, .episode-info--itv .episode-info__meta:before {
        background-color: #f1f1f1
    }

    .episode-info--itv2 .episode-info__content:before, .episode-info--itv2 .episode-info__meta:before {
        background-color: #313131
    }

    .episode-info--itvbe .episode-info__content:before, .episode-info--itvbe .episode-info__meta:before {
        background-color: #775970
    }

    .episode-info--itv3 .episode-info__content:before, .episode-info--itv3 .episode-info__meta:before {
        background-color: #3a3c61
    }

    .episode-info--itv4 .episode-info__content:before, .episode-info--itv4 .episode-info__meta:before {
        background-color: #5c6469
    }

    .episode-info--citv .episode-info__content:before, .episode-info--citv .episode-info__meta:before {
        background-color: #f1f1f1
    }

    .episode-info--has-meta .episode-info__content {
        min-height: 8.125rem
    }

    .episode-info--has-meta .episode-info__content:before {
        left: auto;
        right: 0
    }

    .episode-info__programme-title {
        font-size: 2.0625rem;
        line-height: 1.21212
    }

    .episode-info__episode-title {
        font-size: 1.4375rem;
        line-height: 1.21739
    }

    .episode-info__meta-items, .episode-info__social, .episode-info__episode-count {
        float: none
    }

    .episode-info__meta-item--broadcast, .episode-info__meta-item--duration {
        display: block
    }

    .episode-info__meta-item--pipe-after:after {
        content: ""
    }
}

.guidance {
    background-color: rgba(40, 40, 40, 0.7);
    padding: .5rem 0 .75rem;
    width: 100%;
    text-align: center
}

.guidance__wrapper {
    margin: 0 auto;
    display: inline-block;
    position: relative
}

.guidance__icon, .guidance__lock {
    height: 1.5rem;
    width: 1.5rem;
    position: absolute;
    top: 0;
    z-index: 200
}

.guidance__icon {
    left: 0
}

.guidance__lock {
    right: 0
}

.guidance__body {
    text-align: center;
    margin-left: 2rem;
    margin-right: 2rem
}

.guidance__locked {
    display: none
}

.is-pin-locked .guidance__locked {
    display: inline-block
}

.guidance__unlocked {
    display: none
}

.is-pin-unlocked .guidance__unlocked {
    display: inline-block
}

@media (min-width: 37.5em) {
    .guidance__wrapper {
        max-width: 83.33333%
    }
}

.hero {
    position: relative;
    background-color: #f2f2f2;
    overflow: hidden
}

.hero__gradient {
    position: absolute;
    left: 0;
    top: -56px;
    display: none;
    width: 100%;
    height: 9.5625rem;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7) 4%, rgba(0, 0, 0, 0.4) 40%, rgba(0, 0, 0, 0.2) 63%, transparent 100%)
}

.hero--primetime .hero__gradient {
    display: block
}

.hero__body-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

.hero__body {
    position: relative;
    overflow: hidden;
    padding-bottom: 1.5rem
}

.hero__body--no-channel {
    padding-top: 2.375rem
}

.hero--collections .hero__body, .hero--primetime .hero__body {
    padding-top: 0px;
    padding-bottom: 0px
}

.hero__sizer {
    padding-top: 39.399%;
    position: relative
}

.hero--collections .hero__sizer {
    padding-top: 47.41235%
}

.hero--primetime .hero__sizer {
    padding-top: 0;
    position: static
}

.hero__media {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 0
}



.hero--collections .hero__media:after, .hero--primetime .hero__media:after {
    background: none
}

.hero--collections .hero__media:before, .hero--primetime .hero__media:before {
    content: "";
    display: block;
    position: absolute;
    background: radial-gradient(ellipse at center bottom, rgba(0, 0, 0, 0.5) 25%, transparent 60%);
    bottom: 0;
    left: -50%;
    width: 200%;
    height: 60%;
    z-index: 1
}

.hero--primetime .hero__media:before {
    background: radial-gradient(ellipse at center bottom, rgba(0, 0, 0, 0.4) 30%, transparent 80%);
    height: 100%
}

.hero--primetime .hero__media {
    height: 75%
}

.hero__title {
    margin: 0;
    font-size: 1.4375rem;
    line-height: 1.21739
}

.hero--collections .hero__title, .hero--primetime .hero__title {
    text-align: center
}

.hero--primetime .hero__title {
    margin-bottom: 1rem;
    color: #fff
}

.hero__logo-wrapper {
    text-align: center;
    position: relative;
    z-index: 20
}

.hero__logo {
    display: inline-block
}

.hero__meta {
    margin: 0
}

.hero--collections .hero__meta {
    text-align: center;
    position: relative;
    font-weight: 500
}

.hero__meta-lockup {
    display: inline-block
}

.hero__meta-channel {
    float: left;
    margin-right: .5rem;
    padding-right: .5rem;
    border-right: 1px solid white
}

.hero__meta-body {
    vertical-align: top;
    overflow: hidden;
    text-align: left;
    margin-left: 3.5625rem
}

.hero__meta-lockup--itvbe .hero__meta-body {
    margin-left: 4.1875rem
}

.hero__channel {
    margin-bottom: .5rem
}

.hero__meta-overlay {
    color: #fff !important;
    opacity: 0.8
}

@media (min-width: 37.5em) {
    .hero__body {
        padding-bottom: 2rem
    }

    .hero__body--no-channel {
        padding-top: 3.75rem
    }

    .hero__body__fold:after {
        bottom: -2rem
    }

    .hero__sizer {
        padding-top: 38.13307%;
        position: relative
    }

    .hero--collections .hero__sizer {
        padding-top: 46%
    }

    .hero--primetime .hero__sizer {
        height: 0
    }

    .hero--primetime.hero--under-nav .hero__sizer {
        height: 3.5rem
    }

    .hero--collections .hero__media:before, .hero--primetime .hero__media:before {
        left: -25%;
        width: 150%
    }

    .hero--primetime .hero__media {
        height: 75%
    }

    .hero--primetime .hero__media:before {
        background: radial-gradient(ellipse at center bottom, rgba(0, 0, 0, 0.5) 25%, transparent 60%);
        height: 60%
    }

    .hero__gradient {
        display: block;
        top: 0
    }

    .hero__title {
        font-size: 2.0625rem;
        line-height: 1.21212
    }

    .hero--primetime .hero__title {
        margin-bottom: 1.5rem
    }

    .hero__meta {
        font-size: 1.1875rem;
        line-height: 1.26316
    }

    .hero__channel {
        margin-bottom: .75rem
    }

    .hero__meta-overlay--jelly-only {
        color: inherit !important;
        opacity: 1
    }
}

@media (min-width: 56em) {
    .hero__body {
        padding-bottom: 2rem
    }

    .hero__body--no-channel {
        padding-top: 5.125rem
    }

    .hero__body__fold:after {
        bottom: -2rem
    }

    .hero__sizer {
        padding-top: 37.5%;
        position: relative
    }

    .hero--collections .hero__sizer {
        padding-top: 47.65625%
    }

    .hero__title {
        font-size: 2.5rem;
        line-height: 1.15
    }

    .hero--primetime .hero__title {
        margin-bottom: 1.5rem
    }

    .hero__meta {
        font-size: 1.4375rem;
        line-height: 1.21739
    }

    .hero--collections .hero__meta {
        font-size: 1.75rem;
        line-height: 1.14286
    }

    .hero__meta-channel {
        margin-right: .75rem;
        padding-right: .75rem
    }

    .hero__meta-body {
        margin-left: 5.3125rem
    }

    .hero__meta-lockup--itvbe .hero__meta-body {
        margin-left: 6.25rem
    }
}

@media (min-width: 64.0625em) {
    .hero__sizer {
        padding-top: 0;
        height: 36rem;
        overflow: hidden;
        margin-bottom: -12rem
    }

    .hero--collections .hero__sizer {
        height: 30.5rem;
        overflow: inherit;
        margin-bottom: 0;
        padding-top: 0
    }

    .hero--primetime .hero__sizer {
        margin-bottom: 0
    }


    .hero--collections .hero__media:before {
        top: 18rem;
        height: 36rem;
        bottom: auto;
        background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 25%, transparent 60%);
        width: 100%;
        left: 0
    }

    .hero--collections .hero__touts-block {
        background: url("/hub/assets/img/svgmin/hero-curve-collections-solid.svg?65877365680") no-repeat;
        background-position: center;
        background-size: 100% auto;
        width: 102.34261%;
        margin-left: -1.1713%;
        margin-right: -1.1713%
    }
}

@media (min-width: 68.75em) {

    .hero--collections .hero__media:after {
        background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, #f2f2f2 100%);
        height: 5%;
        top: auto;
        bottom: 0
    }

    .hero--collections .hero__touts-block {
        background-image: url("/hub/assets/img/svgmin/hero-curve-collections.svg?65877365680")
    }
}

@media (min-width: 1366px) and (min-height: 55em) {
    .hero__sizer {
        height: 48rem;
        margin-bottom: -12rem
    }

    .hero--collections .hero__sizer {
        height: 30.5rem;
        margin-bottom: 0
    }

    .hero__media:after {
        height: 49rem
    }
}

@-webkit-keyframes throb-loop {
    0%, 25%, 75%, 100% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(0.4)
    }
}

@keyframes throb-loop {
    0%, 25%, 75%, 100% {
        transform: scale(0)
    }
    50% {
        transform: scale(0.4)
    }
}

@-webkit-keyframes throb-end {
    0%, 25% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1.2)
    }
    75%, 100% {
        -webkit-transform: scale(1)
    }
}

@keyframes throb-end {
    0%, 25% {
        transform: scale(0)
    }
    50% {
        transform: scale(1.2)
    }
    75%, 100% {
        transform: scale(1)
    }
}

@-webkit-keyframes pulse {
    0%, 25% {
        transform: scale(1)
    }
    70% {
        transform: scale(1.2)
    }
    80% {
        transform: scale(0.8)
    }
    90% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

@keyframes pulse {
    0%, 25% {
        transform: scale(1)
    }
    70% {
        transform: scale(1.2)
    }
    80% {
        transform: scale(0.8)
    }
    90% {
        transform: scale(1.1)
    }
    100% {
        transform: scale(1)
    }
}

.now-next {
    position: relative;
    min-width: 1px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.now-next--home {
    padding-top: 1.5rem;
    min-height: 19.25rem
}

.js .now-next.is-schedule-loading {
    background: url("/hub/assets/img/svgmin/throbber.svg?65877365680") no-repeat center center
}

.js .now-next.is-schedule-loaded, .js .now-next.is-schedule-animated {
    background-image: none
}

.now-next.is-schedule-loaded {
    min-width: 2px;
    -webkit-transition: min-width 0.75s linear 0s;
    transition: min-width 0.75s linear 0s
}

.now-next__error {
    font-size: .8125rem;
    line-height: 1.38462;
    margin: 0
}

.now-next__blinker {
    display: inline-block;
    vertical-align: baseline;
    width: 0;
    height: 0;
    border-style: solid;
    border-radius: .375rem;
    border-width: .375rem;
    margin-right: .5rem;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: pulse;
    -webkit-animation-fill-mode: both;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: pulse;
    animation-fill-mode: both
}

.now-next__blinker--itv {
    color: #19BEC8
}

.now-next__blinker--itv2 {
    color: #00BC96
}

.now-next__blinker--itvbe {
    color: #BA7BAE
}

.now-next__blinker--itv3 {
    color: #434597
}

.now-next__blinker--itv4 {
    color: #879BA5
}

.now-next__blinker--citv {
    color: #fa0
}

.js .now-next__items {
    opacity: 0
}

.is-schedule-loaded .now-next__items, .is-schedule-animated .now-next__items {
    opacity: 1
}

.now-next__item {
    text-align: center
}

.now-next__link {
    display: block
}

.now-next__link:focus {
    outline: none
}

.now-next__now {
    position: relative;
    margin-top: .75rem;
    padding-top: .25rem;
    min-height: 3.625rem;
    opacity: 1
}

.is-schedule-animated .now-next__now {
    -webkit-transition: opacity 0.25s linear 0.5s;
    transition: opacity 0.25s linear 0.5s
}

.is-schedule-loading .now-next__now {
    opacity: 0 !important;
    -webkit-transition: none !important;
    transition: none !important
}

.is-schedule-loaded .now-next__now {
    opacity: 1
}

.now-next__channel, .now-next__dot {
    margin: 0 auto;
    width: 3.75rem;
    height: 3.75rem;
    position: relative
}

.now-next__dot {
    display: block;
    left: 0;
    top: 0;
    border-radius: 50%;
    overflow: hidden
}

.now-next__dot--itv {
    background-color: #19BEC8
}

.now-next__dot--itv2 {
    background-color: #00BC96
}

.now-next__dot--itvbe {
    background-color: #BA7BAE
}

.now-next__dot--itv3 {
    background-color: #434597
}

.now-next__dot--itv4 {
    background-color: #879BA5
}

.now-next__dot--citv {
    background-color: #fa0
}

.is-schedule-loaded .now-next__dot {
    -webkit-transform: scale(1);
    -webkit-transition: -webkit-transform 0.15s linear 0s;
    transform: scale(1);
    transition: transform 0.15s linear 0s
}

.is-schedule-loaded a:hover .now-next__dot, .is-schedule-loaded a:focus .now-next__dot {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.is-schedule-animated .now-next__dot {
    -webkit-transition: none;
    transition: none
}

.is-schedule-animated.is-schedule-loading .now-next__dot--itv, .is-schedule-animated.is-schedule-loaded .now-next__dot--itv {
    -webkit-animation-delay: -0.25s;
    animation-delay: -0.25s
}

.is-schedule-animated.is-schedule-loading .now-next__dot--itv2, .is-schedule-animated.is-schedule-loaded .now-next__dot--itv2 {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s
}

.is-schedule-animated.is-schedule-loading .now-next__dot--itvbe, .is-schedule-animated.is-schedule-loaded .now-next__dot--itvbe {
    -webkit-animation-delay: -0.15s;
    animation-delay: -0.15s
}

.is-schedule-animated.is-schedule-loading .now-next__dot--itv3, .is-schedule-animated.is-schedule-loaded .now-next__dot--itv3 {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s
}

.is-schedule-animated.is-schedule-loading .now-next__dot--itv4, .is-schedule-animated.is-schedule-loaded .now-next__dot--itv4 {
    -webkit-animation-delay: -0.05s;
    animation-delay: -0.05s
}

.is-schedule-animated.is-schedule-loading .now-next__dot--citv, .is-schedule-animated.is-schedule-loaded .now-next__dot--citv {
    -webkit-animation-delay: 0s;
    animation-delay: 0s
}

.is-schedule-animated.is-schedule-loading .now-next__dot {
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-name: throb-loop;
    -webkit-animation-fill-mode: both;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-name: throb-loop;
    animation-fill-mode: both
}

.is-schedule-animated.is-schedule-loaded .now-next__dot {
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-name: throb-end;
    -webkit-animation-fill-mode: both;
    animation-timing-function: linear;
    animation-duration: 1s;
    animation-iteration-count: 1;
    animation-name: throb-end;
    animation-fill-mode: both
}

.now-next__icon {
    position: absolute;
    bottom: 50%;
    left: 50%;
    opacity: 1
}

.now-next__icon:before {
    position: relative;
    margin-left: -50%;
    bottom: -.375rem
}

.now-next__icon--itv:before {
    bottom: -.5rem
}

.is-logged-in a:hover .now-next__icon, .is-logged-in a:focus .now-next__icon {
    opacity: 0
}

.now-next__play {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0
}

.is-logged-in a:hover .now-next__play, .is-logged-in a:focus .now-next__play {
    opacity: 1
}

.now-next__icon, .now-next__play {
    -webkit-transition: opacity 0.15s linear 0s;
    transition: opacity 0.15s linear 0s
}

.is-schedule-loading .now-next__icon, .is-schedule-loading .now-next__play {
    opacity: 0 !important;
    -webkit-transition: none !important;
    transition: none !important
}

.is-schedule-animated .now-next__icon, .is-schedule-animated .now-next__play {
    -webkit-transition: opacity 0.25s linear 0.5s;
    transition: opacity 0.25s linear 0.5s
}

.is-schedule-animated .now-next__now--itv, .is-schedule-animated .now-next__icon--itv, .is-schedule-animated .now-next__play--itv {
    -webkit-transition-delay: 0.25s;
    transition-delay: 0.25s
}

.is-schedule-animated .now-next__now--itv2, .is-schedule-animated .now-next__icon--itv2, .is-schedule-animated .now-next__play--itv2 {
    -webkit-transition-delay: 0.3s;
    transition-delay: 0.3s
}

.is-schedule-animated .now-next__now--itvbe, .is-schedule-animated .now-next__icon--itvbe, .is-schedule-animated .now-next__play--itvbe {
    -webkit-transition-delay: 0.35s;
    transition-delay: 0.35s
}

.is-schedule-animated .now-next__now--itv3, .is-schedule-animated .now-next__icon--itv3, .is-schedule-animated .now-next__play--itv3 {
    -webkit-transition-delay: 0.4s;
    transition-delay: 0.4s
}

.is-schedule-animated .now-next__now--itv4, .is-schedule-animated .now-next__icon--itv4, .is-schedule-animated .now-next__play--itv4 {
    -webkit-transition-delay: 0.45s;
    transition-delay: 0.45s
}

.is-schedule-animated .now-next__now--citv, .is-schedule-animated .now-next__icon--citv, .is-schedule-animated .now-next__play--citv {
    -webkit-transition-delay: 0.5s;
    transition-delay: 0.5s
}

.now-next__progress {
    position: absolute;
    width: 100%;
    bottom: 100%;
    margin-bottom: 0;
    height: .25rem;
    border-radius: .25rem;
    background-color: rgba(0, 0, 0, 0.1);
    overflow: hidden;
    -webkit-transition: height 0.15s ease-in 0s, border-radius 0.15s ease-in 0s, margin-bottom 0.15s ease-in 0s;
    transition: height 0.15s ease-in 0s, border-radius 0.15s ease-in 0s, margin-bottom 0.15s ease-in 0s
}

.now-next__progress--itv {
    background-color: rgba(25, 190, 200, 0.3)
}

.now-next__progress--itv2 {
    background-color: rgba(0, 188, 150, 0.3)
}

.now-next__progress--itvbe {
    background-color: rgba(186, 123, 174, 0.3)
}

.now-next__progress--itv3 {
    background-color: rgba(67, 69, 151, 0.3)
}

.now-next__progress--itv4 {
    background-color: rgba(135, 155, 165, 0.3)
}

.now-next__progress--citv {
    background-color: rgba(255, 170, 0, 0.3)
}

a:hover .now-next__progress, a:focus .now-next__progress {
    height: .5rem;
    border-radius: .5rem;
    margin-bottom: -.125rem
}

.now-next__bar {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #e5e5e5;
    -webkit-animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
    will-change: width;
    border-radius: .25rem;
    min-width: .25rem;
    -webkit-transition: border-radius 0.15s ease-in 0s, min-width 0.15s ease-in 0s;
    transition: border-radius 0.15s ease-in 0s, min-width 0.15s ease-in 0s
}

a:hover .now-next__bar, a:focus .now-next__bar {
    border-radius: .5rem;
    min-width: .5rem
}

.now-next__bar--itv {
    background-color: #19BEC8
}

.now-next__bar--itv2 {
    background-color: #00BC96
}

.now-next__bar--itvbe {
    background-color: #BA7BAE
}

.now-next__bar--itv3 {
    background-color: #434597
}

.now-next__bar--itv4 {
    background-color: #879BA5
}

.now-next__bar--citv {
    background-color: #fa0
}

.now-next__time {
    display: block;
    font-size: .8125rem;
    line-height: 1.38462
}

.now-next__time-end {
    display: none
}

.now-next__title {
    margin: 0;
    font-size: .8125rem;
    line-height: 1.38462;
    font-weight: 700;
    -webkit-transition: color 0.15s linear 0s;
    transition: color 0.15s linear 0s
}

a:hover .now-next__title--itv, a:focus .now-next__title--itv {
    color: #149BA3
}

.now-next--onward-journey a:hover .now-next__title--itv, .now-next--onward-journey a:focus .now-next__title--itv {
    color: #19BEC8
}

a:hover .now-next__title--itv2, a:focus .now-next__title--itv2 {
    color: #009E79
}

.now-next--onward-journey a:hover .now-next__title--itv2, .now-next--onward-journey a:focus .now-next__title--itv2 {
    color: #00BC96
}

a:hover .now-next__title--itvbe, a:focus .now-next__title--itvbe {
    color: #B279AD
}

.now-next--onward-journey a:hover .now-next__title--itvbe, .now-next--onward-journey a:focus .now-next__title--itvbe {
    color: #BA7BAE
}

a:hover .now-next__title--itv3, a:focus .now-next__title--itv3 {
    color: #434597
}

.now-next--onward-journey a:hover .now-next__title--itv3, .now-next--onward-journey a:focus .now-next__title--itv3 {
    color: #6B6DE9
}

a:hover .now-next__title--itv4, a:focus .now-next__title--itv4 {
    color: #7C8F98
}

.now-next--onward-journey a:hover .now-next__title--itv4, .now-next--onward-journey a:focus .now-next__title--itv4 {
    color: #879BA5
}

a:hover .now-next__title--citv, a:focus .now-next__title--citv {
    color: #D86D08
}

.now-next--onward-journey a:hover .now-next__title--citv, .now-next--onward-journey a:focus .now-next__title--citv {
    color: #fa0
}

@media (min-width: 37.5em) {
    .now-next--home {
        min-height: 10.125rem;
        padding-top: 2rem
    }

    .now-next--onward-journey {
        padding-top: 1.625rem
    }

    .now-next--onward-journey .now-next__time {
        margin: 1rem 0 .5rem;
        font-size: 1rem;
        line-height: 1.25
    }

    .now-next--onward-journey .now-next__title {
        margin: 0;
        font-size: 1.1875rem;
        line-height: 1.26316
    }
}

@media (min-width: 56em) {
    .now-next--home {
        padding-top: 2rem;
        min-height: 13rem
    }

    .now-next--onward-journey {
        padding-top: 1.0625rem
    }

    .now-next__blinker {
        border-radius: .5rem;
        border-width: .5rem
    }

    .now-next__now {
        margin-top: 1rem;
        padding-top: .75rem
    }

    .now-next__channel, .now-next__dot {
        width: 5.625rem;
        height: 5.625rem
    }

    .is-schedule-loaded a:hover .now-next__dot, .is-schedule-loaded a:focus .now-next__dot {
        -webkit-transform: scale(1.11);
        transform: scale(1.11)
    }

    .now-next__icon:before {
        bottom: -.5625rem
    }

    .now-next__icon--itv:before {
        bottom: -.6875rem
    }

    .now-next__title {
        font-size: 1rem;
        line-height: 1.25
    }

    .now-next__time-end {
        display: inline
    }
}

@media (min-width: 56em) and (min-height: 42.125em) {
    .now-next--onward-journey {
        padding-top: 1.25rem
    }

    .now-next--onward-journey .now-next__time {
        margin: 1rem 0 .5rem
    }

    .now-next--onward-journey .now-next__title {
        font-size: 1.4375rem;
        line-height: 1.21739;
        margin: 0
    }
}

.pin__header, .pin__body, .pin__footer {
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    max-width: 20rem;
    margin: 0 auto
}

.pin__header {
    color: #4e4e4e
}

.pin__header--no-padding {
    padding-top: 0;
    padding-bottom: 0
}

.pin__heading, .pin__p {
    font-size: 1rem;
    line-height: 1.25;
    margin: .5rem 0;
    text-align: left
}

.pin__p {
    color: #4e4e4e
}

.pin__icon {
    margin-right: .5rem
}

.pin__label, .pin__item {
    margin: .5rem 0;
    display: block
}

.pin__field {
    margin: 1rem 0;
    position: relative
}

.pin__field--centered {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    margin: .5rem 0
}

.pin__label {
    font-size: 1rem;
    line-height: 1.25;
    font-weight: bold;
    color: #4e4e4e
}

.pin__label--overlayed {
    height: 2.5rem;
    padding: .625rem 1rem;
    position: absolute;
    top: 0;
    left: 0;
    color: #bcbcbc;
    font-weight: normal;
    margin: 0
}

.is-error .pin__label--overlayed {
    color: #9B5D00
}

.pin__input {
    height: 2.5rem;
    border-radius: 2.5rem;
    border: 1px solid #bcbcbc;
    background: #fff url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20height=%2212%22%20width=%2212%22%3E%3Ccircle%20cx=%226%22%20cy=%226%22%20r=%226%22%20fill=%22%23282828%22/%3E%3C/svg%3E") center no-repeat;
    background-size: 0
}

.pin__input:focus {
    border-color: #19BEC8
}

.pin__input--number {
    width: 2.5rem;
    margin: 0 .25rem;
    display: inline-block;
    text-align: center;
    font-weight: bold
}

.pin__input--number::-webkit-outer-spin-button, .pin__input--number::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.pin__input.is-pin-populated {
    color: transparent;
    background-size: .75rem
}

.pin__input--text {
    padding-left: 6rem;
    padding-right: 1rem
}

.is-error .pin__input--text {
    padding-right: 2.75rem
}

.pin__input--select {
    padding: 0 1rem 0;
    background: url("/hub/assets/img/svgmin/select-arrows.svg?65877365680") no-repeat 100% 50%;
    background-origin: content-box;
    background-color: #fff
}

.is-error .pin__input {
    background-color: #FFCD64;
    border-color: #FFCD64
}

.pin__error {
    display: none;
    position: absolute;
    margin: 0;
    right: 1rem;
    top: .5rem
}

.pin__error--pin {
    right: -1.75rem
}

.is-error .pin__error {
    display: block
}

.pin__link {
    -webkit-transition: color .15s linear 0s;
    -moz-transition: color .15s linear 0s;
    transition: color 0.15s linear 0s
}

.pin__link:hover, .pin__link:focus {
    color: #149BA3
}

.pin__steps {
    display: table;
    margin: 0;
    width: 100%
}

.pin__step {
    display: table-cell;
    padding: 1rem 1.5rem;
    text-align: left;
    color: #bcbcbc;
    font-weight: bold;
    border-color: #f2f2f2;
    border-style: solid;
    border-left-width: .0625rem
}

.pin__step:first-child {
    padding-left: 0;
    border-left-width: 0
}

.pin__step:last-child {
    padding-right: 0
}

.pin__step:before {
    font-weight: bold;
    position: relative;
    content: counter(item) "."
}

.pin__step--active {
    width: 100%;
    color: #282828;
    padding-left: 3rem
}

.pin__step--active:first-child {
    padding-left: 1.5rem
}

.pin__step--active:first-child:before {
    left: 0
}

.pin__step--active:before {
    position: absolute;
    left: 1.5rem
}

@media (min-width: 37.5em) {
    .pin__header, .pin__body, .pin__footer {
        max-width: 21rem
    }
}

@media (min-width: 56em) {
    .pin__header, .pin__body, .pin__footer {
        max-width: 22rem
    }
}

.schedule {
    padding: 2rem 0 1.5rem;
    margin-top: -.5rem;
    background-image: linear-gradient(to bottom, #fff 0%, #fff 70%)
}

.schedule--itv {
    color: #282828;
    background-image: linear-gradient(to bottom, #fff 0%, #fff 70%)
}

.schedule--itv2 {
    color: #fff;
    background-image: linear-gradient(to bottom, #1a1a1a 0%, #1a1a1a 70%)
}

.schedule--itvbe {
    color: #fff;
    background-image: linear-gradient(to bottom, #ba7bae 0%, #674660 70%)
}

.schedule--itv3 {
    color: #fff;
    background-image: linear-gradient(to bottom, #434597 0%, #24264f 70%)
}

.schedule--itv4 {
    color: #fff;
    background-image: linear-gradient(to bottom, #879ba5 0%, #495258 70%)
}

.schedule--citv {
    color: #282828;
    background-image: linear-gradient(to bottom, #fff 0%, #fff 70%)
}

.js .schedule__loader {
    background-image: url("/hub/assets/img/svgmin/throbber.svg?65877365680");
    background-position: center center;
    background-repeat: no-repeat
}

.js .is-schedule-loaded .schedule__loader {
    background-image: none
}

.schedule__wrapper {
    margin-left: -.5rem;
    margin-right: -.5rem;
    min-height: 5.25rem;
    -webkit-transition: opacity 0.15s linear 0s;
    transition: opacity 0.15s linear 0s
}

.js .schedule__wrapper {
    opacity: 0
}

.is-schedule-loaded .schedule__wrapper {
    opacity: 1
}

.schedule__entries {
    display: table;
    width: 100%
}

.schedule__entry {
    display: table-cell;
    padding-left: .5rem;
    padding-right: .4375rem;
    border-width: 0 .0625rem 0 0;
    border-color: #f2f2f2;
    border-style: solid;
    padding-left: .5rem;
    padding-right: .5rem
}

.schedule--itv .schedule__entry {
    border-color: #ddd
}

.schedule--itv2 .schedule__entry {
    border-color: #535353
}

.schedule--itvbe .schedule__entry {
    border-color: #8d7488
}

.schedule--itv3 .schedule__entry {
    border-color: #5b5c7b
}

.schedule--itv4 .schedule__entry {
    border-color: #777d82
}

.schedule--citv .schedule__entry {
    border-color: #ddd
}

.schedule__entry:last-child {
    padding-right: .5rem;
    border-right-width: 0
}

.schedule__entry:first-child {
    display: none
}

.schedule__heading {
    margin: 0
}

.schedule--itv .schedule__heading--now, .schedule--itv .schedule__heading--next {
    color: #149BA3
}

.schedule--itv2 .schedule__heading--now, .schedule--itv2 .schedule__heading--next {
    color: #00BC96
}

.schedule--itvbe .schedule__heading--now, .schedule--itvbe .schedule__heading--next {
    color: #E3CADF
}

.schedule--itv3 .schedule__heading--now, .schedule--itv3 .schedule__heading--next {
    color: #B4B5D5
}

.schedule--itv4 .schedule__heading--now, .schedule--itv4 .schedule__heading--next {
    color: #CFD7DB
}

.schedule--citv .schedule__heading--now, .schedule--citv .schedule__heading--next {
    color: #D86D08
}

.schedule__time, .schedule__tagline {
    margin: 0;
    font-size: .8125rem;
    line-height: 1.38462;
    display: block
}

.schedule__title {
    margin: 0;
    font-weight: 700;
    min-height: 2.5rem
}

.schedule__time--next, .schedule__title--next {
    color: #4e4e4e
}

.schedule--itv .schedule__time--next, .schedule--itv .schedule__title--next {
    color: #535353
}

.schedule--itv2 .schedule__time--next, .schedule--itv2 .schedule__title--next {
    color: #d1d1d1
}

.schedule--itvbe .schedule__time--next, .schedule--itvbe .schedule__title--next {
    color: #e1dadf
}

.schedule--itv3 .schedule__time--next, .schedule--itv3 .schedule__title--next {
    color: #d3d4dc
}

.schedule--itv4 .schedule__time--next, .schedule--itv4 .schedule__title--next {
    color: #dbdcde
}

.schedule--citv .schedule__time--next, .schedule--citv .schedule__title--next {
    color: #535353
}

.schedule__error {
    margin: 0
}

@media (min-width: 37.5em) {
    .schedule {
        padding-top: 2.25rem;
        margin-top: -.75rem
    }

    .schedule__wrapper {
        margin-left: -.75rem;
        margin-right: -.75rem;
        min-height: 5.75rem
    }

    .schedule__entry {
        padding-left: .75rem;
        padding-right: .6875rem
    }

    .schedule__entry:last-child {
        padding-right: .75rem
    }

    .schedule__heading {
        font-size: 1.1875rem;
        line-height: 1.26316
    }

    .schedule__time, .schedule__tagline {
        font-size: 1rem;
        line-height: 1.25
    }

    .schedule__title {
        font-size: 1.1875rem;
        line-height: 1.26316;
        min-height: 3rem
    }

    .is-schedule-error .schedule__title {
        min-height: 0;
        font-size: 1rem;
        line-height: 1.25
    }
}

@media (min-width: 44em) {
    .schedule {
        margin-top: 0;
        background-size: 100% 200%;
        background-position: 0% 0%;
        min-height: 8.75rem
    }

    .schedule--itv {
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, #fff 35%)
    }

    .schedule--itv2 {
        background-image: linear-gradient(to bottom, rgba(26, 26, 26, 0.8) 0%, #1a1a1a 35%)
    }

    .schedule--itvbe {
        background-image: linear-gradient(to bottom, rgba(186, 123, 174, 0.8) 0%, #674660 35%)
    }

    .schedule--itv3 {
        background-image: linear-gradient(to bottom, rgba(67, 69, 151, 0.8) 0%, #24264f 35%)
    }

    .schedule--itv4 {
        background-image: linear-gradient(to bottom, rgba(135, 155, 165, 0.8) 0%, #495258 35%)
    }

    .schedule--citv {
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, #fff 35%)
    }

    .schedule.is-schedule-animated {
        -webkit-transition: background-position 0.25s 0s linear;
        transition: background-position 0.25s 0s linear
    }

    .schedule.is-schedule-active {
        background-position: 0% 100%
    }

    .no-maskborder .schedule {
        padding-top: 1.5rem
    }

    .schedule__wrapper {
        min-height: auto
    }

    .schedule__entrys {
        display: block;
        overflow: hidden
    }

    .schedule__entry {
        min-height: 5.75rem;
        display: block;
        float: left
    }

    .schedule__entry:first-child {
        display: block
    }

    .schedule__title {
        height: 3rem;
        overflow: hidden
    }
}

@media (min-width: 56em) {
    .schedule {
        min-height: 9.75rem;
        padding-top: 2.5rem
    }

    .no-maskborder .schedule {
        padding-top: 1.5rem
    }

    .schedule__wrapper {
        margin-left: -.75rem;
        margin-right: -.75rem
    }

    .schedule__entry {
        min-height: 6.75rem;
        padding-left: .75rem;
        padding-right: .6875rem;
        border-right-width: .0625rem
    }

    .schedule__entry:last-child {
        padding-right: .75rem;
        border-right-width: 0
    }

    .schedule__heading {
        font-size: 1.4375rem;
        line-height: 1.21739
    }

    .schedule__time, .schedule__tagline {
        font-size: 1.1875rem;
        line-height: 1.26316
    }

    .schedule__title {
        height: 3.5rem;
        font-size: 1.4375rem;
        line-height: 1.21739
    }

    .schedule__error {
        font-size: 1.1875rem;
        line-height: 1.26316
    }
}

.site {
    background-color: #e5e5e5
}

.site__wrapper {
    margin: 0 auto;
    max-width: 85.375rem;
    background-color: #e5e5e5
}

.site__header, .site__main, .site__footer {
    position: relative;
    min-width: 20rem
}

.site__notification {
    z-index: 100000
}

.site__notification-wrapper {
    position: relative
}

.site__header {
    width: 100%;
    z-index: 1000
}

.js .site__header--sticky {
    height: 3.5rem
}

.site__header--sticky.is-fixed {
    height: auto;
    min-height: 3.5rem
}

.site__header--with-secondary-nav.is-sticky, .site__header--with-secondary-nav.is-static {
    margin-bottom: 0
}

.site__header--with-secondary-nav.is-fixed, .no-js .site__header--with-secondary-nav {
    margin-bottom: -2.5rem
}

.is-ios-fullscreen .site__header {
    z-index: 0 !important
}

.site__header-wrapper {
    will-change: top;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    min-width: 20rem
}

.is-sticky .site__header-wrapper, .is-static .site__header-wrapper {
    position: absolute;
    width: 100%;
    max-width: 85.375rem;
    top: 0
}

.is-sticky .site__header-wrapper {
    position: fixed
}

.site__main {
    z-index: 0
}

@media (min-width: 37.5em) {
    .site__header--gradient {
        margin-bottom: -3.5rem
    }
}

@media (min-width: 64.0625em) {
    .site__wrapper {
        -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08);
        box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.08)
    }
}

.skip-links {
    margin: 0;
    padding: 0;
    z-index: 2000;
    position: absolute;
    top: 0;
    left: 0
}

.skip-links a:focus {
    width: auto;
    height: auto;
    clip: auto;
    display: block;
    position: relative;
    background-color: #fff;
    color: #19BEC8
}

.stage {
    position: relative;
    background-color: #fff
}

.stage__media {
    position: relative
}

.stage__media--under-nav {
    margin-top: 2.5rem
}

.is-stage-loaded .stage__media {
    z-index: 20
}

.stage__body {
    position: relative;
    z-index: 20
}

.is-stage-loaded .stage__body {
    z-index: 10
}

.stage__poster {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: #f2f2f2
}

.stage__poster:before {
    content: "";
    position: absolute;
    background-color: #000;
    display: block;
    z-index: 1;
    opacity: 0;
    -webkit-transition: opacity 0.25s linear 0s, -webkit-transform 0s linear 0.25s;
    transition: opacity 0.25s linear 0s, transform 0s linear 0.25s;
    -webkit-transform: scale(0);
    transform: scale(0);
    bottom: 2.25rem;
    left: -25%;
    width: 150%;
    height: 0;
    padding-top: 150%;
    border-radius: 50%;
    margin-bottom: -75%
}

.is-stage-dimmed .stage__poster:before {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition: opacity 0.25s linear 0s;
    transition: opacity 0.25s linear 0s;
    opacity: 0.9
}

.is-stage-loading .stage__poster:before {
    -webkit-transition: -webkit-transform 1s linear 0.375s, opacity 0s linear 0.375s;
    transition: transform 1s linear 0.375s, opacity 0s linear 0.375s
}

.stage--has-guidance.is-stage-loading .stage__poster:before {
    bottom: 4.75rem
}

.stage__poster-inner {
    background-color: #bcbcbc;
    position: absolute;
    width: 100%;
    height: 100%
}

.stage__logo {
    position: absolute;
    z-index: 2;
    display: table;
    width: 100%;
    height: 100%
}

.stage__logo-wrapper {
    display: table-cell;
    vertical-align: middle
}

.stage__channel {
    width: 100%;
    opacity: 1;
    margin: 0 0 15%;
    -webkit-transition: opacity 0.25s linear 0s;
    transition: opacity 0.25s linear 0s
}

.stage__channel > svg {
    display: block
}

.stage__channel--itvbe {
    width: 125%
}

.stage__channel-wrapper {
    position: relative
}

.is-stage-dimmed .stage__channel {
    opacity: 0;
    -webkit-transition: opacity 0.25s linear 0.25s;
    transition: opacity 0.25s linear 0.25s
}

.is-stage-dimmed .stage__channel--itv {
    -webkit-transition: opacity 0s linear 1s;
    transition: opacity 0s linear 1s
}

.stage__player-wrapper {
    position: relative;
    z-index: 10;
    max-width: 44rem;
    margin: 0 auto
}

.is-stage-active .stage__player-wrapper {
    z-index: 20
}

.stage__player object, .stage__player video {
    position: absolute;
    width: 100%;
    height: 100%
}

.stage__player.is-hoverable {
    cursor: pointer
}

.stage__guidance {
    position: relative;
    z-index: 15;
    top: -2.5rem;
    margin-bottom: -2.5rem
}

.is-stage-active .stage__guidance {
    display: none
}

.stage__schedule {
    position: relative;
    z-index: 15
}

.stage__no-js {
    text-align: center;
    background-color: rgba(40, 40, 40, 0.7);
    padding: .5rem;
    position: absolute;
    width: 100%;
    bottom: 0
}

.stage__overlay {
    height: 0;
    overflow: hidden;
    opacity: 0
}

.is-stage-overlay .stage__overlay, .is-stage-overlay-rendered .stage__overlay, .no-js .stage__overlay {
    z-index: 50;
    background: url("/hub/assets/img/svgmin/throbber-light.svg?65877365680") no-repeat center center;
    transition: opacity 0.25s 0s linear;
    height: 100%;
    opacity: 1;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: .5rem 0;
    margin-right: -100% !important
}

.stage--has-guidance.is-stage-overlay .stage__overlay, .no-js .stage--has-guidance .stage__overlay {
    margin-bottom: 3rem
}

.is-stage-overlay-rendered .stage__overlay, .no-js .stage__overlay {
    position: relative;
    float: left;
    height: auto;
    background-image: none
}

.stage__overlay-content {
    display: none
}

.is-stage-overlay-rendered .stage__overlay-content, .no-js .stage__overlay-content {
    display: block
}

@media (min-width: 37.5em) {
    .stage__poster:before {
        bottom: 3rem
    }

    .stage--has-guidance .stage__poster:before {
        bottom: 5.5rem
    }
}

@media (min-width: 44em) {
    .stage--channel.is-stage-animated {
        -webkit-transition: padding-bottom 0.25s ease-out 0s;
        transition: padding-bottom 0.25s ease-out 0s
    }

    .stage--channel.is-stage-active {
        padding-bottom: 8.75rem
    }

    .stage__schedule {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 25
    }

    .stage__guidance {
        opacity: 1;
        -webkit-transition: opacity .25s 0s linear;
        -moz-transition: opacity .25s 0s linear;
        transition: opacity 0.25s 0s linear
    }

    .is-stage-active .stage__guidance {
        display: block;
        z-index: 5;
        opacity: 0
    }

    .stage__media--under-nav {
        margin-top: 0
    }

    .is-stage-active .stage__media {
        z-index: auto
    }

    .stage__poster:before, .stage--has-guidance .stage__poster:before {
        bottom: 6rem
    }

    .stage--channel .stage__poster:before {
        bottom: 11.75rem
    }

    .stage__player-wrapper {
        padding: 3rem 0 3rem
    }

    .is-stage-overlay .stage__overlay, .stage--has-guidance.is-stage-overlay .stage__overlay, .is-stage-overlay-rendered .stage__overlay, .stage--has-guidance.is-stage-overlay-rendered .stage__overlay, .no-js .stage__overlay, .no-js .stage--has-guidance .stage__overlay {
        margin: 0
    }

    .is-stage-overlay .stage__overlay:before, .is-stage-overlay-rendered .stage__overlay:before, .no-js .stage__overlay:before {
        display: inline-block;
        content: "";
        width: 1px;
        margin-right: -1px;
        height: 24.75rem;
        vertical-align: middle
    }

    .stage--channel.is-stage-overlay-rendered .stage__overlay, .no-js .stage--channel .stage__overlay {
        padding-bottom: 8.75rem
    }

    .stage--channel.is-stage-overlay-rendered .stage__overlay:before, .no-js .stage--channel .stage__overlay:before {
        margin-bottom: -8.75rem
    }

    .stage__overlay .stage--channel.is-stage-active {
        padding-bottom: 0
    }

    .stage__overlay .stage--channel.is-stage-active:before {
        margin-bottom: 0
    }

    .stage__overlay-content {
        width: 100%;
        vertical-align: middle
    }

    .is-stage-overlay-rendered .stage__overlay-content, .no-js .stage__overlay-content {
        display: inline-block
    }

    .stage__channel {
        margin-bottom: 30%
    }
}

@media (min-width: 56em) {
    .stage--channel.is-stage-active {
        padding-bottom: 9.75rem
    }

    .stage__poster:before, .stage--has-guidance .stage__poster:before {
        bottom: 7rem
    }

    .stage--channel .stage__poster:before {
        bottom: 13.75rem
    }

    .stage--channel.is-stage-overlay-rendered .stage__overlay, .no-js .stage--channel .stage__overlay {
        padding-bottom: 9.75rem
    }

    .stage--channel.is-stage-overlay-rendered .stage__overlay:before, .no-js .stage--channel .stage__overlay:before {
        margin-bottom: -9.75rem
    }

    .stage--channel.is-stage-active .stage__overlay {
        padding-bottom: 0
    }

    .stage--channel.is-stage-active .stage__overlay:before {
        margin-bottom: 0
    }
}

@media (min-width: 56em) and (min-height: 50em) {
    .stage__player-wrapper {
        max-width: 56rem;
        padding: 3.5rem 0 3.5rem
    }

    .is-stage-overlay .stage__overlay:before, .is-stage-overlay-rendered .stage__overlay:before, .no-js .stage__overlay:before {
        height: 31.5rem
    }
}

.sayt__wrapper {
    background-color: #fff;
    padding: 0
}

.sayt__items {
    background-color: #fff
}

.sayt__item {
    padding: 0;
    border-color: #f2f2f2;
    border-style: solid;
    border-top-width: .0625rem
}

.sayt__item b {
    font-weight: 400
}

.sayt__item:first-child {
    font-size: 1.1875rem;
    line-height: 1.26316;
    font-weight: 700;
    border: none
}

.sayt__item:first-child b {
    font-weight: 700
}

.sayt__link {
    display: block;
    color: #4e4e4e;
    padding: .375rem 1rem
}

.sayt__link--with-image {
    padding-right: 1rem
}

.sayt__link b {
    color: #149BA3
}

.sayt__link:hover, .sayt__link:focus, .sayt__link.is-sayt-selected {
    outline: none;
    text-decoration: none;
    color: #000;
    background-color: #f2f2f2
}

.sayt__image {
    float: right;
    width: 7rem;
    margin-left: .5rem;
    background-color: #767676
}

.sayt__body {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.sayt__body--with-image {
    white-space: normal;
    text-overflow: clip
}

@media (min-width: 37.5em) {
    .sayt__link {
        padding: .375rem 1.5rem
    }

    .sayt__link--with-image {
        padding-right: 1.5rem
    }

    .sayt__image {
        width: 14.125rem
    }
}

@media (min-width: 56em) {
    .sayt.is-sayt-active {
        background-color: #19BEC8;
        width: 14.25rem
    }

    .sayt__wrapper {
        background-color: transparent;
        padding: 0px;
        width: 14.25rem
    }

    .is-sayt-suggestions .sayt__wrapper {
        background-color: #e5e5e5;
        border-style: solid;
        border-color: #bcbcbc;
        border-width: 0 .0625rem .0625rem
    }

    .sayt__link {
        padding: .375rem .6875rem
    }

    .sayt__link--with-image {
        padding: 0
    }

    .sayt__image {
        float: none;
        width: 100%;
        margin-left: 0
    }

    .sayt__body {
        white-space: normal
    }

    .sayt__body--with-image {
        position: relative;
        padding: .25rem .6875rem;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 0, #fff 2rem);
        margin-top: -2rem
    }

    a:hover .sayt__body--with-image, a:focus .sayt__body--with-image, .is-sayt-selected .sayt__body--with-image {
        background-image: linear-gradient(to bottom, rgba(242, 242, 242, 0.9) 0, #f2f2f2 2rem)
    }
}

.video-actions {
    position: absolute;
    bottom: .5rem;
    width: 100%;
    z-index: 10
}

.video-actions--has-guidance {
    bottom: 3rem
}

.video-actions__item {
    margin: .5rem 0;
    padding-left: 0;
    text-align: center
}

@media (min-width: 37.5em) {
    .video-actions {
        bottom: 1rem
    }

    .video-actions--has-guidance {
        bottom: 3.5rem
    }
}

@media (min-width: 44em) {
    .video-actions--has-guidance {
        bottom: 1rem
    }

    .video-actions--has-schedule {
        bottom: 6.75rem
    }
}

@media (min-width: 56em) {
    .video-actions {
        bottom: 1.5rem
    }

    .video-actions--has-guidance {
        bottom: 1.5rem
    }

    .video-actions--has-schedule {
        bottom: 7.75rem
    }
}

.video-error__wrapper {
    max-width: 27.125rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    position: relative
}

.video-error__title, .video-error__body {
    margin: .5rem 0
}

.video-error__links {
    text-align: center;
    margin-left: -.5rem;
    margin-right: -.5rem
}

.video-error__link {
    display: inline-block;
    padding-left: .5rem;
    padding-right: .5rem;
    margin-top: .5rem
}

.video-error__side {
    display: inline-block;
    margin-left: 1rem
}

.video-error__code {
    font-size: .8125rem;
    line-height: 1.38462;
    color: #f2f2f2;
    white-space: nowrap
}

@media (min-width: 56em) {
    .video-error__title {
        font-size: 1.75rem;
        line-height: 1.14286
    }

    .video-error__body {
        font-size: 1.1875rem;
        line-height: 1.26316
    }

    .video-error__side {
        margin-left: 1.5rem
    }
}

.channel-dots {
    position: relative;
    z-index: 1;
    max-width: 16rem;
    margin: 24px auto
}

.channel-dots ~ div {
    margin-top: -2rem
}

div ~ .channel-dots {
    margin-top: -2.5rem
}

.channel-dots__inner {
    background: url("/hub/assets/img/svgmin/channel-dots.svg?65877365680") center no-repeat;
    background-size: contain;
    padding-top: 75.78125%
}

@media (min-width: 37.5em) {
    .channel-dots {
        margin-bottom: 2rem
    }

    .channel-dots ~ div {
        margin-top: -2.5rem
    }

    div ~ .channel-dots {
        margin-top: -3rem
    }
}

@media (min-width: 56em) {
    .channel-dots {
        margin-bottom: 2rem
    }

    .channel-dots ~ div {
        margin-top: -2.5rem
    }

    div ~ .channel-dots {
        margin-top: -3rem
    }
}

.bubble {
    background-color: rgba(20, 155, 163, 0.95);
    color: #fff;
    max-width: 22.5rem;
    margin: 0 .5rem;
    padding: 1rem;
    text-align: center;
    border-radius: .5rem;
    position: relative;
    z-index: 900
}

.bubble__link {
    color: #fff;
    text-decoration: underline;
    margin-left: .5rem
}

.bubble--point-up:after, .bubble--point-down:after {
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-style: solid;
    border-color: transparent;
    border-width: 1rem;
    margin-left: -1rem
}

.bubble--user {
    text-align: left;
    right: auto;
    left: 0;
    position: absolute;
    top: 2.5rem;
    border-radius: 0px;
    margin: 0;
    max-width: none;
    min-width: 20rem
}

.bubble--user:after {
    right: 7.5rem
}

.bubble--point-up {
    margin-top: 1rem
}

.bubble--point-up:after {
    bottom: 100%;
    border-bottom-color: rgba(20, 155, 163, 0.95)
}

.bubble--point-down {
    margin-bottom: 1rem
}

.bubble--point-down:after {
    border-top-color: rgba(20, 155, 163, 0.95);
    top: 100%
}

.bubble__heading {
    font-size: 1.1875rem;
    line-height: 1.26316
}

.bubble--user .bubble__message {
    display: inline-block;
    vertical-align: middle;
    padding-right: 4.375rem
}

.bubble__button {
    margin: .5rem
}

.bubble--user .bubble__button {
    margin: 0;
    display: block;
    position: absolute;
    right: .625rem;
    top: 50%;
    margin-top: -1.25rem
}

@media (min-width: 37.5em) {
    .bubble {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        border-radius: 3.125rem
    }

    .bubble--user {
        max-width: 66%;
        left: auto;
        right: 1.5rem;
        top: 3.125rem
    }

    .bubble--user:after {
        right: 7.5rem
    }
}

@media (min-width: 56em) {
    .bubble {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }

    .bubble--user:after {
        right: 16.25rem
    }
}

.onward-journey {
    opacity: 0;
    -webkit-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
    position: relative;
    margin: 0 -.5rem;
    margin-top: 4%
}

.onward-journey.is-visible {
    opacity: 1
}

.onward-journey__item {
    min-height: 15rem;
    text-align: center
}

.onward-journey__item--divider {
    position: relative
}

.onward-journey__item--divider:after {
    content: '';
    height: 100%;
    width: 2px;
    background-color: #4e4e4e;
    position: absolute;
    right: 0;
    top: 0
}

.onward-journey__item--next-episode {
    padding-top: 2.5rem
}

.onward-journey__link {
    display: inline-block
}

.onward-journey__button {
    display: inline-block
}

.onward-journey__button:focus {
    outline: none
}

.onward-journey__icon {
    -webkit-transition: background-color 0.15s linear 0s;
    transition: background-color 0.15s linear 0s;
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    margin-top: -1.25rem;
    margin-left: -1.25rem
}

.onward-journey__icon:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    border-radius: 50%;
    overflow: hidden;
    -webkit-transform: scale(1);
    -webkit-transition: -webkit-transform 0.15s linear 0s, background-color 0.15s linear 0s;
    transform: scale(1);
    transition: transform 0.15s linear 0s, background-color 0.15s linear 0s
}

a:hover .onward-journey__icon:after, a:focus .onward-journey__icon:after, button:hover .onward-journey__icon:after, button:focus .onward-journey__icon:after {
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.onward-journey__icon--itv:after {
    background-color: rgba(20, 152, 160, 0.8)
}

a:hover .onward-journey__icon--itv:after, a:focus .onward-journey__icon--itv:after, button:hover .onward-journey__icon--itv:after, button:focus .onward-journey__icon--itv:after {
    background-color: #1498a0
}

.onward-journey__icon--itv2:after {
    background-color: rgba(0, 150, 120, 0.8)
}

a:hover .onward-journey__icon--itv2:after, a:focus .onward-journey__icon--itv2:after, button:hover .onward-journey__icon--itv2:after, button:focus .onward-journey__icon--itv2:after {
    background-color: #009678
}

.onward-journey__icon--itvbe:after {
    background-color: rgba(149, 98, 139, 0.8)
}

a:hover .onward-journey__icon--itvbe:after, a:focus .onward-journey__icon--itvbe:after, button:hover .onward-journey__icon--itvbe:after, button:focus .onward-journey__icon--itvbe:after {
    background-color: #95628b
}

.onward-journey__icon--itv3:after {
    background-color: rgba(54, 55, 121, 0.8)
}

a:hover .onward-journey__icon--itv3:after, a:focus .onward-journey__icon--itv3:after, button:hover .onward-journey__icon--itv3:after, button:focus .onward-journey__icon--itv3:after {
    background-color: #363779
}

.onward-journey__icon--itv4:after {
    background-color: rgba(108, 124, 132, 0.8)
}

a:hover .onward-journey__icon--itv4:after, a:focus .onward-journey__icon--itv4:after, button:hover .onward-journey__icon--itv4:after, button:focus .onward-journey__icon--itv4:after {
    background-color: #6c7c84
}

.onward-journey__icon--citv:after {
    background-color: rgba(204, 136, 0, 0.8)
}

a:hover .onward-journey__icon--citv:after, a:focus .onward-journey__icon--citv:after, button:hover .onward-journey__icon--citv:after, button:focus .onward-journey__icon--citv:after {
    background-color: #c80
}

.onward-journey__image-wrapper {
    display: inline-block;
    position: relative;
    width: 6.9375rem
}

.onward-journey__frame {
    width: 9.1875rem;
    height: 9.1875rem;
    position: absolute;
    z-index: -1;
    top: -1.125rem;
    left: -1.125rem
}

.onward-journey__item--next-from-genre .onward-journey__frame {
    width: 6.9375rem;
    height: 6.9375rem;
    top: 0px;
    left: 0px
}

.onward-journey__crop-circle {
    width: 6.9375rem;
    height: 6.9375rem;
    overflow: hidden;
    border-radius: 50%;
    padding: 0
}

.onward-journey__header {
    font-size: 1.1875rem;
    line-height: 1.26316;
    text-align: center;
    font-weight: 500;
    color: #fff;
    margin: 0 0 1rem 0
}

.onward-journey__text {
    font-size: 1.1875rem;
    line-height: 1.26316;
    text-align: center;
    font-weight: 700;
    color: #fff;
    margin: 1rem 0 0
}

.onward-journey__text--secondary {
    margin: .5rem 0 .25rem
}

.onward-journey__synopses {
    margin: 0 0 .5rem;
    font-size: .8125rem;
    line-height: 1.38462
}

.onward-journey__image {
    width: auto;
    height: 100%;
    margin-left: -2.69792rem;
    max-width: none
}

.onward-journey__countdown-wrapper {
    font-size: .8125rem;
    line-height: 1.38462;
    opacity: 0;
    height: 0;
    transition: height 0.25s ease-in-out 0.15s, opacity 0.25s ease-in-out;
    overflow: hidden
}

.is-counting-down .onward-journey__countdown-wrapper {
    transition: none;
    opacity: 1;
    height: 44px
}

.onward-journey__cancel {
    margin-top: 8px
}

@media (min-width: 37.5em) {
    .onward-journey__item {
        min-height: 17.5rem
    }

    .onward-journey__item--next-episode {
        padding-top: 2.1875rem
    }

    .onward-journey__image-wrapper {
        width: 8.1875rem
    }

    .onward-journey__image-wrapper--secondary {
        width: 6.9375rem
    }

    .onward-journey__frame {
        width: 10.8125rem;
        height: 10.8125rem;
        top: -1.3125rem;
        left: -1.3125rem
    }

    .onward-journey__item--next-from-genre .onward-journey__frame {
        width: 6.9375rem;
        height: 6.9375rem;
        top: 0px;
        left: 0px
    }

    .onward-journey__crop-circle {
        width: 8.1875rem;
        height: 8.1875rem
    }

    .onward-journey__crop-circle--secondary {
        width: 6.9375rem;
        height: 6.9375rem
    }

    .onward-journey__icon--next {
        width: 3.5rem;
        height: 3.5rem;
        margin-top: -1.75rem;
        margin-left: -1.75rem
    }

    .onward-journey__header {
        font-size: 1.1875rem;
        line-height: 1.26316;
        margin: 0 0 1.25rem 0
    }

    .onward-journey__text {
        font-size: 1.4375rem;
        line-height: 1.21739;
        margin: 1.5rem 0 0
    }

    .onward-journey__text--secondary {
        font-size: 1.1875rem;
        line-height: 1.26316;
        margin: 1rem 0 .5rem
    }

    .onward-journey__synopses {
        font-size: 1rem;
        line-height: 1.25
    }

    .onward-journey__image {
        margin-left: -3.18403rem
    }

    .onward-journey__image--secondary {
        margin-left: -2.69792rem
    }

    .onward-journey__countdown-wrapper {
        font-size: 1rem;
        line-height: 1.25
    }

    .is-counting-down .onward-journey__countdown-wrapper {
        height: 56px
    }

    .onward-journey__cancel {
        margin-top: 16px
    }
}

@media (min-width: 44em) {
    .onward-journey {
        margin-top: 0
    }
}

@media (min-width: 56em) and (min-height: 42.125em) {
    .onward-journey__item {
        min-height: 20.625rem
    }

    .onward-journey__item--next-episode {
        padding-top: 1.9375rem
    }

    .onward-journey__image-wrapper {
        width: 10.6875rem
    }

    .onward-journey__image-wrapper--secondary {
        width: 8.1875rem
    }

    .onward-journey__frame {
        width: 14.0625rem;
        height: 14.0625rem;
        top: -1.6875rem;
        left: -1.6875rem
    }

    .onward-journey__item--next-from-genre .onward-journey__frame {
        width: 8.1875rem;
        height: 8.1875rem;
        top: 0px;
        left: 0px
    }

    .onward-journey__crop-circle {
        width: 10.6875rem;
        height: 10.6875rem
    }

    .onward-journey__crop-circle--secondary {
        width: 8.1875rem;
        height: 8.1875rem
    }

    .onward-journey__icon--next {
        width: 4rem;
        height: 4rem;
        margin-top: -2rem;
        margin-left: -2rem
    }

    .onward-journey__header {
        font-size: 1.4375rem;
        line-height: 1.21739;
        margin: 0 0 1.5rem 0
    }

    .onward-journey__text {
        font-size: 1.75rem;
        line-height: 1.14286;
        margin: 2rem 0 0
    }

    .onward-journey__text--secondary {
        font-size: 1.4375rem;
        line-height: 1.21739;
        margin: 1rem 0 .5rem
    }

    .onward-journey__image {
        margin-left: -4.15625rem
    }

    .onward-journey__image--secondary {
        margin-left: -3.18403rem
    }

    .onward-journey__countdown-wrapper {
        font-size: 1rem;
        line-height: 1.25
    }

    .is-counting-down .onward-journey__countdown-wrapper {
        height: 56px
    }

    .onward-journey__cancel {
        margin-top: 16px
    }
}

.social__heading {
    margin: 1rem 0 .5rem;
    font-size: .8125rem;
    line-height: 1.38462;
    font-weight: 400;
    display: none
}

.social--watched .social__heading {
    display: block
}

.social__items {
    margin: .5rem -.25rem
}

.social__item {
    display: inline-block;
    padding: 0 .25rem
}

.social__icon {
    border-style: solid;
    border-width: .0625rem;
    cursor: pointer;
    display: block;
    -webkit-transition: background-color 0.15s linear 0s, border-color 0.15s linear 0s;
    transition: background-color 0.15s linear 0s, border-color 0.15s linear 0s
}

.social__icon:before {
    top: -.0625rem;
    left: -.0625rem
}

.social--animated .social__icon {
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-timing-function: linear;
    -webkit-animation-name: wobble;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    transform-origin: 50% 50%;
    animation-timing-function: linear;
    animation-name: wobble;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-fill-mode: both
}

.social--animated .social__icon--facebook {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s
}

.social--animated .social__icon--twitter {
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s
}

.social--animated .social__icon--google-plus {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s
}

@-webkit-keyframes wobble {
    0%, 25% {
        -webkit-transform: scale(0)
    }
    50% {
        -webkit-transform: scale(1.2)
    }
    75%, 100% {
        -webkit-transform: scale(1)
    }
}

@keyframes wobble {
    0%, 25% {
        transform: scale(0)
    }
    50% {
        transform: scale(1.2)
    }
    75%, 100% {
        transform: scale(1)
    }
}

.social__icon--facebook {
    background-color: #3F5F91;
    border-color: #3F5F91
}

a:hover .social__icon--facebook, a:focus .social__icon--facebook {
    background-color: #fff
}

.social__icon--twitter {
    background-color: #2EAEE9;
    border-color: #2EAEE9
}

a:hover .social__icon--twitter, a:focus .social__icon--twitter {
    background-color: #fff
}

.social__icon--google-plus {
    background-color: #D94F46;
    border-color: #D94F46
}

a:hover .social__icon--google-plus, a:focus .social__icon--google-plus {
    background-color: #fff
}

@media (min-width: 56em) {
    .social__heading {
        display: block
    }

    .social__items {
        margin-top: .75rem
    }
}

.color--itv {
    color: #19BEC8
}

.color--itv-neg {
    color: #19BEC8
}

.color--itv-pos {
    color: #149BA3
}

.color--itv2 {
    color: #00BC96
}

.color--itv2-neg {
    color: #00BC96
}

.color--itv2-pos {
    color: #009E79
}

.color--itvbe {
    color: #BA7BAE
}

.color--itvbe-neg {
    color: #BA7BAE
}

.color--itvbe-pos {
    color: #B279AD
}

.color--itv3 {
    color: #434597
}

.color--itv3-neg {
    color: #6B6DE9
}

.color--itv3-pos {
    color: #434597
}

.color--itv4 {
    color: #879BA5
}

.color--itv4-neg {
    color: #879BA5
}

.color--itv4-pos {
    color: #7C8F98
}

.color--citv {
    color: #fa0
}

.color--citv-neg {
    color: #fa0
}

.color--citv-pos {
    color: #D86D08
}

.color--greyscale-black {
    color: #000
}

.color--greyscale-dark {
    color: #282828
}

.color--greyscale-mid-dark {
    color: #4e4e4e
}

.color--greyscale-mid {
    color: #767676
}

.color--greyscale-mid-light {
    color: #bcbcbc
}

.color--greyscale-light {
    color: #f2f2f2
}

.color--greyscale-white {
    color: #fff
}

.color--brand-b1 {
    color: #19BEC8
}

.color--brand-b2-pos {
    color: #000
}

.color--brand-b2-neg {
    color: #fff
}

.color--brand-b3 {
    color: #867a24
}

.color--brand-b4 {
    color: #a90061
}

.color--brand-b5 {
    color: #fa0
}

.color--nav-background {
    color: #fff
}

.color--nav-border {
    color: #bcbcbc
}

.color--misc-guidance {
    color: #F58721
}

.color--misc-error-background {
    color: #FFCD64
}

.color--misc-error-message {
    color: #9B5D00
}

.color--misc-background {
    color: #e5e5e5
}

.color--misc-notification-message {
    color: #ada
}

.color--social-facebook {
    color: #3F5F91
}

.color--social-twitter {
    color: #2EAEE9
}

.color--social-google-plus {
    color: #D94F46
}

.bg-color--itv {
    background-color: #19BEC8
}

.bg-color--itv-neg {
    background-color: #19BEC8
}

.bg-color--itv-pos {
    background-color: #149BA3
}

.bg-color--itv2 {
    background-color: #00BC96
}

.bg-color--itv2-neg {
    background-color: #00BC96
}

.bg-color--itv2-pos {
    background-color: #009E79
}

.bg-color--itvbe {
    background-color: #BA7BAE
}

.bg-color--itvbe-neg {
    background-color: #BA7BAE
}

.bg-color--itvbe-pos {
    background-color: #B279AD
}

.bg-color--itv3 {
    background-color: #434597
}

.bg-color--itv3-neg {
    background-color: #6B6DE9
}

.bg-color--itv3-pos {
    background-color: #434597
}

.bg-color--itv4 {
    background-color: #879BA5
}

.bg-color--itv4-neg {
    background-color: #879BA5
}

.bg-color--itv4-pos {
    background-color: #7C8F98
}

.bg-color--citv {
    background-color: #fa0
}

.bg-color--citv-neg {
    background-color: #fa0
}

.bg-color--citv-pos {
    background-color: #D86D08
}

.bg-color--greyscale-black {
    background-color: #000
}

.bg-color--greyscale-dark {
    background-color: #282828
}

.bg-color--greyscale-mid-dark {
    background-color: #4e4e4e
}

.bg-color--greyscale-mid {
    background-color: #767676
}

.bg-color--greyscale-mid-light {
    background-color: #bcbcbc
}

.bg-color--greyscale-light {
    background-color: #f2f2f2
}

.bg-color--greyscale-white {
    background-color: #fff
}

.bg-color--brand-b1 {
    background-color: #19BEC8
}

.bg-color--brand-b2-pos {
    background-color: #000
}

.bg-color--brand-b2-neg {
    background-color: #fff
}

.bg-color--brand-b3 {
    background-color: #867a24
}

.bg-color--brand-b4 {
    background-color: #a90061
}

.bg-color--brand-b5 {
    background-color: #fa0
}

.bg-color--nav-background {
    background-color: #fff
}

.bg-color--nav-border {
    background-color: #bcbcbc
}

.bg-color--misc-guidance {
    background-color: #F58721
}

.bg-color--misc-error-background {
    background-color: #FFCD64
}

.bg-color--misc-error-message {
    background-color: #9B5D00
}

.bg-color--misc-background {
    background-color: #e5e5e5
}

.bg-color--misc-notification-message {
    background-color: #ada
}

.bg-color--social-facebook {
    background-color: #3F5F91
}

.bg-color--social-twitter {
    background-color: #2EAEE9
}

.bg-color--social-google-plus {
    background-color: #D94F46
}

body {
    color: #282828
}

a, a:hover .theme__target, a:focus .theme__target button:hover .theme__target, button:focus .theme__target, .theme__target:hover, .theme__target:focus {
    color: #149BA3
}

.theme__main {
    color: #282828
}

.theme__subtle {
    color: #4e4e4e
}

.theme__meta {
    color: #767676
}

.theme__invert {
    color: #f2f2f2
}

.theme__accent {
    color: #149BA3
}

.theme__target {
    -webkit-transition: color 0.15s linear 0s;
    transition: color 0.15s linear 0s
}

.theme--light {
    color: #282828
}

.theme--light a, .theme--light a:hover .theme__target, .theme--light a:focus .theme__target, .theme--light button:hover .theme__target, .theme--light button:focus .theme__target, .theme--light .theme__target:hover, .theme--light .theme__target:focus {
    color: #149BA3
}

.theme--light .theme__main {
    color: #282828
}

.theme--light .theme__subtle {
    color: #4e4e4e
}

.theme--light .theme__meta {
    color: #767676
}

.theme--light .theme__invert {
    color: #f2f2f2
}

.theme--light .theme__accent {
    color: #149BA3
}

.theme--dark {
    color: #fff
}

.theme--dark a, .theme--dark a:hover .theme__target, .theme--dark a:focus .theme__target, .theme--dark button:hover .theme__target, .theme--dark button:focus .theme__target, .theme--dark .theme__target:hover, .theme--dark .theme__target:focus {
    color: #19BEC8
}

.theme--dark .theme__main {
    color: #fff
}

.theme--dark .theme__subtle {
    color: #f2f2f2
}

.theme--dark .theme__meta {
    color: #bcbcbc
}

.theme--dark .theme__invert {
    color: #282828
}

.theme--dark .theme__accent {
    color: #19BEC8
}

.theme--pos {
    color: #000
}

.theme--pos a, .theme--pos a:hover .theme__target, .theme--pos a:focus .theme__target, .theme--pos button:hover .theme__target, .theme--pos button:focus .theme__target, .theme--pos .theme__target:hover, .theme--pos .theme__target:focus {
    color: #282828
}

.theme--pos .theme__main {
    color: #000
}

.theme--pos .theme__subtle {
    color: #000
}

.theme--pos .theme__meta {
    color: #000
}

.theme--pos .theme__invert {
    color: #fff
}

.theme--pos .theme__accent {
    color: #282828
}

.theme--neg {
    color: #fff
}

.theme--neg a, .theme--neg a:hover .theme__target, .theme--neg a:focus .theme__target, .theme--neg button:hover .theme__target, .theme--neg button:focus .theme__target, .theme--neg .theme__target:hover, .theme--neg .theme__target:focus {
    color: #f2f2f2
}

.theme--neg .theme__main {
    color: #fff
}

.theme--neg .theme__subtle {
    color: #fff
}

.theme--neg .theme__meta {
    color: #fff
}

.theme--neg .theme__invert {
    color: #000
}

.theme--neg .theme__accent {
    color: #f2f2f2
}

.theme--block {
    color: #fff
}

.theme--block a, .theme--block a:hover .theme__target, .theme--block a:focus .theme__target, .theme--block button:hover .theme__target, .theme--block button:focus .theme__target, .theme--block .theme__target:hover, .theme--block .theme__target:focus {
    color: #fff
}

.theme--block .theme__main {
    color: #fff
}

.theme--block .theme__subtle {
    color: #fff
}

.theme--block .theme__meta {
    color: #fff
}

.theme--block .theme__invert {
    color: #000
}

.theme--block .theme__accent {
    color: #fff
}

@media (min-width: 37.5em) {
    .theme--custard--light {
        color: #282828
    }

    .theme--custard--light a, .theme--custard--light a:hover .theme__target, .theme--custard--light a:focus .theme__target, .theme--custard--light button:hover .theme__target, .theme--custard--light button:focus .theme__target, .theme--custard--light .theme__target:hover, .theme--custard--light .theme__target:focus {
        color: #149BA3
    }

    .theme--custard--light .theme__main {
        color: #282828
    }

    .theme--custard--light .theme__subtle {
        color: #4e4e4e
    }

    .theme--custard--light .theme__meta {
        color: #767676
    }

    .theme--custard--light .theme__invert {
        color: #f2f2f2
    }

    .theme--custard--light .theme__accent {
        color: #149BA3
    }

    .theme--custard--dark {
        color: #fff
    }

    .theme--custard--dark a, .theme--custard--dark a:hover .theme__target, .theme--custard--dark a:focus .theme__target, .theme--custard--dark button:hover .theme__target, .theme--custard--dark button:focus .theme__target, .theme--custard--dark .theme__target:hover, .theme--custard--dark .theme__target:focus {
        color: #19BEC8
    }

    .theme--custard--dark .theme__main {
        color: #fff
    }

    .theme--custard--dark .theme__subtle {
        color: #f2f2f2
    }

    .theme--custard--dark .theme__meta {
        color: #bcbcbc
    }

    .theme--custard--dark .theme__invert {
        color: #282828
    }

    .theme--custard--dark .theme__accent {
        color: #19BEC8
    }

    .theme--custard--pos {
        color: #000
    }

    .theme--custard--pos a, .theme--custard--pos a:hover .theme__target, .theme--custard--pos a:focus .theme__target, .theme--custard--pos button:hover .theme__target, .theme--custard--pos button:focus .theme__target, .theme--custard--pos .theme__target:hover, .theme--custard--pos .theme__target:focus {
        color: #282828
    }

    .theme--custard--pos .theme__main {
        color: #000
    }

    .theme--custard--pos .theme__subtle {
        color: #000
    }

    .theme--custard--pos .theme__meta {
        color: #000
    }

    .theme--custard--pos .theme__invert {
        color: #fff
    }

    .theme--custard--pos .theme__accent {
        color: #282828
    }

    .theme--custard--neg {
        color: #fff
    }

    .theme--custard--neg a, .theme--custard--neg a:hover .theme__target, .theme--custard--neg a:focus .theme__target, .theme--custard--neg button:hover .theme__target, .theme--custard--neg button:focus .theme__target, .theme--custard--neg .theme__target:hover, .theme--custard--neg .theme__target:focus {
        color: #f2f2f2
    }

    .theme--custard--neg .theme__main {
        color: #fff
    }

    .theme--custard--neg .theme__subtle {
        color: #fff
    }

    .theme--custard--neg .theme__meta {
        color: #fff
    }

    .theme--custard--neg .theme__invert {
        color: #000
    }

    .theme--custard--neg .theme__accent {
        color: #f2f2f2
    }

    .theme--custard--block {
        color: #fff
    }

    .theme--custard--block a, .theme--custard--block a:hover .theme__target, .theme--custard--block a:focus .theme__target, .theme--custard--block button:hover .theme__target, .theme--custard--block button:focus .theme__target, .theme--custard--block .theme__target:hover, .theme--custard--block .theme__target:focus {
        color: #fff
    }

    .theme--custard--block .theme__main {
        color: #fff
    }

    .theme--custard--block .theme__subtle {
        color: #fff
    }

    .theme--custard--block .theme__meta {
        color: #fff
    }

    .theme--custard--block .theme__invert {
        color: #000
    }

    .theme--custard--block .theme__accent {
        color: #fff
    }
}

@media (min-width: 56em) {
    .theme--cream--light {
        color: #282828
    }

    .theme--cream--light a, .theme--cream--light a:hover .theme__target, .theme--cream--light a:focus .theme__target, .theme--cream--light button:hover .theme__target, .theme--cream--light button:focus .theme__target, .theme--cream--light .theme__target:hover, .theme--cream--light .theme__target:focus {
        color: #149BA3
    }

    .theme--cream--light .theme__main {
        color: #282828
    }

    .theme--cream--light .theme__subtle {
        color: #4e4e4e
    }

    .theme--cream--light .theme__meta {
        color: #767676
    }

    .theme--cream--light .theme__invert {
        color: #f2f2f2
    }

    .theme--cream--light .theme__accent {
        color: #149BA3
    }

    .theme--cream--dark {
        color: #fff
    }

    .theme--cream--dark a, .theme--cream--dark a:hover .theme__target, .theme--cream--dark a:focus .theme__target, .theme--cream--dark button:hover .theme__target, .theme--cream--dark button:focus .theme__target, .theme--cream--dark .theme__target:hover, .theme--cream--dark .theme__target:focus {
        color: #19BEC8
    }

    .theme--cream--dark .theme__main {
        color: #fff
    }

    .theme--cream--dark .theme__subtle {
        color: #f2f2f2
    }

    .theme--cream--dark .theme__meta {
        color: #bcbcbc
    }

    .theme--cream--dark .theme__invert {
        color: #282828
    }

    .theme--cream--dark .theme__accent {
        color: #19BEC8
    }

    .theme--cream--pos {
        color: #000
    }

    .theme--cream--pos a, .theme--cream--pos a:hover .theme__target, .theme--cream--pos a:focus .theme__target, .theme--cream--pos button:hover .theme__target, .theme--cream--pos button:focus .theme__target, .theme--cream--pos .theme__target:hover, .theme--cream--pos .theme__target:focus {
        color: #282828
    }

    .theme--cream--pos .theme__main {
        color: #000
    }

    .theme--cream--pos .theme__subtle {
        color: #000
    }

    .theme--cream--pos .theme__meta {
        color: #000
    }

    .theme--cream--pos .theme__invert {
        color: #fff
    }

    .theme--cream--pos .theme__accent {
        color: #282828
    }

    .theme--cream--neg {
        color: #fff
    }

    .theme--cream--neg a, .theme--cream--neg a:hover .theme__target, .theme--cream--neg a:focus .theme__target, .theme--cream--neg button:hover .theme__target, .theme--cream--neg button:focus .theme__target, .theme--cream--neg .theme__target:hover, .theme--cream--neg .theme__target:focus {
        color: #f2f2f2
    }

    .theme--cream--neg .theme__main {
        color: #fff
    }

    .theme--cream--neg .theme__subtle {
        color: #fff
    }

    .theme--cream--neg .theme__meta {
        color: #fff
    }

    .theme--cream--neg .theme__invert {
        color: #000
    }

    .theme--cream--neg .theme__accent {
        color: #f2f2f2
    }

    .theme--cream--block {
        color: #fff
    }

    .theme--cream--block a, .theme--cream--block a:hover .theme__target, .theme--cream--block a:focus .theme__target, .theme--cream--block button:hover .theme__target, .theme--cream--block button:focus .theme__target, .theme--cream--block .theme__target:hover, .theme--cream--block .theme__target:focus {
        color: #fff
    }

    .theme--cream--block .theme__main {
        color: #fff
    }

    .theme--cream--block .theme__subtle {
        color: #fff
    }

    .theme--cream--block .theme__meta {
        color: #fff
    }

    .theme--cream--block .theme__invert {
        color: #000
    }

    .theme--cream--block .theme__accent {
        color: #fff
    }
}

.theme--itv-pos a, .theme--itv-pos a:hover .theme__target, .theme--itv-pos a:focus .theme__target, .theme--itv-pos button:hover .theme__target, .theme--itv-pos button:focus .theme__target, .theme--itv-pos .theme__target:hover, .theme--itv-pos .theme__target:focus, .theme--itv-pos .theme__accent {
    color: #149BA3
}

.theme--itv2-pos a, .theme--itv2-pos a:hover .theme__target, .theme--itv2-pos a:focus .theme__target, .theme--itv2-pos button:hover .theme__target, .theme--itv2-pos button:focus .theme__target, .theme--itv2-pos .theme__target:hover, .theme--itv2-pos .theme__target:focus, .theme--itv2-pos .theme__accent {
    color: #009E79
}

.theme--itvbe-pos a, .theme--itvbe-pos a:hover .theme__target, .theme--itvbe-pos a:focus .theme__target, .theme--itvbe-pos button:hover .theme__target, .theme--itvbe-pos button:focus .theme__target, .theme--itvbe-pos .theme__target:hover, .theme--itvbe-pos .theme__target:focus, .theme--itvbe-pos .theme__accent {
    color: #B279AD
}

.theme--itv3-pos a, .theme--itv3-pos a:hover .theme__target, .theme--itv3-pos a:focus .theme__target, .theme--itv3-pos button:hover .theme__target, .theme--itv3-pos button:focus .theme__target, .theme--itv3-pos .theme__target:hover, .theme--itv3-pos .theme__target:focus, .theme--itv3-pos .theme__accent {
    color: #434597
}

.theme--itv4-pos a, .theme--itv4-pos a:hover .theme__target, .theme--itv4-pos a:focus .theme__target, .theme--itv4-pos button:hover .theme__target, .theme--itv4-pos button:focus .theme__target, .theme--itv4-pos .theme__target:hover, .theme--itv4-pos .theme__target:focus, .theme--itv4-pos .theme__accent {
    color: #7C8F98
}

.theme--citv-pos a, .theme--citv-pos a:hover .theme__target, .theme--citv-pos a:focus .theme__target, .theme--citv-pos button:hover .theme__target, .theme--citv-pos button:focus .theme__target, .theme--citv-pos .theme__target:hover, .theme--citv-pos .theme__target:focus, .theme--citv-pos .theme__accent {
    color: #D86D08
}

.theme--itv-neg a, .theme--itv-neg a:hover .theme__target, .theme--itv-neg a:focus .theme__target, .theme--itv-neg button:hover .theme__target, .theme--itv-neg button:focus .theme__target, .theme--itv-neg .theme__target:hover, .theme--itv-neg .theme__target:focus, .theme--itv-neg .theme__accent {
    color: #19BEC8
}

.theme--itv2-neg a, .theme--itv2-neg a:hover .theme__target, .theme--itv2-neg a:focus .theme__target, .theme--itv2-neg button:hover .theme__target, .theme--itv2-neg button:focus .theme__target, .theme--itv2-neg .theme__target:hover, .theme--itv2-neg .theme__target:focus, .theme--itv2-neg .theme__accent {
    color: #00BC96
}

.theme--itvbe-neg a, .theme--itvbe-neg a:hover .theme__target, .theme--itvbe-neg a:focus .theme__target, .theme--itvbe-neg button:hover .theme__target, .theme--itvbe-neg button:focus .theme__target, .theme--itvbe-neg .theme__target:hover, .theme--itvbe-neg .theme__target:focus, .theme--itvbe-neg .theme__accent {
    color: #BA7BAE
}

.theme--itv3-neg a, .theme--itv3-neg a:hover .theme__target, .theme--itv3-neg a:focus .theme__target, .theme--itv3-neg button:hover .theme__target, .theme--itv3-neg button:focus .theme__target, .theme--itv3-neg .theme__target:hover, .theme--itv3-neg .theme__target:focus, .theme--itv3-neg .theme__accent {
    color: #6B6DE9
}

.theme--itv4-neg a, .theme--itv4-neg a:hover .theme__target, .theme--itv4-neg a:focus .theme__target, .theme--itv4-neg button:hover .theme__target, .theme--itv4-neg button:focus .theme__target, .theme--itv4-neg .theme__target:hover, .theme--itv4-neg .theme__target:focus, .theme--itv4-neg .theme__accent {
    color: #879BA5
}

.theme--citv-neg a, .theme--citv-neg a:hover .theme__target, .theme--citv-neg a:focus .theme__target, .theme--citv-neg button:hover .theme__target, .theme--citv-neg button:focus .theme__target, .theme--citv-neg .theme__target:hover, .theme--citv-neg .theme__target:focus, .theme--citv-neg .theme__accent {
    color: #fa0
}

.itv-segment {
    opacity: 1
}

.is-stage-dimmed .itv-segment {
    opacity: 0;
    -webkit-transition: opacity 0.25s linear 0.5s;
    transition: opacity 0.25s linear 0.5s
}

.itv-segment--0, .itv-segment--1 {
    fill: #426575
}

.is-stage-dimmed .itv-segment--1 {
    -webkit-transition: opacity 0.25s linear 0.4s;
    transition: opacity 0.25s linear 0.4s
}

.itv-segment--2 {
    fill: #D0ECF8
}

.is-stage-dimmed .itv-segment--2 {
    -webkit-transition: opacity 0.25s linear 0.3s;
    transition: opacity 0.25s linear 0.3s
}

.itv-segment--3 {
    fill: #647788
}

.is-stage-dimmed .itv-segment--3 {
    -webkit-transition: opacity 0.25s linear 0.2s;
    transition: opacity 0.25s linear 0.2s
}

.itv-segment--4 {
    fill: #193F54
}

.is-stage-dimmed .itv-segment--4 {
    -webkit-transition: opacity 0.25s linear 0.1s;
    transition: opacity 0.25s linear 0.1s
}

.itv-segment--5 {
    fill: #29728F
}

.is-stage-dimmed .itv-segment--5 {
    -webkit-transition: opacity 0.25s linear 0s;
    transition: opacity 0.25s linear 0s
}

.itvbe-segment--itv, .itvbe-segment--dot {
    fill: #E4C0DB
}

.itvbe-segment--be {
    fill: #FFFFFF
}

.frame {
    overflow: visible !important
}

.frame--next-episode .st0 {
    fill: none;
    stroke: #EC7F80;
    stroke-width: 121.28;
    stroke-linecap: round;
    stroke-linejoin: round
}

.frame--next-episode .st1 {
    fill: none
}

.frame--next-episode .st2 {
    fill: none;
    stroke: #F6A96C;
    stroke-width: 157.16;
    stroke-linecap: round;
    stroke-linejoin: round
}

.frame--next-episode .st3 {
    fill: none;
    stroke: #B23670;
    stroke-width: 27.84;
    stroke-linecap: round;
    stroke-linejoin: round
}

.frame--next-episode .st4 {
    fill: none;
    stroke: #EC7F80;
    stroke-width: 93.45;
    stroke-linecap: round;
    stroke-linejoin: round
}

.frame--next-episode .st5 {
    fill: none;
    stroke: #2AB7C6;
    stroke-width: 42.95;
    stroke-linecap: round;
    stroke-linejoin: round
}

.frame--next-episode .fragment-1, .frame--next-episode .fragment-2, .frame--next-episode .fragment-3, .frame--next-episode .fragment-4, .frame--next-episode .fragment-5 {
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-timing-function: ease;
    -webkit-animation-name: spin;
    -webkit-animation-iteration-count: 1;
    transform-origin: 50% 50%;
    animation-timing-function: ease;
    animation-name: spin;
    animation-iteration-count: 1;
    transition: transform 0.3s ease;
    transform: scale(1) rotate(0.01deg)
}

.onward-journey__item--next-episode a:hover .frame--next-episode .fragment-1, .onward-journey__item--next-episode a:hover .frame--next-episode .fragment-2, .onward-journey__item--next-episode a:hover .frame--next-episode .fragment-3, .onward-journey__item--next-episode a:hover .frame--next-episode .fragment-4, .onward-journey__item--next-episode a:hover .frame--next-episode .fragment-5, .onward-journey__item--next-episode a:focus .frame--next-episode .fragment-1, .onward-journey__item--next-episode a:focus .frame--next-episode .fragment-2, .onward-journey__item--next-episode a:focus .frame--next-episode .fragment-3, .onward-journey__item--next-episode a:focus .frame--next-episode .fragment-4, .onward-journey__item--next-episode a:focus .frame--next-episode .fragment-5 {
    transform: scale(1.1) rotate(0.02deg)
}

.frame--next-episode .fragment-1 {
    -webkit-animation-duration: 2.8s;
    -webkit-animation-delay: 0.2s;
    animation-duration: 2.8s;
    animation-delay: 0.2s
}

.frame--next-episode .fragment-2 {
    -webkit-animation-duration: 3s;
    -webkit-animation-delay: 0s;
    animation-duration: 3s;
    animation-delay: 0s
}

.frame--next-episode .fragment-3 {
    -webkit-animation-duration: 2.5s;
    -webkit-animation-delay: 0.5s;
    animation-duration: 2.5s;
    animation-delay: 0.5s
}

.frame--next-episode .fragment-4 {
    -webkit-animation-duration: 2.8s;
    -webkit-animation-delay: 0.2s;
    animation-duration: 2.8s;
    animation-delay: 0.2s
}

.frame--next-episode .fragment-5 {
    -webkit-animation-duration: 2s;
    -webkit-animation-delay: 1s;
    animation-duration: 2s;
    animation-delay: 1s
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(360deg)
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(360deg)
    }
}

.frame--next-from-genre .st0 {
    fill: none;
    stroke: #2AB7C6;
    stroke-width: 130;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}

.frame--next-from-genre .st1 {
    fill: none
}

.frame--next-from-genre .st2 {
    fill: none;
    stroke: #EC7F80;
    stroke-width: 90;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}

.frame--next-from-genre .st3 {
    fill: none;
    stroke: #B23670;
    stroke-width: 40;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}

.frame--next-from-genre .st4 {
    fill: none;
    stroke: #4CB7A1;
    stroke-width: 26;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-miterlimit: 10
}

.frame--next-from-genre .frame__group {
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: scale(1) rotate(0.01deg);
    opacity: 0
}

.onward-journey__item--next-from-genre a:hover .frame--next-from-genre .frame__group, .onward-journey__item--next-from-genre a:focus .frame--next-from-genre .frame__group {
    transform: scale(1.3) rotate(0.02deg);
    opacity: 1
}

.frame--next-from-genre .fragment-1, .frame--next-from-genre .fragment-2, .frame--next-from-genre .fragment-3, .frame--next-from-genre .fragment-4 {
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-duration: 4.5s;
    -webkit-animation-name: spin2;
    -webkit-animation-iteration-count: infinite;
    transform-origin: 50% 50%;
    animation-duration: 4.5s;
    animation-name: spin2;
    animation-iteration-count: infinite;
    animation-play-state: paused
}

.onward-journey__item--next-from-genre a:hover .frame--next-from-genre .fragment-1, .onward-journey__item--next-from-genre a:hover .frame--next-from-genre .fragment-2, .onward-journey__item--next-from-genre a:hover .frame--next-from-genre .fragment-3, .onward-journey__item--next-from-genre a:hover .frame--next-from-genre .fragment-4, .onward-journey__item--next-from-genre a:focus .frame--next-from-genre .fragment-1, .onward-journey__item--next-from-genre a:focus .frame--next-from-genre .fragment-2, .onward-journey__item--next-from-genre a:focus .frame--next-from-genre .fragment-3, .onward-journey__item--next-from-genre a:focus .frame--next-from-genre .fragment-4 {
    animation-play-state: running
}

.frame--next-from-genre .fragment-1 {
    -webkit-animation-timing-function: cubic-bezier(0.5, 0.15, 0.5, 0.85);
    animation-timing-function: cubic-bezier(0.5, 0.15, 0.5, 0.85)
}

.frame--next-from-genre .fragment-2 {
    -webkit-animation-timing-function: cubic-bezier(0.65, 0.15, 0.35, 0.85);
    animation-timing-function: cubic-bezier(0.65, 0.15, 0.35, 0.85)
}

.frame--next-from-genre .fragment-3 {
    -webkit-animation-timing-function: cubic-bezier(0.3, 0.7, 0.7, 0.3);
    animation-timing-function: cubic-bezier(0.3, 0.7, 0.7, 0.3)
}

.frame--next-from-genre .fragment-4 {
    -webkit-animation-timing-function: cubic-bezier(0, 0, 1, 1);
    animation-timing-function: cubic-bezier(0, 0, 1, 1)
}

@keyframes spin2 {
    0% {
        transform: rotate(0deg)
    }
    100% {
        transform: rotate(720deg)
    }
}

@-webkit-keyframes spin2 {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(720deg)
    }
}

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

.module {
    margin-top:50px;
}

.clearfix:after {
    clear: both
}

.kill-child-margins > *:first-child {
    margin-top: 0 !important
}

.kill-child-margins > *:last-child {
    margin-bottom: 0 !important
}

.is-hidden {
    display: none
}

.is-off-page {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px !important;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px !important
}

.is-invisible {
    visibility: hidden !important
}

.is-invisible > * {
    visibility: hidden !important
}

@media (max-width: 37.4375em) {
    .is-hidden-jelly {
        display: none
    }
}

.is-ios-fullscreen {
    position: fixed !important;
    width: 100% !important;
    height: 100% !important;
    left: 0 !important;
    top: 0 !important
}

.small-screen-hide {
    display: none
}

@media (min-width: 37.5em) {
    .small-screen-show {
        display: none
    }

    .small-screen-hide {
        display: inline
    }
}

.density--crushed, .density--crushed-top {
    margin-top: .25rem
}

.density--crushed, .density--crushed-bottom {
    margin-bottom: .25rem
}

.density--compact, .density--compact-top {
    margin-top: .5rem
}

.density--compact, .density--compact-bottom {
    margin-bottom: .5rem
}

.density--cosy, .density--cosy-top {
    margin-top: 1rem
}

.density--cosy, .density--cosy-bottom {
    margin-bottom: 1rem
}

.density--comfortable, .density--comfortable-top {
    margin-top: 1.5rem
}

.density--comfortable, .density--comfortable-bottom {
    margin-bottom: 1.5rem
}

.density--loose, .density--loose-top {
    margin-top: 2rem
}

.density--loose, .density--loose-bottom {
    margin-bottom: 2rem
}

@media (min-width: 37.5em) {
    .density--custard--crushed, .density--custard--crushed-top {
        margin-top: .25rem
    }

    .density--custard--crushed, .density--custard--crushed-bottom {
        margin-bottom: .25rem
    }

    .density--custard--compact, .density--custard--compact-top {
        margin-top: .5rem
    }

    .density--custard--compact, .density--custard--compact-bottom {
        margin-bottom: .5rem
    }

    .density--custard--cosy, .density--custard--cosy-top {
        margin-top: 1rem
    }

    .density--custard--cosy, .density--custard--cosy-bottom {
        margin-bottom: 1rem
    }

    .density--custard--comfortable, .density--custard--comfortable-top {
        margin-top: 1.5rem
    }

    .density--custard--comfortable, .density--custard--comfortable-bottom {
        margin-bottom: 1.5rem
    }

    .density--custard--loose, .density--custard--loose-top {
        margin-top: 2rem
    }

    .density--custard--loose, .density--custard--loose-bottom {
        margin-bottom: 2rem
    }
}

@media (min-width: 56em) {
    .density--cream--crushed, .density--cream--crushed-top {
        margin-top: .25rem
    }

    .density--cream--crushed, .density--cream--crushed-bottom {
        margin-bottom: .25rem
    }

    .density--cream--compact, .density--cream--compact-top {
        margin-top: .5rem
    }

    .density--cream--compact, .density--cream--compact-bottom {
        margin-bottom: .5rem
    }

    .density--cream--cosy, .density--cream--cosy-top {
        margin-top: 1rem
    }

    .density--cream--cosy, .density--cream--cosy-bottom {
        margin-bottom: 1rem
    }

    .density--cream--comfortable, .density--cream--comfortable-top {
        margin-top: 1.5rem
    }

    .density--cream--comfortable, .density--cream--comfortable-bottom {
        margin-bottom: 1.5rem
    }

    .density--cream--loose, .density--cream--loose-top {
        margin-top: 2rem
    }

    .density--cream--loose, .density--cream--loose-bottom {
        margin-bottom: 2rem
    }
}

/****** .nav-primary__home *****/
.nav-primary__home img {
    max-height: 56px;
}

/***** implementation ****/
.grid-list .grid-list__item {
    width: 33%;
}

@media (max-width: 1000px) {
    .grid-list {
        margin-left: 1%;
        margin-right: 1%;
    }

    .grid-list .grid-list__item {
        width: 49.5%;
    }
}

@media (max-width: 640px) {
    .grid-list {
    }

    .grid-list .grid-list__item {
        width: 99.6%;
    }
}

/******** menu ********/
.fa.fa-navicon {
    z-index: 1002;
    background: #3b5999;
    color: #fff;
    font-size: 2em;
    padding: 5px 10px;
    position: fixed;
    text-align: center;
    margin: 5px 0 0 5px;
    display: none;
}

@media (max-width: 900px) {
    .fa.fa-navicon {
        display: block;
    }

    .nav-primary__home {
        display: block;
        max-width: 140px;
        margin: 0px auto 0px auto !Important;
    }

    .nav-primary__right {
        position: absolute;
        top: -27px;
        right: 5px;
    }

    .nav-primary__items {
        margin-top: 13px;
        background: none !important;
    }

    .nav-primary__items li {
        background: #3797c9;
    }

    .nav-primary__items li a {
        color: #fff;
    }
}

@media (max-width: 620px) {
    #nav-primary {
        background: #3797c9 !important;
    }

    .nav-primary__items li {
        border-top: 1px solid #19bec8;
    }
}

@media (max-width: 1100px) {
    .loqolar {
        border: 1px solid #d6d6d6;
        margin: 0;
    }

    .loqolar li {
    }

    .loqolar li a {
        float: left;
        width: 25% !important;
        display: block;
        margin: 0 !important;
        background: #d6d6d6;
    }

    .loqolar li.f4 a {
        margin-top: -20px !Important;
    }

}

@media (max-width: 640px) {

    .loqolar {
        margin: 0;
        margin-top: -20px !important;
    }

    .flexslider {
        margin-top: 40px !important;
    }

    .loqolar li a {
        width: 50% !important;
        border: 1px solid #d6d6d6;
    }

    .loqolar li.f4 a {
        margin-top: 0px !Important;
    }

    .loqolar li.f1 a {
        margin-top: 20px !Important;
    }

    .block__wrapper-ferma {
        border: 1px solid #e5e5e5;
        margin-bottom: 50px;
    }

}

.footer__legal {
    border-top: 2px solid #353535;
}

.footer__legal-p {
    padding: 10px 0 !important;
    display: block !important;
}

.footer__sections .footer__section {
    float: left;
    width: 25%;
}

@media (max-width: 1000px) {
    .footer__sections .footer__section {
        border-bottom: 1px solid #353535 !important;
        min-height: 120px;
        width: 50%;
        float: left;
        display: block;
        margin: 0 0 20px 0 !important;
        padding: 10px !important;

    }

    .footer__sections .footer__section.pair {
        clear: both !Important;
    }

}

@media (max-width: 640px) {
    .footer__sections .footer__section {
        width: 100%;
        background: #353535;
        border: 1px solid #353535 !important;
    }

}

.fl-title1 {
    z-index: 500;
    position: absolute;
    font-family: AzMagistralU;
    background-color: rgba(18, 107, 189, 0.81);
    padding: 10px 20px;
    margin: -150px 0 0 200px;
    min-width: 200px;
    text-decoration: none !Important;

}

.fl-title2 {
    z-index: 500;
    position: absolute;
    font-family: AzMagistralU;
    background-color: rgba(252, 33, 87, 0.81);
    padding: 10px 20px;
    margin: -150px 0 0 200px;
    min-width: 200px;
    text-decoration: none !Important;

}

a:hover .fl-title1,
a:hover .fl-title2 {
    text-decoration: none !Important;
    border: 0 !important;
}

@media (max-width: 1000px) {
    .fl-title1,
    .fl-title2 {
        position: relative;
        width: 100%;
        margin: 0;
    }

}

@media (max-width: 1000px) {
    .header-toolbar {
        min-height: 70px;
        position: relative !important;
        display: block !important;
        border: 1px solid #3f9bca;
        top: 0 !important;
        background: #3f9bca;

    }

    .header-toolbar .container {
    }

}

@media (max-width: 890px) {
    .flexslider {
        margin-top: 99px !important;
    }

}

@media (max-width: 640px) {
    .flexslider {
        margin-top: 50px !important;
    }

}

@media (max-width: 420px) {
    .nav-primary__home {
        max-width: 100px;
    }
}

/******** img-thumbnail pages **********/
.hero__touts-block .post-main-image {

}

.hero__touts-block .post-main-image img.img-thumbnail {

    width: 100% !Important;
}

.hero__touts-block .col-main {
    border: 0px solid blue;
    max-width: auto !important;
    width: 67%;
}

.hero__touts-block .col-main iframe {
    width: 100% !important;
    max-width: 560px !Important;
}

@media (max-width: 700px) {
    .hero__touts-block .item.topic {
        border: 0px solid red;
        clear: both;
        width: 50%;
    }
}

@media (max-width: 420px) {
    .hero__touts-block .item.topic {
        border: 0px solid green;
        clear: both;
        width: 100%;
    }
}