/*-------------------------------------------------------*/
/*- SECTION INF                                         -*/
/*-------------------------------------------------------*/

.section-1 {
    /* Whats On / Performance and Programming #a52268 was #BF1E74 */
}
.section-2 {
    /* Our Place / Buildings & Venues #7f3764 was #903F98 */
}
.section-3 {
    /* Working TOgether / Work with & support us #328c92 was  #00BAC6 */
}
.section-4 {
    /* Learning Together / Education & Resources #439883 was #439883 */
}
.section-5 {
    /* We are rep #306493 was #306493 was #1268B3 Blue */
}
.section-6 {
    /* About Us (basically stuff in the footer) #439883 Teal */
}
.section-7 {
    /* News #7f3764  */
}
/* there's also a tellow colour that's used on the homepage #FEC340 */

/*-------------------------------------------------------*/
/*- BASE                                                -*/
/*-------------------------------------------------------*/
body {
    font: 16px/23px 'aktiv-grotesk', Helvetica, Helvetica Neue, Arial;
    font-weight: 300;

    color: #575757;
    background-color: #FFFFFF;

    -webkit-font-smoothing: antialiased;
}

*,
*:after,
*:before {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

body input,
body select,
body textarea {
    font: 16px/23px 'aktiv-grotesk', Helvetica, Helvetica Neue, Arial;
    font-weight: 300;

    width: 100%;

    color: #575757;
}

select::-moz-focus-inner {
    margin: 0;
    padding: 0;

    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
}

a {
    font-weight: 700;

    text-decoration: none;
    /*color: #26AEC0;*/

    color: #FEC340;
}

.in-archive .person-name a{
    font-weight: 700;
    text-decoration: none;
    color: #306490;
}

a:hover {
    color: #A6A8AB;
}

img {
    width: 100%;
}

blockquote {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;
    line-height: 25px;

    position: relative;

    margin: 0;
    padding-left: 48px;
    /* quotes: "\201C""\201D""\2018""\2019"; */
}
blockquote:before {
    /* background-size:cover; */
    font-size: 4em;

    position: absolute;
    top: 0;
    left: 0;

    width: 1em;
    height: 1em;
    /* line-height: 0.1em; */
    /* margin-right: 0.25em; */
    /* vertical-align: -0.4em; */
    margin-bottom: .5em;

    content: '';

    color: #CCCCCC;
    background: url('../img/blockquote.svg') no-repeat top left;
}

blockquote p:last-child {
    font-size: 11px;
    font-weight: 700;
    font-style: normal;

    margin: -1em 0 1.6364em;
}
/* Reset for above if only one line */
blockquote p:first-child {
    font-size: 18px;
    font-weight: 300;
    font-style: italic;

    margin: 1em 0;
}

input[type='date'] {
    height: 28px;

    -webkit-appearance: none;
}

table {
    border-spacing: 2px;

    border: 0 none;
}
table[style*=width] {
    width: 100%!important;
}
table td {
    padding: 4px;

    border: 1px solid #FFFFFF;
    background: #F1F1EF;
}

/*-------------------------------------------------------*/
/*- LAYOUT                                              -*/
/*-------------------------------------------------------*/


.contentPadding {
    padding: 0 32px;
}

/* MOBILE */
@media only screen and (max-width: 768px) {
    .contentPadding,
    .content-padding {
        padding: 0 16px;
    }
    .flex-parent {
        padding: 8px;
    }
    .flex-parent .block {
        padding: 8px;
    }
}

/* MOBILE */
@media only screen and (max-width: 568px) {
    .contentPadding,
    .content-padding {
        padding: 0 8px;
    }
    .flex-parent {
        padding: 4px;
    }
    .flex-parent .block {
        padding: 4px;
    }
}

/*-------------------------------------------------------*/
/*- FORM ELEMENTS                                       -*/
/*-------------------------------------------------------*/

.input_text {
    position: relative;
}
.input_text input {
    width: 100%;
    margin-bottom: 10px;
    padding: 3px 5px 3px 5px;

    border: 1px solid #B3B0B0; /* #231f20 */
    background: #FFFFFF;/*MG was transparent */

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
label,
[class^='input_'] {
    position: relative;

    display: block;

    margin-bottom: 6px;
}

.input_checkbox label {
    position: static;
}

.input_submit {
    /*display: inline-block;*/
    margin-bottom: 16px;
}

label label {
    display: inline;
}

.input_select select,
.input_select_inline select {
    line-height: 23px;

    width: 100%;
    max-width: 600px;
    height: inherit;
    margin-bottom: 10px;
    padding: 3px 40px 5px 5px;

    border: 1px solid #B3B0B0;
    border-radius: 0;
    background: url('../img/select_bright.svg') no-repeat 100% 50%;
    background-color: #FFFFFF;
    background-size: auto 100%;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.input_select_inline select {
    width: auto;
}

.ie10 .input_select select,
.ie10 .input_select_inline select,
.ie11 .input_select select,
.ie11 .input_select_inline select {
    background: url('../img/select_bright.png') no-repeat 100% 50%;
    background-size: auto 100%;
}

.ie10 .basket .input_select select,
.ie10 .basket .input_select_inline select,
.ie11 .basket .input_select select,
.ie11 .basket .input_select_inline select {
    background: url('../img/select_dark.png') no-repeat 100% 50%;
    background-size: auto 100%;
}

.input_select option {
    padding: 0;
}

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

.input_select .chosen-container-single .chosen-single {
    font-weight: 300;
    line-height: 30px;

    height: auto;

    border: 0 none;
    border-radius: 0;
    background: #FFFFFF;
    box-shadow: none;
}
.input_select .chosen-container-single .chosen-drop {
    border-radius: 0;
}

.focb:before {
    font-size: 28px;
    font-weight: bold;
    line-height: 28px;
    /*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8), 0 0 1px 0 #333333;*/

    position: absolute;
    top: 50%;
    right: 0;

    display: inline-block;

    width: 28px;
    height: 28px;
    /*margin-top:-14px;*/
    margin: -14px 0 auto;

    content: '\00a0';  /*nbsp*/
    text-align: center;

    border: 1px solid #B3B0B0;
    background-color: #FFFFFF;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    /*box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.2) inset, 0 0 0 0 rgba(255, 255, 255, 0.8), 0 0 1px 0 #333333;*/
}
input[type=checkbox].focbed {
    display: none;
}
input[type=checkbox] + .focb {
    border-radius: 3px;
}
input[type=checkbox]:checked + .focb:before {
    content: '\2713';  /* tick*/

    color: #6CC071;
}

.input_checkbox {
    position: relative;

    margin-bottom: 1em;
    padding-right: 50px;
}
.flex-parent.preferences .input_checkbox span + span {
    padding-left: 40px;
}

.input_checkbox.radio span + span {
    padding-left: 0;
}

.input_checkbox.radio {
    margin-bottom: 16px;
    padding-right: 0;
}

.input_checkbox.radio .label {
    display: inline-block;

    vertical-align: middle;
}

.input_checkbox.radio .label > span {
    display: inline-block;

    width: 60%;
    padding-right: 32px;

    vertical-align: middle;
}

.input_checkbox.radio .label > label {
    position: relative;

    display: inline-block;

    width: 12%;
    padding-left: 40px;

    vertical-align: middle;
}
.input_checkbox.radio .label > label:last-of-type {
    width: 16%;
}

input[type=radio] + .focb:before {
    right: auto;
    left: 0;
}

input[type=radio]:checked + .focb:before {
    position: absolute;
}

.err {
    position: relative;
}
.err input {
    border-color: #EC1A3B;
    -webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    -moz-box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}
.ff-validation {
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;

    position: absolute;
    z-index: 11;
    top: 50%;
    left: 100%;

    display: block;
    /*display: inline-block;*/
    /* height    :30px; */

    width: auto;
    margin-top: -5px;
    padding: 1px 8px 1px 40px;
    /*background: #C1272D;*/

    white-space: nowrap;
}
input[value='']:required:invalid + .ff-validation {
    display: none;
}
.err:after,
input:required:invalid + .ff-validation {
    /* border-radius: 1px; */
    color: #EC1A3B;
}
input:required:invalid + .ff-validation:after {
    position: absolute;
    z-index: 11;
    top: 0;
    left: 40px;

    content: attr(data-err);
}

.ff-validation:before {
    font-size: 20px;
    line-height: 30px;

    position: absolute;
    top: 50%;
    left: 10px;

    display: block;

    width: 20px;
    height: 20px;
    margin-top: -5px;

    content: '';
}
input:required:invalid + .ff-validation:before {
    margin-top: -4px;

    content: '\274C';

    color: #EC1A3B;
}
input:required:valid + .ff-validation {
    content: '';
}
input:required:valid + .ff-validation:before {
    content: '\2713';

    color: #6CC071;
}

/*Tick U+2713
Cross +274C*/

.buy label {
    color: #5F5A5A;
}

.checkout .err input {
    border-color: #C1272D;
    -webkit-box-shadow: 0 0 6px 0 rgba(0,0,0,.33);
    -moz-box-shadow: 0 0 6px 0 rgba(0,0,0,.33);
    box-shadow: 0 0 6px 0 rgba(0,0,0,.33);
}


@media only screen and (max-width: 568px) {
    .focb:before {
        position: relative;

        margin: auto 10px auto 0;
    }
    .input_checkbox {
        padding-right: 0;
    }
    .ff-validation {
        position: static;

        padding-left: 0;
    }
    input:required:invalid + .ff-validation:after {
        position: static;
    }
    .ff-validation:before {
        top: 30px;
        right: 0;
        left: auto;
    }
    [class^='input_'] {
        /* @TODO - Not sure why this rule is here - disabled for login box */
        /* padding-right: 30px; */
    }
    .buy .page-heading {
        font-size: 24px;
    }
}


.ff_postcode,
.ff_postcode span {
    display: block;

    width: 100%;
}

.ff_postcode input {
    display: inline-block;

    width: 140px;
}
a.btn-cta.postcode-lookup {
    display: inline-block;

    height: 31px;
    margin-bottom: 10px;

    vertical-align: top;
}

.ff_lookup-address {
    overflow: hidden;

    max-height: 0;

    transition: max-height .6s ease;
}

.is-active .ff_lookup-address {
    max-height: 200px;
}

.pcode-lookup {
    padding: 0;

    transition: all .6s ease;

    border: 0 none;
}
.is-active.pcode-lookup {
    margin-bottom: 10px;
    padding: 20px;

    border: 2px solid #FEC340;
}
/*-------------------------------------------------------*/
/*- PAGED RESULTS                                       -*/
/*-------------------------------------------------------*/
.pagingControl-wrap div {
    position: relative;
    top: -2em;
}

.pagedResults {
    font-weight: 300;

    padding: 0;

    text-align: center;

    color: #292722;
}

.pagedResults li {
    font-size: 11px;

    display: inline-block;

    padding: 0 10px;

    letter-spacing: .2em;
    text-transform: uppercase;
    /* border-left:1px solid #292722; */
}

.pagedResults a {
    font-weight: 300;

    color: #292722;
}

.pagedResults li.active {
    font-weight: 400;
}

.section-1 .pagedResults a:hover {
    color: #A52268;
}
.section-2 .pagedResults a:hover {
    color: #7F3764;
}
.section-3 .pagedResults a:hover {
    color: #328C92;
}
.section-4 .pagedResults a:hover {
    color: #439883;
}
.section-5 .pagedResults a:hover {
    color: #306493;
}
.section-6 .pagedResults a:hover {
    color: #439883;
}
.section-7 .pagedResults a:hover {
    color: #7F3764;
}

.pagingControl-wrap {
    position: relative;
}


/* .pagedResults {
    display: block;

    width: 100%;
    padding: 0 32px;
} */


/*-------------------------------------------------------*/
/*- BUTTONS                                             -*/
/*-------------------------------------------------------*/

/*
From style guide:
;
BUTTONS - LOWER LEVELS
    136 px x 32 px
    Aktiv Grotesk Bold / 10 px / Colour CRIMSON #ED1A3B
    or transparent with 1 px GRAPHITE #3C3C3B rule
    16px gap between buttons

BUTTONS - HOME PAGE ONLY
    157 px x 36 px
    Aktiv Grotesk Bold / 16 px / Colour CRIMSON #ED1A3B
    or transparent with 1 px GRAPHITE #3C3C3B rule
    20px gap between buttons
 */

input[class*='btn-'], a[class*='btn-'] {
    font-size: 12px;
    font-weight: 700;
    line-height: 12px;

    display: inline-block;

    padding: 9px 31px;

    text-decoration: none;
    text-transform: uppercase;

    border: 1px solid transparent;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
a[class*='btn-'] + a[class*='btn-'] {
    margin-left: 4px;
}
input.btn-basic,
a.btn-basic {
    color: #3C3C3B;
    border-color: #3C3C3B;
    background-color: transparent;
}
input.btn-cta,
a.btn-cta {
    color: #FFFFFF;
    border-color: #FEC340;
    background-color: #FEC340;
}
input.btn-cta-two,
a.btn-cta-two {
    color: #FFFFFF;
    border-color: #ED1A3B;
    background-color: #ED1A3B;
}
input.btn-seco,
a.btn-seco {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background-color: transparent;
}
input.btn-disabled,
a.btn-disabled {
    pointer-events: none;

    opacity: .5;
    color: #3C3C3B;
    border-color: #3C3C3B;
    background-color: transparent;
}
a[class*='btn-'], input[class*='btn-'] {
    transition: all .25s ease;
}
a[class*='btn']:hover,
input[class*='btn']:hover {
    color: #FFFFFF;
    border-color: #595859;
    background-color: #595859;
}

#footer a[class*='btn']:hover,
#footer input[class*='btn']:hover {
    border-color: #FFFFFF;
}

.banner-slide a[class*='btn'] {
    font-size: 16px;
    line-height: 16px;

    padding: 8px 20px;
}
.banner-slide a[class*='btn'] + a[class*='btn'] {
    margin-left: 8px;
}

@media only screen and (max-width: 5710px) {
    .banner-slide a[class*='btn'] {
        font-size: 11px;
        line-height: 11px;

        padding: 7px 18px;
    }
    .banner-slide a[class*='btn'] + a[class*='btn'] {
        margin-left: 1.1em;
    }
}

@media only screen and (max-width: 568px) {
    /*
BUTTONS - HOME PAGE ONLY
    114 px x 26 px
    Aktiv Grotesk Bold / 11 px / Colour CRIMSON #ED1A3B
    or transparent with 1 px GRAPHITE #3C3C3B rule
    10px gap between buttons

BUTTONS - EVERYWHERE ELSE
    84 px x 25 px
    Aktiv Grotesk Bold / 9 px / Colour CRIMSON #ED1A3B
    or transparent with 1 px GRAPHITE #3C3C3B rule
    5 px gap between buttons
*/

    a[class*='btn'] {
        font-size: 9px;
        line-height: 9px;

        padding: 7px 15.4px;
    }

    a[class*='btn'] + a[class*='btn'] {
        margin-left: 4px;
    }
}

/*-------------------------------------------------------*/
/*- SVG SPRITE ICONS                                    -*/
/*-------------------------------------------------------*/
.icon-sprite-svg {
    position: absolute;
    top: -1000px;
    left: 1000px;

    overflow: hidden;

    width: 0;
    height: 0;
}
svg use {
    transition: fill .4 ease 9;
}

/*-------------------------------------------------------*/
/*- ALERTS                                              -*/
/*-------------------------------------------------------*/

/* matty */
.alert {
    font-weight: 500;

    display: block;

    margin: 0;
    padding: 8px 12px;

    color: #ED1A3B;
    border: 1px solid #ED1A3B;
}

.alert-error {
    font-weight: 500;

    display: block;

    margin: 0;
    padding: 8px 12px;

    color: #ED1A3B;
    border: 1px solid #ED1A3B;
}

.alert-info {
    /* XX Has been added to yoru basket */
    font-weight: 500;

    display: block;

    margin: 0;
    padding: 8px 12px;

    color: #FDB51B;
    border: 1px solid #FEC340;
}

.alert-priority{
    font-weight: 500;

    display: block;

    margin: 0;
    padding: 8px 12px;

    color: #a52268;
    border: 1px solid #a52268;
    margin-bottom: 0.5em;
}

.paymentResponse .alert-success,
.paymentResponse .alert-error,
.basket .alert-info {
    margin-top: 2em;
}

.alert-success + .btn-cta {
    /* For contact form where there is a send another button just below the message */
    margin-top: 2em;
}

.alert-success {
    font-weight: 500;

    display: block;

    margin: 0;
    padding: 8px 12px;

    color: #009444;
    border: 1px solid #009444;
}

.alert-success .toggle-icon,
.alert-error .toggle-icon {
    display: inline-block;

    width: 13px;
    height: 12px;

    vertical-align: top;
}

.alert-success .toggle-icon {
    fill: #009444;
}

.alert-error .toggle-icon {
    fill: #ED1A3B;
}

/*-------------------------------------------------------*/
/*- SHARE BLOCK                                         -*/
/*-------------------------------------------------------*/
.share-link {
    display: inline-block;

    transition: all .25s ease;
}
.share-link svg {
    width: 28px;
    height: 28px;
}
.section-1 .share-link {
    color: #A52268;

    fill: #A52268;
}
.section-2 .share-link {
    color: #7F3764;

    fill: #7F3764;
}
.section-3 .share-link {
    color: #328C92;

    fill: #328C92;
}
.section-4 .share-link {
    color: #439883;

    fill: #439883;
}
.section-5 .share-link {
    color: #306493;/*#36286B;*/

    fill: #306493;/*#36286B;*/
}
.section-6 .share-link {
    color: #439883;

    fill: #439883;
}
.section-7 .share-link {
    color: #7F3764;

    fill: #7F3764;
}


.section-1 .page-header .share-link,
.section-2 .page-header .share-link,
.section-3 .page-header .share-link,
.section-4 .page-header .share-link,
.section-5 .page-header .share-link,
.section-6 .page-header .share-link,
.section-7 .page-header .share-link {
    color: #FFFFFF;

    fill: #FFFFFF;
}
.section-1.level3 .page-header .share-link,
.section-2.level3 .page-header .share-link,
.section-3.level3 .page-header .share-link,
.section-4.level3 .page-header .share-link,
.section-5.level3 .page-header .share-link,
.section-6.level3 .page-header .share-link,
.section-7.level3 .page-header .share-link {
    color: #6F6F6E;

    fill: #6F6F6E;
}
#footer .share-link {
    color: #FFFFFF;

    fill: #FFFFFF;
}
.banner-slide .share-link svg {
    transition: all .25s ease;
}
.share-link:hover,
.share-link:hover svg,
.page-header .share-link:hover,
.banner-slide .share-link:hover svg,
#footer .share-link:hover {
    color: #000000!important;
}

.share-link + .share-link {
    margin-left: .5em;
}

.share-link + .share-link + .share-link {
    /* Remove the third share link, we're not using it */
    display: none;
}
#footer .share-link + .share-link + .share-link {
    display: inline-block;
}

.page-header .share-wrap {
    margin-top: 2em;
}

@media only screen and (max-width: 568px) {
    .share-wrap {
        height: 24px;
    }
    .share-link svg {
        width: 24px;
        height: 24px;
    }
}
/*-------------------------------------------------------*/
/*- PUSHIN NAV                                          -*/
/*-------------------------------------------------------*/

/*html,
body,
.page-container,
.page-pusher,
.page-content {
    height: 100%;
}*/

.page-content {
    /*overflow-y: scroll;*/
    background: #FFFFFF;

    -webkit-overflow-scrolling: touch;
}

.page-content,
.page-content-inner {
    position: relative;
}

.page-container {
    position: relative;
    /*overflow: hidden;*/ /*This is removed to allow parrallaxish video on homepage */
}

.page-pusher {
    position: relative;
    z-index: 99;
    right: 0;

    height: 100%;
    margin-right: 0;
    margin-left: 0;
    /*transition: -webkit-transform .5s;
    transition:         transform .5s;*/

    transition: margin .5s;
}
#nav.fixed-header.fixed {
    margin-right: 0;
    margin-left: 0;

    transition: margin .5s;
}
.menu-open #nav.fixed-header.fixed {
    margin-right: 440px; /* this is to stop the content becoming wider */
    margin-left: -440px;
}
.modal-wrap.active {
    /*Fix due to above */
    z-index: 1000;
}

.modal-wrap.active .modal-contentWrap {
    padding: 0;
    min-width:50%;
    background: #FFFFFF;
}

/*.page-pusher::after */
body::before {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /*width: 0;*/
    /*height: 0;*/

    content: '';
    transition: opacity .5s, width .1s .5s, height .1s .5s;

    opacity: 0;
    background: rgba(0,0,0,.4);
}

/*.menu-open .page-pusher::after */
body.menu-open::before {
    position: fixed;
    z-index: 1000;

    transition: opacity .5s;

    opacity: 1;
}

.menu-pushin {
    position: fixed;
    z-index: 100;
    top: 0;
    right: 0;

    visibility: hidden;

    width: 440px;
    height: 100%;
    margin-left: 0;
    padding: 100px 50px 0;

    transition: all .5s;

    color: #B3B3B3;
    background: #48A770;
    background-color: #292722;

    -webkit-overflow-scrolling: touch;
}

.menu-pushin::after {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    content: '';
    transition: opacity .5s;

    opacity: 1;
    background: rgba(0,0,0,.2);
}

.menu-open .menu-pushin::after {
    width: 0;
    height: 0;

    transition: opacity .5s, width .1s .5s, height .1s .5s;

    opacity: 0;
}

.menu-open  .page-pusher {
    margin-right: 440px; /* this is to stop the content becoming wider */
    /*-webkit-transform: translate3d(-440px, 0, 0);
            transform: translate3d(-440px, 0, 0);*/
    margin-left: -440px; /* Margins used as transition creates new stacking context that breaks fixed poisition elements */
}

.menu-pushin {
    z-index: 1000;

    overflow-y: scroll;

    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);

    opacity: 1;
}

.menu-pushin .menu-close {
    font-size: 24px;
    line-height: 24px;

    position: absolute;
    top: 30px;
    right: 30px;
}
@media only screen and (max-width: 568px) {
    .menu-pushin .menu-close {
        top: 16px;
        right: 8px;
    }
}

.menu-open .menu-pushin {
    visibility: visible;

    transition-timing-function: ease-in-out;
    transition-property: -webkit-transform;
    transition-property:         transform;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);

    -webkit-transition-speed: .2s;
    transition-speed: .2s;
}

.menu-pushin .section-1 li a {
    /* Whats On / Performance and Programming #a52268 */
    border-left-color: #A52268;
}
.menu-pushin .section-2 li a {
    /* Our Place / Buildings & Venues #7f3764 */
    border-left-color: #7F3764;
}
.menu-pushin .section-3 li a {
    /* Working TOgether / Work with & support us  #328c92 */
    border-left-color: #328C92;
}
.menu-pushin .section-4 li a {
    /* Learning Together / Education & Resources #439883 */
    border-left-color: #439883;
}
.menu-pushin .section-5 li a {
    /* We are rep */
    border-left-color: #306493;/*#36286B;*/
}
.menu-pushin .section-6 li a {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    border-left-color: #439883;
}

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */ /*MG This is from the co-drops example and I'm not sure it does anything useful */
.no-csstransforms3d .page-pusher,
.no-js .page-pusher {
    /* padding-left: 300px; */
}

.menu-pushinLink {
    font-size: 14px;
    font-weight: 800;
    line-height: 36px;

    padding: 0;

    transition: color .4s;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;

    color: #B3B3B3;
}
.menu-pushinLink:hover {
    text-decoration: none;

    color: #FFFFFF;
}

.accordion-trigger {
    position: relative;
}

.accordion-item-open .menu-pushinLink {
    color: #FFFFFF;
}
.accordion-item-open .menu-pushinLink:focus {
    outline: 0 none;
}



.accordion-indicator {
    position: absolute;
    top: 50%;
    right: 0;

    width: 20px;
    height: 32px;
    margin-top: -16px;

    transition: all .2s ease 0s;
    -webkit-transform-origin: 50% 47% 0;
    transform-origin: 50% 47% 0;

    fill: #FEC340;
}

.section-1 .accordion-indicator {
    /* Whats On / Performance and Programming #a52268 */
    fill: #A52268;
}
.section-2 .accordion-indicator {
    /* Our Place / Buildings & Venues #7f3764 */
    fill: #7F3764;
}
.section-3 .accordion-indicator {
    /* Working TOgether / Work with & support us  #328c92 */
    fill: #328C92;
}
.section-4 .accordion-indicator {
    /* Learning Together / Education & Resources #439883 */
    fill: #439883;
}
.section-5 .accordion-indicator {
    /* We are rep */
    fill: #306493;
}
.section-6 .accordion-indicator {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    fill: #439883;
}
.section-7 .accordion-indicator {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    fill: #7F3764;
}
.menu-pushinLink:hover .accordion-indicator {
    fill: #B3B3B3;
}

.menu-pushinLink:hover .accordion-indicator {
    fill: #FFFFFF;
}
.menu-pushin .accordion-indicator {
    fill: #B3B3B3;
}
.menu-pushin .menu-pushinLink:hover .accordion-indicator,
.menu-pushin .accordion-item-open .accordion-indicator {
    color: #FFFFFF;
}
.accordion-item-open .accordion-indicator {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.accordion-indicator_open,
.accordion-indicator_closed {
    position: absolute;
    top: 50%;
    left: 0;

    width: 20px;
    height: 20px;
    margin-top: -14px;
}

.accordion-indicator_open {
    opacity: 0;
}
.accordion-indicator_closed {
    opacity: 1;
}

.accordion-item-open .accordion-indicator_open {
    opacity: 1;
}
.accordion-item-open .accordion-indicator_closed {
    opacity: 0;
}


.subMenu {
    /*text-align:left;*/
    /*padding:48px;*/
    padding-top: 14px;
    padding-bottom: 38px;
}

.subMenu-link,
.subMenu-link:hover,
.subMenu-link:visited {
    font-size: 12px;
    line-height: 12px;

    padding: 0 0 0 20px;

    text-align: left;
    text-decoration: none;
    letter-spacing: .2em;
    text-transform: uppercase;

    color: #FFFFFF;
    border-left: 3px solid #328C92;
}
.subMenu-item + .subMenu-item .subMenu-link {
    padding-top: 28px;
}

@media only screen and (max-width: 568px) {
    .menu-pushin {
        width: 320px;
        padding: 60px 8px;
    }

    .menu-open  .page-pusher {
        -webkit-transform: translate3d(-320px, 0, 0);
        transform: translate3d(-320px, 0, 0);
    }
}

#slideMenu53 {
    position: relative;
}

#slideMenu53 .searchBox-wrap {
    z-index: -1;

    transition: all .25s linear .25s;
    transform: rotate3d(1, 0, .01, -90deg);

    opacity: 0;
}

#slideMenu53.is-open .searchBox-wrap {
    z-index: 1;

    margin-top: .75em;

    transform: rotate3d(1, 0, .01, 0deg);

    opacity: 1;
}

.menu-pushin .menu-search {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;

    transition: all .25s linear 0s;
    transform: rotate3d(1, 0, .01, 0deg);

    opacity: 1;
}

#slideMenu53.is-open .menu-search {
    z-index: -1;

    transform: rotate3d(1, 0, .01, 90deg);

    opacity: 0;
}

#slideMenu53 .input_text input,
#slideMenu53 .input-submit input.btn-cta {
    color: #929497;
    border-color: #575757;
    background: transparent;
}
#slideMenu53 .input_text input {
    font-size: 14px;
}

/*-------------------------------------------------------*/
/*- NAV                                                 -*/
/*-------------------------------------------------------*/
#nav {
    position: relative;
    /* padding: 20px 0; */

    background: #FFFFFF;
}

#nav .flex-nav {
    padding: 20px 16px;
}

#nav .logo {
    margin-right: 0;

    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
}
#nav .logo svg {
    max-width: 155.61px;
    /*width:154px;*/
    height: 57.956px;
}
.ie9 #nav .logo a {
    text-align: left;
}
.flex-nav {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    /*margin-right:0;*/
    /*align-items: stretch;*/
}
.flex-nav .block {
    flex: 1 1 33%;
}
.ie9 .flex-nav .block {
    display: inline-block;

    width: 24.45%;

    text-align: center;
    vertical-align: middle;
}
.ie9 .flex-nav .block:first-child {
    text-align: left;
}
.ie9 .flex-nav .block:last-child {
    text-align: right;
}
.nav-account,
.nav-accessibility,
.nav-basket {
    font-size: 11px;
    /*vertical-align: middle;;*/

    position: relative;
    top: 4px;

    text-align: center;
    letter-spacing: .2em;
    text-transform: uppercase;

    color: #5F5A5A;

    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}
.ie9 .nav-account,
.ie9 .nav-accessibility,
.ie9 .nav-basket {
    font-size: 11px;
}
.nav-account a,
.nav-accessibility a,
.nav-basket a {
    font-weight: 400;

    display: inline;

    padding: 0;
    /*vertical-align: middle;*/

    letter-spacing: .2em;

    color: black;
}

.nav-accessibility svg {
    display: inline-block;

    width: 30px;
    height: 30px;
    margin-right: .25em;

    vertical-align: middle;
}

.nav-account svg {
    display: inline-block;

    width: 22px;
    height: 22px;
    margin-right: .25em;

    vertical-align: middle;
}
.basket-items {
    line-height: 2em;

    display: inline-block;

    width: 2em;
    height: 2em;
    margin-right: .5em;

    text-align: center;
    vertical-align: middle;
    letter-spacing: 0;

    border-radius: 50%;
    background-color: #FEC340;
}

header a {
    transition: all .25s ease;
}
header a:hover {
    text-decoration: none;

    color: #000000;
}

/* TAB PORTRAIT */
@media only screen and (max-width: 768px) {
    .nav-account,
    .nav-basket {
        /* -webkit-order: 1; */
        -ms-flex-order: 1;
        /* order: 1; */
    }
    .logo,
    #menu-button {
        /* -webkit-order: 2; */
        -ms-flex-order: 2;
        /* order: 2; */
    }
    .flex-nav .block {
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 33%;
    }
    .ie10 .flex-nav .block,
    .ie11 .flex-nav .block {
        max-width: 50%;

        -ms-flex-preferred-size: 44%;
        flex-basis: 44%;
    }
    .flex-nav .logo {
        padding-left: 0;
        flex-basis: 100%;
    }
}

@media only screen and (max-width: 768px) and (min-width: 569px) {
    .nav-account,
    .nav-basket {
        text-align: right;
    }
}

/* MOBILE */
@media only screen and (max-width: 667px) {
    .nav-account,
    .nav-basket,
    .nav-accessibility {
        font-size: 8px;
        line-height: 8px;
        padding-bottom: 12px;
    }
    .nav-account {
        padding-left: 0px;
        text-align: left;
    }
    .nav-basket {
        text-align: center;
        /* padding-right:2px; */
    }
    #nav .flex-nav {
        padding: 4px 8px 8px;
        position: relative;
    }

    /*    .flex-nav {
        margin-top: 24px;
    }*/
}


@media only screen and (max-width: 413px) {
    .nav-account,
    .nav-basket,
    .nav-accessibility {
        font-size: 6.5px;
        line-height: 8px;
        padding-bottom: 12px;
    }
}


#menu-button {
    margin-right: 7px;
    padding-right: 60px;

    cursor: pointer;
    text-transform: capitalize;

    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
    max-width: 30px;
}

#menu-button span span,
#menu-button span:after,
#menu-button span:before {
    transition: all .25s ease ;

    background-color: #B3B0B0;
}
#menu-button:hover span span,
#menu-button:hover span:after,
#menu-button:hover span:before {
    background-color: #000000;
}

#menu-button a {
    font-size: 12px;
    font-weight: 300;
    /*line-height:0;*/
    line-height: 48px;

    display: block;
    /*top:0;*/
    /*bottom:0;*/
    /*left:0;*/
    /*right:0;*/
    /*font-size:0;*/
    /*color:white;*/

    padding: 0;

    transition: all .25s ease;
    text-align: right;
    text-transform: uppercase;

    color: #5F5A5A;
}

#menu-button:hover a {
    color: #000000;
}

/* HAMBURGER */
.hamburger {
    /* position: absolute; */
    /*top: 0;*/
    /*right: 8px;*/
    width: 24px;
    height: 48px;
}
.hamburger span {
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    padding: 0;

    color: white;
}
.hamburger span span {
    position: absolute;
    top: 50%;

    display: block;
    overflow: visible;

    width: 24px;
    height: 4px;
    margin: -2px auto 0 auto;

    transition: opacity .25s ease-in-out;

    border-radius: 2px;
    background: white;
}

.hamburger > span:before,
.hamburger > span:after {
    position: absolute;
    left: 50%;

    width: 24px;
    height: 4px;
    margin-left: -12px;

    content: '';
    transition-timing-function: cubic-bezier(.445, .05, .55, .95);
    transition-duration: 200ms;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);

    border-radius: 2px;
    background: white;
}

.hamburger > span:before {
    top: 14px;
}
.hamburger > span:after {
    bottom: 14px;
}

.close .hamburger span span {
    opacity: 0;
}
.close .hamburger > span:before {
    top: 22px;

    -webkit-transform: rotate(45deg) translateZ(0);
    transform: rotate(45deg) translateZ(0);
}
.close .hamburger > span:after {
    bottom: 22px;

    -webkit-transform: rotate(-45deg) translateZ(0);
    transform: rotate(-45deg) translateZ(0);
}

/* BELOW TAB PORTRAIT ? */
@media only screen and (max-width: 768px) {
    #menu-button {
        /* width: 24px; */
        /* height: 24px; */
        margin-right: -1px;
        /* padding: 0; */
        -ms-flex-item-align: center;
        -webkit-align-self: center;
        align-self: center;
        position: absolute;
        top: 20px;
        right: 0px;
    }
    .hamburger {
        right: 0;
    }
}

/* MOBILE */
@media only screen and (max-width: 568px) {
    #nav {
        padding: 0 0 4px 0;
    }
    .flex-nav {
        padding: 8px;
    }
    .flex-nav .logo {
        padding: 0;
        flex-basis: 100%;
    }
    #nav .logo svg {
        height: 46px;
    }
    /*    #nav .logo,
    #menu-button {
        padding-top: 8px;
    }*/
    .hamburger {
        width: 24px;
        height: 24px;
    }
    .hamburger span span {
        width: 24px;
        height: 4px;
        margin: -2px auto 0 auto;
    }

    .hamburger > span:before,
    .hamburger > span:after {
        width: 24px;
        height: 4px;
        margin-left: -12px;
    }
    .hamburger > span:before {
        top: 1px;
    }
    .hamburger > span:after {
        bottom: 1px;
    }
}

/*-------------------------------------------------------*/
/*- NEWS CAROUSEL                                       -*/
/*-------------------------------------------------------*/

#carousel_news .carousel li + li {
    margin-left: -.25em;
}

#carousel_news .carousel-button-wrapper {
    top: 0;
    right: 0;

    width: auto;
}

#carousel_news a[href^='#carousel-button'] {
    position: relative;
    /*     -webkit-transform: none;
        -ms-transform: none;
         -o-transform: none;
            transform: none; */

    color: #FFFFFF;
    background-color: #FEC340;
}
#carousel_news a[href^='#carousel-button-prev'] {
    /* background-image: url(../img/prevWhite.svg); */
}
#carousel_news a[href^='#carousel-button-next'] {
    /* background-image: url(../img/nextWhite.svg); */
}

.home #main {
    padding: 16px 0;
}




/* TAB PORTRAIT */
@media only screen and (max-width: 768px) {
    .home #main {
        padding-top: 0;
    }
}

.home .carousel-title .page-heading,
.newsDetail .carousel-title .page-heading {
    margin-bottom: 48px;
}

/* TAB PORTRAIT */
@media only screen and (max-width: 768px) {
    .home .carousel-title .page-heading,
    .newsDetail .carousel-title .page-heading {
        font-size: 28px;
        line-height: 28px;

        margin-bottom: 32px;
    }
}

/* MOBILE */
@media only screen and (max-width: 568px) {
    .home .carousel-title .page-heading,
    .newsDetail .carousel-title .page-heading {
        font-size: 24px;
        line-height: 24px;

        margin-bottom: 32px;
        padding-right: 56px;
    }
}

.home #main .contentPadding,
#alsoIn .contentPadding {
    margin: 32px 0;
}
#carousel_news .contentBlock {
    position: relative;

    padding-bottom: 72px;
}
#carousel_news ul {
    margin: 0 -48px;
}
#carousel_news li {
    width: 33.33333333%;
    padding: 0 48px;
}

#carousel_news .contentBlock .btn-wrap {
    bottom: 16px;
    left: 0;

    padding: 0;
}
.carousel-button-wrapper a + a {
    margin-left: 4px;
}
.carousel-button-wrapper svg {
    position: relative;
    top: 50%;
    left: 50%;

    display: block;

    width: 7px;
    height: 14px;
    margin-top: -7px;
    margin-left: -3.5px;
}

@media only screen and (max-width: 960px) {
    #carousel_news li {
        width: 50%;
        padding: 0 28px;
    }
    #carousel_news ul {
        margin: 0 -28px;
    }
}

/* TAB PORTRAIT */
@media only screen and (max-width: 768px) {
}

/* MOBILE */
@media only screen and (max-width: 568px) {
    #carousel_news li {
        width: 100%;
    }
    .carousel-title {
        display: block;
    }
    .carousel .contentBlock .img-holder img {
        position: static;
        /*top: 8px;*/
        /*left: -12px;*/
        /*clip: rect(0px,140px,120px,20px);*/

        width: 100%;
        height: auto;
    }
}
@media only screen and (max-width: 400px) {
}

/*-------------------------------------------------------*/
/*- MEMBERSHIPS CAROUSEL                                -*/
/*-------------------------------------------------------*/

#carousel_memberships {
    top: -40px;
}
.pageDetail #carousel_memberships {
    top: 0;
}
#carousel_memberships .carousel-button-wrapper {
    top: 0;
    right: 0;

    width: 50px;
}

#carousel_memberships ul {
    margin-top: 40px;
}
#carousel_memberships li {
    position: relative;

    min-height: 100%;
    /* padding-bottom:64px; */
    /* box-sizing:content-box; */
}

#carousel_memberships .membership-icon {
    margin-left: 0;
}

#carousel_memberships li form {
    margin-bottom: 64px;
}

.memberships .btn-cta,
#nameASeat .btn-cta {
    float: none;
}

@media only screen and (max-width: 768px) {
    #carousel_memberships li {
        width: 50%;
    }
    #carousel_memberships .merch-submit {
        left: 16px;
    }
    #carousel_memberships .membership-icon {
        margin-left: 0;
    }
}
@media only screen and (max-width: 568px) {
    #carousel_memberships li {
        width: 100%;
    }
}
/*-------------------------------------------------------*/
/*- HOME VIDEO                                          -*/
/*-------------------------------------------------------*/

.noVideo .homeVideo,  .noVideo.homeStream {
    display: none;
}

.homeVideo, .homeStream {
    position: fixed;
    z-index: 0;
    top: 0;

    width: 100%;
    height: 100%;
    /*color: white;*/

    background: #FFFFFF;
}
.home .page-content {
    position: relative;
    z-index: 100;
    top: 100vh;

    background-color: transparent;
    /*pointer-events:none;  This is so that when homeVideo-spacer sets pointer-events none later, this doesn't get in the way */
}
.noVideo.home .page-content {
    top: 0;
}

.home .page-content > * {
    pointer-events: auto;
}

.homeVideo-spacer {
    width: 100%;
    height: 100vh;

    cursor: pointer;
}

.homeVideo-wrap {
    position: relative;

    width: 100%;
    height: 100%;
    padding-bottom: 116px;

    cursor: pointer;
}

.img-wrap.vimeo {
    position: relative;
    /*padding-bottom:56.25%;*/
    top: 0;

    width: 100%;
    height: auto;
    height: 100%;
    /*  -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    height:auto;
    -o-transform: translateY(-50%);
    transform: translateY(-50%);*/
    padding-bottom: 56.25%;
}

.img-wrap.vimeo iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
    margin-bottom: 68px;

    pointer-events: auto;
}

.videoCover-inner {
    height: 100%;

    /*opacity: .7;*/
    /*background: url('../img/FINAL-DISCOVERY-DAY.jpg')  center center no-repeat;*/
    /*background: url('../img/the_REP_credit_ross_jukes.jpg')  center center no-repeat;*/
    background: url('../img/REP_Landing_Page_Bkgd.jpg')  center center no-repeat;
    /*background: url('../img/107-auditorium.jpg')  , linear-gradient(to bottom, #b3d271, #ff0000);*/
    background-size: cover;
    overflow: auto;
}

.videoCover-inner:before {
    content: "";
    display: block;
    display:none;
    position: fixed; /* could also be absolute */
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: rgba(21, 20, 20, 0.74);
}

.videoCover-inner .bounds{
    position: absolute;
    max-width: 100%
}

.overlay {
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*z-index: 9999;*/
    /*background-color: rgba(21, 20, 20, 0.74);*/
}
#videoCover .logo, #streamCover .logo{
    position: relative;
    top: 32px;
    left: 32px;

    width: 156px;
    height: 57.956px;
}

.weAreTheRepLogo {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 80%;
    max-width: 800px;
    margin-top: -64px;

    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.ie9 .weAreTheRepLogo {
    margin-left: -400px;
}

.homeVideo #videoCover , .homeStream  #streamCover {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;

    display: block;

    width: 100%;
    height: 100%;
    /*margin-bottom: 116px;*/
    padding-bottom: 68px;

    /*background: url('../img/videoCover.png') center center no-repeat;*/

    background-size: cover;
}

.homeVideo{
    cursor: pointer;
}
.homeVideo-center {
    position: absolute;
    top: 50%;
    left: 50%;

    width: 80%;
    max-width: 800px;
    /* margin-top: -64px; */
    margin-top: 60px;

    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}
.ie9 .homeVideo-center {
    margin-top: -56px;
    margin-left: -400px;
}
.homeVideo-text {
    display: inline-block;

    margin-bottom: 2em;

    letter-spacing: .2em;
    text-transform: uppercase;

    color: #EAEBE8;
}
.homeVideo-scrollDown {
    position: absolute;
    bottom: 70px;
    left: 50%;

    width: 80%;
    max-width: 800px;
    margin-top: -64px;

    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}
.ie9 .homeVideo-scrollDown {
    margin-top: -38px;
    margin-left: -400px;
}
.homeVideo-arrow {
    position: relative;
    left: 50%;

    width: 32px;
    height: 32px;

    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);

    fill: #EAEBE8;
}
/* #EAEBE8 */
.st-content-inner {
    background: #FFFFFF;
}

#homeVideo-play-button {
    transition: all .25s ease 0s;

    opacity: .9;

    fill: #000000;
}

#homeVideo-play-button:hover {
    opacity: .4;
    color: #F4F4F2;

    fill: #F4F4F2;
}

@media only screen and (max-width: 568px) {
    .homeVideo #videoCover,
    .homeVideo-wrap {
        /* padding-bottom: 84px; */
    }
    .img-wrap.vimeo iframe {
        /* margin-bottom: 84px; */
    }
    .weAreTheRepLogo {
        margin-top: -42px;
    }
    #videoCover .logo, #streamCover .logo {
        top: 8px;
        left: 8px;

        width: 170px;
        height: auto;
    }
    .homeVideo-scrollDown {
        bottom: 80px;
    }
    .homeVideo-text {
        display: none;
    }
    .homeVideo-center {
        /* margin-top: -28px; */
    }
}

/*-------------------------------------------------------*/
/*- FIXED HEADER                                        -*/
/*-------------------------------------------------------*/
/* This block covers for the space removed when the heder becomes fixed position */
.fixedHeader-spacer {
    display: none;

    width: 100%;
    height: 167px;
}
.fixed + .fixedHeader-spacer {
    display: block;
}

@media only screen and (max-width: 768px) {
    .fixedHeader-spacer {
        height: 120px;
    }
}

/*-------------------------------------------------------*/
/*- ASSOC IMAGES GRID                                   -*/
/*-------------------------------------------------------*/

/* This is not currently used */

/* ul.images {
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
            flex-direction: row;

    margin: 0;
    padding: 0;

    list-style: none;

    -webkit-flex-direction: row;
        -ms-flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}



ul.images li {
    padding: 16px;

    -webkit-flex: 0 1 25%;
        -ms-flex: 0 1 25%;
            flex: 0 1 25%;
}

ul.images li a {
    padding: 50% 0;
}

a[href='#page-imageCarousel'] ul.images li span {
    display: block;

    padding: 50%;

    background-position: center center;
    background-size: cover;
}

a[href='#page-imageCarousel'] ul.images li img {
    display: none;
} */



/*-------------------------------------------------------*/
/*- FOOTER                                              -*/
/*-------------------------------------------------------*/
#footer {
    color: #FFFFFF;
    background-color: #292722;
}

#generalInfo {
    font-size: 12px;
    font-weight: 800;
    line-height: 32px;

    text-align: center;
    letter-spacing: .2em;
    /*text-transform: uppercase;*/

    border: 1px solid #FFFFFF;
    border-right: 0;
    border-left: 0;
    background-color: #5F5A5A;
}
.ie9 #generalInfo .block {
    font-size: 12px;
}
.ie10 #generalInfo > .flex-parent > .block,
.ie11 #generalInfo > .flex-parent > .block {
    max-width: 100%;

    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

#generalInfo a {
    text-decoration: none;

    color: #FFFFFF;
}
#generalInfo h5 {
    margin-bottom: 0;
}
.generalInfoNav {
    margin: 0;
    padding: 0;

    list-style: none;
}
.generalInfoNav li {
    display: inline-block;
}
.section-1 .generalInfoNav li a {
    /* Whats On / Performance and Programming #a52268 */
    border-right-color: #A52268;
}
.section-2 .generalInfoNav li a {
    /* Our Place / Buildings & Venues #7f3764 */
    border-right-color: #7F3764;
}
.section-3 .generalInfoNav li a {
    /* Working TOgether / Work with & support us  #328c92 */
    border-right-color: #328C92;
}
.section-4 .generalInfoNav li a {
    /* Learning Together / Education & Resources #439883 */
    border-right-color: #439883;
}
.section-5 .generalInfoNav li a {
    /* We are rep */
    border-right-color: #306493;
}
.section-6 .generalInfoNav li a {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    border-right-color: #439883;
}
.section-7 .generalInfoNav li a {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    border-right-color: #7F3764;
}
.generalInfoNav li:last-child a {
    border-right: 0 none;
}
.generalInfoNav li + li {
    margin-left: -.45em;
}
#twitter a:not(.twitter-avatar),
.generalInfoNav li a {
    position: relative;

    color: #EFEFEF!important;
    /* text-shadow: 0px 1px 2px rgba(90, 90, 90, 1); */
}
#twitter a:not(.twitter-avatar):hover,
.generalInfoNav li a:hover {
    color: #FFFFFF!important;
}
#twitter a:not(.twitter-avatar):after,
.generalInfoNav li a:after {
    position: absolute;
    top: 16px;
    left: 10px;

    display: block;

    width: calc(100% - 20px);
    height: 2px;

    content: '';
    transition: all .5s ease 0s;

    opacity: 0;
    background-color: #FEC340;
}
.section-1 #twitter a:not(.twitter-avatar):after,
.section-1 .generalInfoNav li a:after {
    /* Whats On / Performance and Programming #a52268 */
    background-color: #A52268;
}
.section-2 #twitter a:not(.twitter-avatar):after,
.section-2 .generalInfoNav li a:after {
    /* Our Place / Buildings & Venues #7f3764 */
    background-color: #7F3764;
}
.section-3 #twitter a:not(.twitter-avatar):after,
.section-3 .generalInfoNav li a:after {
    /* Working TOgether / Work with & support us  #328c92 */
    background-color: #328C92;
}
.section-4 #twitter a:not(.twitter-avatar):after,
.section-4 .generalInfoNav li a:after {
    /* Learning Together / Education & Resources #439883 */
    background-color: #439883;
}
.section-5 #twitter a:not(.twitter-avatar):after,
.section-5 .generalInfoNav li a:after {
    /* We are rep */
    background-color: #306493;
}
.section-6 #twitter a:not(.twitter-avatar):after,
.section-6 .generalInfoNav li a:after {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    background-color: #439883;
}
.section-7 #twitter a:not(.twitter-avatar):after,
.section-7 .generalInfoNav li a:after {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    background-color: #7F3764;
}
#twitter a:not(.twitter-avatar):after {
    top: 20px;
    left: 0;

    width: 100%;
}
#twitter a:hover:after,
.generalInfoNav li a:hover:after {
    opacity: .9;
}
#twitter a,
#generalInfo .generalInfoNav a {
    -webkit-transition: all .4s ease 0s;
    -o-transition: all .4s ease 0s;
    transition: all .4s ease 0s;

    color: #FFFFFF;
}
.generalInfoNav a {
    padding: 0 10px;

    border-right: 1px solid #FEC340;
    border-left: 0 none;
}
#twitter a:hover,
#generalInfo .generalInfoNav a:hover {
    color: #FEC340;
}
.section-1 #twitter a:hover,
.section-1 #generalInfo .generalInfoNav a:hover {
    /* Whats On / Performance and Programming #a52268 */
    color: #A52268;
}
.section-2 #twitter a:hover,
.section-2 #generalInfo .generalInfoNav a:hover {
    /* Our Place / Buildings & Venues #7f3764 */
    color: #7F3764;
}
.section-3 #twitter a:hover,
.section-3 #generalInfo .generalInfoNav a:hover {
    /* Working TOgether / Work with & support us  #328c92 */
    color: #328C92;
}
.section-4 #twitter a:hover,
.section-4 #generalInfo .generalInfoNav a:hover {
    /* Learning Together / Education & Resources #439883 */
    color: #439883;
}
.section-5 #twitter a:hover,
.section-5 #generalInfo .generalInfoNav a:hover {
    /* We are rep */
    color: #306493;/*#36286B;*/
}
.section-6 #twitter a:hover,
.section-6 #generalInfo .generalInfoNav a:hover {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    color: #439883;
}
.section-7 #twitter a:hover,
.section-7 #generalInfo .generalInfoNav a:hover {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    color: #7F3764;
}
#funding {
    font-weight: 400;

    background: #FEC340;
}
.section-1 #funding {
    /* Whats On / Performance and Programming #a52268 */
    background-color: #A52268;
}
.section-2 #funding {
    /* Our Place / Buildings & Venues #7f3764 */
    background-color: #7F3764;
}
.section-3 #funding {
    /* Working TOgether / Work with & support us  #328c92 */
    background-color: #328C92;
}
.section-4 #funding {
    /* Learning Together / Education & Resources #439883 */
    background-color: #439883;
}
.section-5 #funding {
    /* We are rep */
    background-color: #306493;/*#36286B;*/
}
.section-6 #funding {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    background-color: #439883;
}
.section-7 #funding {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    background-color: #7F3764;
}
#funding .flex-parent {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.ie11 #funding > .flex-parent {
    flex-wrap: nowrap;
}
#funding .flex-parent .block {
    text-align: center;

    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
}
.ie10 #funding .block_share,
.ie10 #funding .block_mailingList {
    -ms-flex-direction: column;
}
.ie10 #funding .block_mailingList {
    -ms-flex-align: end;
    -ms-flex-positiive: 0;
}


.generalInfoContact + .generalInfoContact {
    margin-top: 32px;
}
.generalInfoContact a {
    display: block;

    text-align: center;
}

.generalInfoContact-phone {
    font-size: 32px;
    font-weight: 300;
    line-height: 36px;

    letter-spacing: 0;
}
.generalInfoReg-data,
.generalInfoContact-email {
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;

    letter-spacing: 0;
    text-transform: none;
}
.generalInfoReg + .generalInfoReg {
    margin-top: 16px;
}
#funding .flex-parent > .block {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 20%;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.ie10 #funding .flex-parent > .block,
.ie11 #funding .flex-parent > .block {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
}
#funding .flex-parent > .block_fundingParent {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.ie10 #funding .flex-parent > .block_fundingParent,
.ie11 #funding .flex-parent > .block_fundingParent {
    -ms-flex-preferred-size: 40%;
    flex-basis: 50%;
}

#funding .flex-parent > .block_funding {
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
}
.ie10 #funding .flex-parent > .block_funding,
.ie11 #funding .flex-parent > .block_funding {
    -ms-flex-preferred-size: 40%;
    flex-basis: 33%;
}

#funding .flex-parent > .block_funding img {
    width: auto;
}
#funding .flex-parent > .block_address {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.block_address,
.ie9 .block_address {
    font-size: 11px;
    font-weight: 400;
    line-height: 14px;
}

#funding .flex-parent > .block_fundingParent > .block {
    padding: 4px 0;
}
.share-title,
.mailingList-title {
    font-size: 16px;
    font-weight: 400;

    margin-bottom: 1em;

    text-align: left;
}
.mailingList-title {
    text-align: right;
}

#footer .share-wrap {
    text-align: left;
}

#footer .flex-parent > .block_mailingList {
    text-align: right;
}


/*Flex Order */
#footer-nav {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
#footer-contact {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
#footer-info {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

/*----*/

.block_share {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.block_fundingParent {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.block_mailingList {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}

/* TAB LANDSCAPE */
@media only screen and (max-width: 1024px) {
    #funding .flex-parent > .block_funding {
        min-width: 170px;
    }
}

/*  TAB PORTRAIT */
@media only screen and (max-width: 768px) {
    .block_share {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .block_fundingParent {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .block_mailingList {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    #funding .flex-parent > .block_share,
    #funding .flex-parent > .block_mailingList {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .ie10 #funding .flex-parent > .block_share,
    .ie10 #funding .flex-parent > .block_mailingList,
    .ie11 #funding .flex-parent > .block_share,
    .ie11 #funding .flex-parent > .block_mailingList {
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
    }
    #funding .flex-parent > .block_fundingParent {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .ie10 #funding .flex-parent > .block_fundingParent,
    .ie11 #funding .flex-parent > .block_fundingParent {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .ie10 #funding > .flex-parent,
    .ie11 #funding > .flex-parent {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
/* TAB PORTRAIT ONLY */
@media only screen and (max-width: 768px) and (min-width:569px) {
    #funding .share-title,
    #funding .share-wrap,
    #funding .mailingList-title,
    #funding .btn-seco {
        line-height: 21px;

        display: inline-block;

        margin-bottom: 0;

        vertical-align: middle;
    }
    #funding .share-title,
    #funding .mailingList-title {
        margin-right: .25em;
    }

    .generalInfoNav {
        padding: 1em 0;
    }
}

/* MOBILE */
@media only screen and (max-width: 568px) {
    .share-title,
    .mailingList-title {
        text-align: center;
    }
    #footer .share-wrap {
        text-align: center;
    }
    #footer .flex-parent > .block_mailingList {
        text-align: center;
    }
    #footer .flex-parent > .block {
        padding: 20px 4px;

        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .ie10 #footer .flex-parent > .block,
    .ie11 #footer .flex-parent > .block {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    #funding .flex-parent > .block_funding {
        min-width: 0;
    }
    .block_funding img {
        max-width: 90%;
    }
    #funding .flex-parent > .block_fundingParent > .block {
        padding-bottom: 20px;
    }
    #funding .flex-parent > .block_fundingParent > .block.block_address {
        /* padding-top: 10px; */
    }
    #footer .share-link svg {
        width: 32px;
        height: 32px;
    }

    /*Flex Order */
    #footer-nav {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 2;
    }
    #footer-contact {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    #footer-info {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 3;
    }

    /*----*/

    .block_share {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .block_fundingParent {
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .block_mailingList {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}
/*-------------------------------------------------------*/
/*- TWITTER                                             -*/
/*-------------------------------------------------------*/

#twitter {
    padding: 28px 32px;

    background-color: #5F5A5A;
}

.twitter-avatar {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;

    display: inline-block;
    float: left;

    width: 36px;
    height: 36px;
    margin-top: -17px;
}
.twitter-avatar:hover svg {
    transition: all .25s ease;
}
.twitter-avatar:hover svg {
    fill: #9C9B9B!important;
}
.twitter-avatar:after {
    position: absolute;
    z-index: -1;
    top: 3px;
    left: 3px;

    display: block;

    width: 30px;
    height: 30px;

    content: '';

    border-radius: 20px;
    background-color: white;
}
.twitter-avatar svg {
    fill: #FEC340;
}
.section-1 .twitter-avatar svg {
    /* Whats On / Performance and Programming #a52268 */
    fill: #A52268;
}
.section-2 .twitter-avatar svg {
    /* Our Place / Buildings & Venues #7f3764 */
    fill: #7F3764;
}
.section-3 .twitter-avatar svg {
    /* Working TOgether / Work with & support us  #328c92 */
    fill: #328C92;
}
.section-4 .twitter-avatar svg {
    /* Learning Together / Education & Resources #439883 */
    fill: #439883;
}
.section-5 .twitter-avatar svg {
    /* We are rep */
    fill: #306493;
}
.section-6 .twitter-avatar svg {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    fill: #439883;
}
.section-7 .twitter-avatar svg {
    fill: #7F3764;
}
.twitter-tweet {
    line-height: 50px;

    text-align: center;
}

.tweet {
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;

    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding-left: 40px;

    text-align: center;
    vertical-align: middle;
}

@media only screen and (max-width: 768px) {
    .tweet {
        font-size: 14px;
        /* font-weight: 300; */
        line-height: 16px;
        /* padding-left: 50px; */
        /* text-align: left; */
        /* vertical-align: top; */
    }
}

@media only screen and (max-width: 568px) {
    #twitter {
        padding: 24px 0;
    }

    .twitter-avatar {
        top: 0;

        width: 40px;
        height: 40px;
        margin-top: 0;
    }
    .twitter-avatar:after {
        top: 5px;
        left: 5px;

        width: 30px;
        height: 30px;
    }
    .tweet {
        /* font-size: 14px; */
        font-weight: 300;
        /* line-height: 16px; */

        padding-left: 44px;

        text-align: left;
        vertical-align: top;
    }
}

/*-------------------------------------------------------*/
/*- HOMEPAGE                                            -*/
/*-------------------------------------------------------*/
body.home {
    font-size: 17px;
    line-height: 21px;

    color: #575757;
}

.home #main {
    background: #F4F4F2;
}

/* FLEX ORDERS */
.home #nav {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}
.home #sectionNav {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}
.home #banner {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
}
.home #whatsOnNav {
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
}
.home #main {
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5;
}
.home #footer {
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6;
}
/* MOBILE */
@media only screen and (max-width: 568px) {
    /*    .home #nav {
        -webkit-order: 1;
        -ms-flex-order: 1;
                order: 1;
    }
    .home #banner {
        -webkit-order: 2;
        -ms-flex-order: 2;
                order: 2;
    }
    .home #whatsOnNav {
        -webkit-order: 3;
        -ms-flex-order: 3;
                order: 3;
    }
    .home #sectionNav {
        -webkit-order: 4;
        -ms-flex-order: 4;
                order: 4;
    }
    .home #main {
        -webkit-order: 5;
        -ms-flex-order: 5;
                order: 5;
    }
    .home #footer {
        -webkit-order: 6;
        -ms-flex-order: 6;
                order: 6;
    }*/
}

/*-------------------------------------------------------*/
/*- WE ARE REP                                          -*/
/*-------------------------------------------------------*/
#weAreRep {
    position: absolute;
    z-index: 200;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 0 16px;

    /*color: #FFFFFF;*/
    /*background-color: #ECECEC;*/
    background-color: #FEC340;
}

#weAreRep a {
    color: #fff;
}
#weAreRep .block {
    padding: 0 16px;
}

.weAreRep-title {
    font-size: 36px;
    font-weight: 800;
    line-height: 36px;

    text-transform: uppercase;

    -ms-flex-item-align: start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
}
.ie9 .weAreRep-title {
    font-size: 36px;
}
#weAreRep .weAreRep-strapline {
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    line-height: 17px;

    padding: 0 13px 0 20%;

    text-align: right;

    color: #575756;

    -ms-flex-item-align: end;
    -webkit-align-self: flex-end;
    align-self: flex-end;
}







/* MOBILE */
@media only screen and (max-width: 568px) {
    #weAreRep {
        /*margin-bottom: 8px;*/
        padding: 14px 4px;
    }
    .weAreRep-title {
        font-size: 36px;
        line-height: 36px;
    }
    #weAreRep .flex-parent {
        padding: 0;
    }
    #weAreRep .block {
        padding: 2px 4px;
    }
}


/*-------------------------------------------------------*/
/*- SECTION MENU                                        -*/
/*-------------------------------------------------------*/

#sectionNav {
    font-size: 17px;
    line-height: 21px;

    position: relative;

    overflow: hidden;

    max-height: 70px;

    transition: max-height .8s ease .2s, opacity 1.8s ease;

    opacity: 1;
    /*padding-bottom:16px;*/
    /*padding-top: 4px;*/
    color: #5F5A5A;
    border-bottom: 4px solid #F5F5F5;
    background-color: #F5F5F5;
}
.slim #sectionNav {
    max-height: 0;

    transition: max-height 1s ease .2s, opacity .8s ease;

    opacity: 0;
}
#sectionNav:after {
    position: absolute;
    bottom: 0;

    display: block;

    width: 100%;
    height: 1px;

    content: '';

    background-color: #FEC340;
}
.section-1 #sectionNav:after {
    /* Whats On / Performance and Programming #a52268 */
    background-color: #A52268;
}
.section-2 #sectionNav:after {
    /* Our Place / Buildings & Venues #7f3764 */
    background-color: #7F3764;
}
.section-3 #sectionNav:after {
    /* Working TOgether / Work with & support us  #328c92 */
    background-color: #328C92;
}
.section-4 #sectionNav:after {
    /* Learning Together / Education & Resources #439883 */
    background-color: #439883;
}
.section-5 #sectionNav:after {
    /* We are rep */
    background-color: #306493;/*#36286B;*/
}
.section-6 #sectionNav:after {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    background-color: #439883;
}
.section-7 #sectionNav:after {
    /* About Us (basically stuff in the footer) This uses the bluey cyan ish colour */
    background-color: #7F3764;
}
.flex-fluid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: row;

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
}

#sectionNav .sectionNav-block {
    /*-webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
            flex-basis: 20%;*/
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
#sectionNav .sectionNav-block a,
#sectionNav .sectionNav-block a:link,
#sectionNav .sectionNav-block a:visited,
#sectionNav .sectionNav-block a:active {
    transition: all .25s ease;
    text-decoration: none;

    color: #3C3C3B;
}
#sectionNav .sectionNav-block a:hover {
    color: #000000;
}
.sectionNav-title {
    font-size: 20px;
    font-weight: 300;
    line-height: 20px;

    display: inline-block;

    margin-bottom: 0;
    /*text-transform: uppercase;*/

    white-space: nowrap;
}
.sectionNav-strapline {
    font-size: 11px;
    font-weight: 300;
    line-height: 14px;

    margin: 0;
    padding: 0;

    list-style: none;

    letter-spacing: .2em;
    text-transform: uppercase;
}
.sectionNav-straplineItem {
    line-height: 1em;

    display: inline-block;
}

.sectionNav-straplineItem + .sectionNav-straplineItem {
    padding-left: .55em;

    border-left: 1px solid #5F5A5A;
}

#sectionNav .flex-fluid {
    padding: 9px 32px;
}
#sectionNav .sectionNav-block {
    position: relative;

    padding: 3px 0;

    border-right: 1px solid transparent;
    border-left: 1px solid #A6A8AB;
}
#sectionNav .sectionNav-block a {
    /*text-indent: -2em;*/
    display: inline-block;

    width: 100%;
    padding: 10px 0;

    text-align: center;
}
#sectionNav .sectionNav-block:last-child {
    border-right: 1px solid #A6A8AB;
}

.sectionNav-plus {
    /*text-indent: 0;*/
    line-height: 20px;

    position: relative;

    display: inline-block;

    width: 18px;
    height: 18px;
    margin-top: -3px;
    margin-left: .5em;

    transition: all .4s ease 0s;
    vertical-align: middle;

    color: #FFFFFF;
    /*fill: #f5f5f5;*/

    fill: #FEC340;
}
/*.sectionNav-block a:hover .sectionNav-plus {
    fill: #26AEC0;
}*/
#icon-arrow .icon-arrow-outline {
    fill: #FFFFFF;
}
.s1.sectionNav-block:hover .sectionNav-plus,
.section-1 .s1.sectionNav-block .sectionNav-plus {
    color: #A52268;
    /* Whats On / Performance and Programming #a52268 */

    fill: #A52268;
}
.s2.sectionNav-block:hover .sectionNav-plus,
.section-2 .s2.sectionNav-block .sectionNav-plus {
    color: #7F3764;
    /* Our Place / Buildings & Venues #7f3764 */

    fill: #7F3764;
}
.s3.sectionNav-block:hover .sectionNav-plus,
.section-3 .s3.sectionNav-block .sectionNav-plus {
    color: #328C92;
    /* Working TOgether / Work with & support us  #328c92 */

    fill: #328C92;
}
.s4.sectionNav-block:hover .sectionNav-plus,
.section-4 .s4.sectionNav-block .sectionNav-plus {
    color: #439883;
    /* Learning Together / Education & Resources #439883 */

    fill: #439883;
}
.s5.sectionNav-block:hover .sectionNav-plus,
.section-5 .s5.sectionNav-block .sectionNav-plus {
    color: #306493;
    /* We are rep #36286B Indigo */

    fill: #306493;
}
.s6.sectionNav-block:hover .sectionNav-plus,
.section-6 .s6.sectionNav-block .sectionNav-plus {
    color: #439883;
    /* About Us (basically stuff in the footer) #439883 Teal */

    fill: #439883;
}
/* there's also a tellow colour that's used on the homepage #FEC340 */
/*#icon-arrow .icon-arrow-fill {
    fill: #FEC340;
}*/
/*.section-1 #icon-arrow .icon-arrow-fill {
    fill: #a52268;
}
.section-2 #icon-arrow .icon-arrow-fill {
    fill: #7f3764;
}
.section-3 #icon-arrow .icon-arrow-fill {
    fill: #328c92;
}
.section-4 #icon-arrow .icon-arrow-fill {
    fill: #439883;
}
.section-5 #icon-arrow .icon-arrow-fill {
    fill: #306493;
}
.section-6 #icon-arrow .icon-arrow-fill {
    fill: #439883;
}*/

/* TAB LAND */
@media only screen and (max-width: 1024px) {
    .sectionNav-title {
        font-size: 18px;
        line-height: 18px;
    }
}

@media only screen and (max-width: 768px) {
}

/* MOBILE */
@media only screen and (max-width: 568px) {
    #sectionNav {
        margin-bottom: 0;
    }
    #sectionNav .flex-parent {
        padding: 8px;
    }
    #sectionNav .sectionNav-block {
        margin: 8px 0;
        padding: 0 30px 0 8px;

        border-right-color: #26AEC0;
    }
    #sectionNav .sectionNav-block:before {
        position: absolute;
        top: -8px;
        right: -11px;
        left: -11px;

        display: block;

        content: '';

        border-top: 1px #FFFFFF solid;
    }
    .sectionNav-title {
        font-size: 15px;
        line-height: 15px;
    }
    .sectionNav-strapline {
        font-size: 10px;
        line-height: 14px;
    }
    .sectionNav-plus {
        right: 8px;
    }
}

/*-------------------------------------------------------*/
/*- BANNER                                              -*/
/*-------------------------------------------------------*/

/*
Banner Images Sizes:
Desktop - 1300 x 460
Mobile - 320 x 200
 */
.flexSlider ul > li {
    background: #FFFFFF;
}
.flexSlider-nextButton,
.flexSlider-prevButton {
    display: none;
}

.flexSlider.fill ul li:first-of,
.flexSlider.fill ul li:last-of {
    box-shadow: none;
}

.flexSlider-wrap {
    position: relative;

    min-height: 460px;
}

#banner {
    margin: 48px 0 32px;

    background: #FFFFFF;
}

.flexSlider ul > li {
    margin-right: 0;
}

.banner-slide {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    flex-direction: row;

    padding: 0;

    transform: translate3d(0,0,0);
    /*padding: 16px 0;*/
    /*padding-right: 780px;*/

    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: distribute;
    -webkit-align-content: space-around;
    align-content: space-around;
}
.banner-slide:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;
    display: block;

    width: 100%;
    height: 100%;
    margin-right: 0;

    content: '';
    transition: opacity .4s ease-out 0s, margin-top 0s linear 0s;

    opacity: 1;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&1+0,0+50,1+100 */
    background:    -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 50%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background:         linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.current .banner-slide:after {
    margin-top: -100%;

    transition: opacity .4s ease-out 0s, margin-top 0s linear .4s;

    opacity: 0;
}
.banner-slide > .block {
    /*width: 40%;*/
    /*height: 17%;*/
    padding: 0;

    text-align: left;

    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    /*-webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;*/
}
.banner-slide > .banner-a {
    -ms-flex-preferred-size: 47%;
    -webkit-flex-basis: 47%;
    flex-basis: 47%;
}
.banner-slide > .banner-b {
    -ms-flex-preferred-size: 53%;
    -webkit-flex-basis: 53%;
    flex-basis: 53%;
}
.banner-a > .block,
.banner-b > .block,
.ie10 .banner-a > .block,
.ie10 .banner-b > .block,
.ie11 .banner-a > .block,
.ie11 .banner-b > .block {
    padding: 14px;

    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.banner-a > .block {
    padding-left: 0;
}
.banner-b > .block {
    padding-right: 0;
}
.banner-a > .block:first-child,
.banner-b > .block:first-child {
    padding-top: 0;
}
.banner-a > .block:last-child,
.banner-b > .block:last-child {
    padding-bottom: 0;
}

.banner-date {
    font-size: 16px;
    font-weight: 500;
    line-height: 48px;
    /*text-transform: uppercase;*/
    /*    -ms-flex-preferred-size: 15%;
    -webkit-flex-basis: 15%;
            flex-basis: 15%;*/
}

.banner-title {
    padding-right: 10%;

    text-transform: uppercase;

    color: #3C3C3B;
}
.banner-title h3 {
    font-size: 48px;
    font-weight: 800;
    line-height: 54px;

    margin-bottom: 0;
}

.banner-image {
    /*position:absolute;*/
    /*right:0;*/
}
.banner-image img {
    border-radius: 33.34% 0 0 33.34% /50% 0 0 50%;
}

.flexSlider-dots {
    top: auto;
    bottom: -12px;
}
.flexSlider-dots a {
    font-size: 50px;

    margin: 0 1px;

    color: rgba(264,195,64,.6);
}
.flexSlider-dots a.current,
.flexSlider-dots a:hover {
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;

    color: rgba(264,195,64,1);
    text-shadow: none;
}

.flexSlider .show-tag {
    font-size: 11px;
    font-weight: 700;

    display: inline-block;

    margin-left: .25em;
    padding: 0 12px;

    text-transform: uppercase;

    color: #FFFFFF;
    background: #FEC340;
}
.flexSlider .show-tags {
    text-align: right;
    white-space: nowrap;
}
.ie10 .flexSlider .show-tags {
    -ms-flex-pack: end;
}

.banner-slide .hall-logo img {
    height: 21px;
}

.banner-meta.flex-parent {
    width: 34%;

    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.banner-meta.flex-parent > .block {
    min-width: 0;
    padding: 0;

    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.banner-slide .banner-actions {
    padding-top: 1em;
}
.banner-slide .btn-wrap,
.banner-slide .share-wrap {
    display: inline-block;
}
.banner-slide .btn-wrap + .share-wrap {
    margin-left: 70px;

    vertical-align: top;
}
.banner-slide .share-link svg {
    width: 34px;
    height: 34px;

    color: #6F6F6E;

    fill: #6F6F6E;
}

/* Flex-order A */
.hall-logo,
.banner-date,
.banner-text,
.banner-title,
.banner-byline,
.banner-actions,
.banner-slide .share-wrap {
    -webkit-order: 1;
    /* -ms-flex-order: 1; */
    order: 1;
}

/* Flex-order B */
.banner-image,
.show-tags {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
}

/* TAB PORTRAIT */
@media only screen and (max-width: 768px) {
    .flexSlider-wrap {
        min-height: 420px;
    }
    .banner-title h3 {
        font-size: 36px;
        line-height: 36px;
        /* margin-bottom: 0; */
    }
}


/* MOBILE */
@media only screen and (max-width: 568px) {
    .flexSlider-wrap {
        min-height: 460px;
    }
    #banner {
        margin: 0 0 20px 0;
    }

    .banner-slide > .banner-a,
    .banner-slide > .banner-b {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .banner-b {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .banner-a {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .banner-a > .block,
    .banner-b > .block {
        padding: 8px;
    }

    .banner-slide .hall-logo {
        min-width: 0;

        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }

    .banner-slide .banner-title {
        /*padding-top: 24px;*/
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .banner-slide .banner-date {
        min-width: 100px;

        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        /*        -ms-flex-preferred-size: 60%;
        -webkit-flex-basis: 60%;
                flex-basis: 60%;*/
    }
    .banner-slide .share-wrap {
        min-width: 72px;
        padding-top: 0;

        text-align: right;

        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
    .banner-slide .banner-actions {
        padding-top: 0;

        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
    }
    #banner .contentPadding {
        padding: 0;
    }
    .banner-slide {
        padding-left: 8px;
    }
    .flexSlider ul > li {
        background: center top no-repeat;
    }
    .flexSlider-wrap {
        min-height: 500px;
    }
    .banner-slide .banner-image {
        padding: 0 8px 8px 0;
    }
    .banner-slide .share-link svg {
        width: 26px;
        height: 26px;
    }
    .banner-meta.flex-parent {
        width: 100%;
    }
    .flexSlider .hall-logo {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .banner-slide .show-tags {
        text-align: right;
    }
    .banner-slide .show-tag {
        font-size: 9px;
        line-height: 9px;

        padding: 6px 10px;
    }
    .flexSlider .hall-logo img {
        height: 24px;
    }
    .banner-title h3 {
        font-size: 28px;
        line-height: 28px;

        margin-bottom: 14px;
    }
    .banner-date {
        font-size: 14px;
        line-height: 20px;
    }
    .flexSlider-dots {
        top: 198px;
        bottom: auto;
    }
}



/*-------------------------------------------------------*/
/*- WHATS ON NAV                                        -*/
/*-------------------------------------------------------*/

#whatsOnNav .flex-fluid {
    padding: 0 32px;
}

#whatsOnNav {
    background-color: #E3E4E1;
}
#whatsOnNav h2 {
    font-size: 16px;
    font-weight: 300;
    line-height: 16px;

    position: relative;

    display: inline-block;

    margin-bottom: 0;
    padding-left: 40px;

    transition: all .25s ease;
    text-align: left;
    white-space: nowrap;

    color: #3C3C3B;
}
#whatsOnNav .whatsOnNav-block a:hover h2 {
    color: #000000;
}

.flex-fluid .whatsOnNav-block {
    position: relative;

    min-width: 0;
    padding: 0;
    /* text-align: center; */

    border-right: 1px solid transparent;
    border-left: 1px solid #B1B1B1;
    /*-webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
            flex-basis: 25%;*/

    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.flex-fluid .whatsOnNav-block:first-child {
    border-left: 0 none;
}

.flex-fluid .whatsOnNav-block a {
    position: relative;

    display: inline-block;

    width: 100%;
    padding: 20px 16px;

    transition: all .25s ease 0s;
}
.flex-fluid .whatsOnNav-block a:hover {
    background-color: #EAEBE9;
}

[class|='whatsOnNav'][class*='title']:after {
    /*     position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    content: '';

    background-size: 24px 24px;
    z-index:1; */
}
.whatsOnNav-icon {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 18px;

    width: 24px;
    height: 24px;
    margin-top: -12px;

    transition: all .25s ease .2s;

    fill: #FFFFFF;
}
.flex-fluid .whatsOnNav-block a:hover .whatsOnNav-icon {
    fill: #575757;
}
.flex-fluid .whatsOnNav-block a [class|='whatsOnNav'][class*='title']:before {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;

    display: block;

    width: 24px;
    height: 24px;
    margin-top: -11px;

    content: '';
    transition: all .25s ease .1s;

    border-radius: 50%;
}

/* TAB LANDSCAPE */
@media only screen and (max-width: 1024px) {
    #whatsOnNav h2 {
        font-weight: 300;
        /*padding-left: 36px;*/

        letter-spacing: 0;
    }
    /*.flex-fluid .whatsOnNav-block {
        padding: 16px 0;
    }*/
}

/* TAB PORTRAIT */
@media only screen and (max-width: 768px) {
    #whatsOnNav h2 {
        font-size: 15px;
        line-height: 15px;

        padding-left: 28px;

        letter-spacing: -.01em;
    }
    #whatsOnNav .flex-fluid {
        padding: 0 16px;
    }
    /*.flex-fluid .whatsOnNav-block {
        padding: 16px 0;
    }*/
    .whatsOnNav-block:first-child a {
        padding-left: 0;
    }
    .whatsOnNav-block:first-child a .whatsOnNav-icon {
        left: 0;
    }
    .whatsOnNav-block:last-child a {
        padding-right: 0;
    }
}
/* JUST TAB PORT */
@media only screen and (min-width: 569px) and (max-width: 768px) {
    /*     [class|='whatsOnNav'][class*='title']:after {
        width: 22px;
        height: 22px;
        margin-top: -11px;

        background-size: 22px 22px;
    } */
    .whatsOnNav-icon {
        width: 22px;
        height: 22px;
        margin-top: -11px;
    }
    /*     .whatsOnNav-title-all:after {
        background-size: 19px 22px!important;
    }
    .whatsOnNav-title-find:after {
        background-size: 21px 22px!important;
    } */
}

/* MOBILE */
@media only screen and (max-width: 568px) {
    #whatsOnNav .flex-fluid {
        padding: 0 8px;

        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #whatsOnNav .flex-fluid > .block {
        min-width: 0;

        border-width: 0;

        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    #whatsOnNav .flex-fluid > .block a {
        padding: 17px 0;
    }
    .whatsOnNav-icon {
        left: 4px;
    }

    #whatsOnNav h2 {
        /* font-size: 10px; */
        /* line-height: 16px; */
        /*padding-top: 40px;*/
        padding-left: 38px;
    }
    .flex-fluid .whatsOnNav-block {
        text-align: left;
    }
    .whatsOnNav-block:before {
        position: absolute;
        bottom: 0;
        left: 50%;

        display: block;

        width: 96%;
        width: calc(100% - 8px);
        height: 1px;

        content: '';
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);

        background-color: #A6A8AB;
    }
    .whatsOnNav-block:last-child:before {
        height: 0;
    }
}

/*-------------------------------------------------------*/
/*- BOOKMARKS                                           -*/
/*-------------------------------------------------------*/
.breadcrumbs {
    font-size: 11px;
    font-weight: 400;
    line-height: 19px;

    text-align: right;
    letter-spacing: .2em;
    text-transform: uppercase;

    color: #FFFFFF;
    background-color: #3C3C3B;
}
.breadcrumbs a,
.breadcrumbs a:hover {
    text-decoration: none;

    color: #FFFFFF;
}

.section-1 .breadcrumbs {
    background-color: #A52268;
}
.section-2 .breadcrumbs {
    background-color: #7F3764;
}
.section-3 .breadcrumbs {
    background-color: #328C92;
}
.section-4 .breadcrumbs {
    background-color: #439883;
}

/*-------------------------------------------------------*/
/*- SECTION HEADERS                                     -*/
/*-------------------------------------------------------*/

.section-header {
    /*border-bottom: 2px solid #3c3c3b;*/
    margin-bottom: 0;
    padding: 6px 8px;

    border-bottom: 0 none;
    /*margin-bottom: .25em;*/
    background-color: #ECECEC;
}
.section-heading {
    font-size: 18px;
    font-weight: 800;
    line-height: 24px;

    margin-bottom: 0;

    text-transform: uppercase;

    color: #575757;
}
.section-1 .section-header {
    border-bottom: 0 none;
}
.section-header .block {
    position: relative;
}
.section-header .show-image img {
    width: 100%;
}


/* MOBILE */
@media only screen and (max-width: 568px) {
}

/*-------------------------------------------------------*/
/*- PAGE HEADERS                                        -*/
/*-------------------------------------------------------*/
.page-header.flex-parent > .block {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
}
section.page-header {
    /* margin-bottom: .25em; */
    /*border-bottom: 2px solid #3C3C3B;*/
    padding-top: 16px;
}
.level1 section.page-header {
    padding-top: 0;
}
.resourcePacks section.page-header .block:first-child,
.level1 section.page-header .block:first-child {
    padding-top: 16px;
}
.level1 section.page-header .block + .block,
.creativeDevelopment section.page-header .block + .block,
.resourcePacks section.page-header .block + .block,
.ventures section.page-header .block + .block,
.oursupporters section.page-header .block + .block {
    margin-top: -32px;

    text-align: right;
}
.level1 section.page-header .block + .block .img-holder,
.creativeDevelopment section.page-header .block + .block .img-holder,
.resourcePacks section.page-header .block + .block .img-holder,
.ventures section.page-header .block + .block .img-holder,
.oursupporters section.page-header .block + .block .img-holder {
    position: relative;

    display: inline-block;
    overflow: hidden;

    width: 448px;
    max-width: none;
    height: 370px;

    text-align: center;
}
.level1 section.page-header .block + .block .img-holder img,
.creativeDevelopment section.page-header .block + .block .img-holder img,
.resourcePacks section.page-header .block + .block .img-holder img,
.ventures section.page-header .block + .block .img-holder img,
.oursupporters section.page-header .block + .block .img-holder img {
    position: absolute;
    left: 50%;

    width: auto;
    max-width: none;
    height: 100%;

    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.ie9 .level1 section.page-header .block + .block .img-holder img,
.ie9 .creativeDevelopment section.page-header .block + .block .img-holder img,
.ie9 .resourcePacks section.page-header .block + .block .img-holder img,
.ie9 .ventures section.page-header .block + .block .img-holder img,
.ie9 .oursupporters section.page-header .block + .block .img-holder img {
    margin-left: -317px;
}

.page-heading {
    font-size: 36px;
    font-weight: 700;
    line-height: 36px;
    /*text-transform: uppercase;*/

    margin-bottom: .6em;

    color: #575757;
}

.section-1 .page-header {
    color: #FFFFFF;
    background-color: #A52268;
}

.section-2 .page-header {
    color: #FFFFFF;
    background-color: #7F3764;
}

.section-3 .page-header {
    color: #FFFFFF;
    background-color: #328C92;
}

.section-4 .page-header {
    color: #FFFFFF;
    background-color: #439883;
}

.section-5 .page-header {
    color: #FFFFFF;
    background-color: #306493;/*#36286B;*/
}
.section-6 .page-header {
    color: #FFFFFF;
    background-color: #439883;
}
.section-7 .page-header {
    color: #FFFFFF;
    background-color: #7F3764;
}
.page-header .page-heading {
    color: #FFFFFF;
}
.level3 .page-header {
    color: #575757;
    background-color: #FFFFFF;
}
.level3 .page-header .page-heading {
    color: #575757;
}
.page-header .block {
    position: relative;
}
/*.page-header .btn-wrap{
    position:absolute;
    bottom:16px;
    right:16px;
    display:inline-block;
}*/
.page-header .show-image img {
    width: 100%;
}

.page-header .img-holder {
    /* border-radius:31% 0 0 31% /50% 0 0 50%; */
    z-index: 0; /*MG Random Chrome fix otherwise radius doesn't clip content*/

    overflow: hidden;

    border-radius: 0 0 50% 50% / 0 0 66.67% 66.67%;
}

@media only screen and (max-width: 1000px) {
    .level1 section.page-header .block + .block .img-holder,
    .creativeDevelopment section.page-header .block + .block .img-holder,
    .resourcePacks section.page-header .block + .block .img-holder,
    .ventures section.page-header .block + .block .img-holder,
    .oursupporters section.page-header .block + .block .img-holder {
        width: 300px;
        max-height: 247px;
    }
}

/* TAB PORTRAIT */
@media only screen and (max-width: 768px) {
    /*     .level1 section.page-header .block:first-child{
        padding-top:16px;
    } */
}

/* MOBILE */
@media only screen and (max-width: 568px) {
    /*    .page-header {
        background-color: #ececec;
    }*/
    /*
        .page-header {
        margin-bottom: 0;
        padding: 6px 0;

        border-bottom: 0 none;
    }
    */
    .level1 section.page-header p + p,
    .creativeDevelopment section.page-header p + p,
    .resourcePacks section.page-header p + p,
    .ventures section.page-header p + p,
    .oursupporters section.page-header p + p {
        display: none;
    }

    .page-header .block {
        padding-top: 2em;
        padding-bottom: 2em;
    }
}

/*-------------------------------------------------------*/
/*- LEVEL 1 PAGES                                       -*/
/*-------------------------------------------------------*/

/* Performances / Events */
.filterBar {
    background-color: #F5F5F5;
}

.filterBar-filters {
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
    flex-direction: row;

    -js-display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
}
.ie9 .filterBar-filters {
    display: block;
}
.ie9 .section-1 .filterBar .contentPadding,
.ie9 .section-3 .filterBar .contentPadding {
    padding: 0;
}
.ie9 .filterBar [data-hide*='mob'] {
    display: none;
}
.ie9 .filterBar-filter {
    display: inline-block;

    width: 17.2%;
}
.ie9 .filterBar-comingSoon {
    width: 20.5%;
}
.ie9 .filterBar-all {
    width: 9%;
}
.filterBar-wrap {
    transition: all .25s ease 0s;
}
.filterBar-wrap ul {
    position: relative;

    margin: 0;
    padding: 0;

    list-style: none;
}
.filterBar-filters > li {
    max-height: none;

    background-color: #F5F5F5;

    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}
.filterBar-filters > li > a {
    border: 1px solid transparent;
    border-left-color: #B1B1B1;
    background-color: #F5F5F5;
}
.filterBar-filters > li:last-child > a {
    border-right-color: #B1B1B1;
}
.filterBar-wrap ul li a {
    font-size: 15px;
    font-weight: 400;
    line-height: 24px;

    position: relative;
    z-index: 2;

    display: block;

    text-align: center;
    text-decoration: none;
    letter-spacing: .2em;

    color: #5F5A5A;
}
.filterBar-plus,
.filterBar-tick {
    line-height: 20px;

    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin-top: -3px;
    margin-left: .5em;

    transition: all .4s ease 0s;
    vertical-align: middle;

    color: #FFFFFF;
    border-radius: 50%;

    fill: #FEC340;
}
.filterBar-plus {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.filterBar-tick,
.filterOn .filterBar-plus {
    display: none;
}
.filterOn .filterBar-tick {
    display: inline-block;
}
.section-1 .filterBar-plus {
    fill: #A52268;
}
.section-2 .filterBar-plus {
    fill: #7F3764;
}
.section-3 .filterBar-plus {
    fill: #328C92;
}
.section-4 .filterBar-plus {
    fill: #439883;
}
.section-5 .filterBar-plus {
    fill: #306493;/*#36286B;*/
}
.section-6 .filterBar-plus {
    fill: #439883;
}
.section-7 .filterBar-plus {
    fill: #7F3764;
}
.filterBar-filter {
    position: relative;
}

.filterBar-genre .filterBar-options {
    width: 300px;
}
.filterBar-genre .filterBar-options li a {
    padding-left: 40px;
}

.ie9 .section-5 .filterBar-wrap,
.ie9 .section-7 .filterBar-wrap {
    width: 600px;
}
.ie9 .section-5 .filterBar-filter,
.ie9 .section-7 .filterBar-filter {
    width: 79%;
}
.ie9 .section-5 .filterBar-all,
.ie9 .section-7 .filterBar-all {
    width: 20%;
}
.filterBar-wrap ul li {
    position: relative;

    overflow: visible;

    margin: 0;
    padding: 0;
}
.filterBar-wrap ul > li:hover {
    background-color: #FFFFFF;
}
.filterBar-wrap ul > li:hover .filterBar-plus {
    -webkit-box-shadow: 0 0 3px 3px rgba(215,215,215,.9);
    -moz-box-shadow: 0 0 3px 3px rgba(215,215,215,.9);
    box-shadow: 0 0 3px 3px rgba(215,215,215,.9);
}

.filterBar-wrap ul > li.filterOn > a {
    color: #FFFFFF;
}

.filterBar-select,
.filterBar-date input {
    position: absolute;
    /* z-index: 1; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: 100%;
}
.filterBar-date input::-webkit-calendar-picker-indicator {
    display: none;
}
.filterBar-date input[type='date']::-webkit-input-placeholder {
    visibility: hidden !important;
}
.filterBar-date {
    /* pointer-events: none; */
}

.section-1 .filterBar-wrap ul > li.filterOn > a,
.section-1 .filterBar-trigger {
    background-color: #A52268;
}
.section-2 .filterBar-wrap ul > li.filterOn > a,
.section-2 .filterBar-trigger {
    background-color: #7F3764;
}
.section-3 .filterBar-wrap ul > li.filterOn > a {
    background-color: #328C92;
}
.section-4 .filterBar-wrap ul > li.filterOn > a,
.section-4 .filterBar-trigger {
    background-color: #439883;
}
.section-5 .filterBar-wrap ul > li.filterOn > a {
    background-color: #306493;/*#36286B;*/
}
.section-6 .filterBar-wrap ul > li.filterOn > a,
.section-6 .filterBar-trigger {
    background-color: #439883;
}
.section-7 .filterBar-wrap ul > li.filterOn > a,
.section-7 .filterBar-trigger {
    background-color: #7F3764;
}
.section-3 .filterBar-trigger,
.section-5 .filterBar-trigger {
    background-color: #FFFFFF;
}


.filterBar-wrap ul ul {
    position: absolute;
    z-index: 100;
    top: 100%;
    left: 1px;

    display: none;

    width: 110%;
    padding: 0;

    border-top: 2px solid #E2E0E0;
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 5px 1px rgba(59,59,59,.5);
    -moz-box-shadow: 0 2px 5px 1px rgba(59,59,59,.5);
    box-shadow: 0 2px 5px 1px rgba(59,59,59,.5);
}

.filterBar-wrap ul ul li {
    /*float:none;*/
    width: 100%;

    background-color: #FFFFFF;
}
.filterBar-wrap ul ul li:hover {
    background-color: #3C3C3B;
}
.filterBar-wrap ul ul li:hover a {
    font-weight: 500;

    color: #FFFFFF;
}
.filterBar-wrap ul ul a {
    font-weight: 400;
    line-height: 120%;

    padding: 10px 15px;
    padding-left: 27%;

    text-align: left;
    letter-spacing: 0;
}

.filterBar-wrap ul ul ul {
    top: 0;
    left: 100%;
}

.filterBar-wrap ul li:hover > ul {
    display: block;
}

.filterBar-trigger .flex-parent > .block,
.level3 .filterBar-trigger .flex-parent > .block {
    min-width: 0;

    color: #FFFFFF;

    flex-basis: 50%;
}

.section-3 .filterBar-trigger .flex-parent > .block,
.section-5 .filterBar-trigger .flex-parent > .block {
    color: #575757;
}
.filterBar-trigger .flex-parent,
.filterBar-trigger .flex-parent > .block {
    padding-top: 4px;
    padding-bottom: 4px;
}
.filterBy-title {
    font-size: 11px;
    font-weight: 400;

    letter-spacing: .2em;
    text-transform: uppercase;
}
.ie9 .filterBy-title {
    font-size: 11px;
}
.filterBy-indicator {
    visibility: hidden;

    text-align: right;
}
@media only screen and (max-width: 850px) {
    .filterBar .contentPadding {
        padding: 0;
    }
    .filterBar-wrap ul li a {
        font-size: 14px;

        padding: 14px;
    }
}
@media only screen and (max-width: 768px) {
    .filterBar nav li {
        width: auto;
    }
}
@media only screen and (max-width: 750px) {
    .filterBar {
        background-color: #FFFFFF;
    }
    .filterBar-wrap ul > li > a {
        text-align: left;
        pointer-events: none;
    }
    .filterBar-wrap ul li:hover > ul {
        display: none;
    }
    .filterBar-filters {
        flex-wrap: wrap;
    }
    .filterBar-filters > li {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .filterBar .contentPadding {
        padding: 0;
    }
    .filterBar-filter {
        border-bottom: 1px solid #A6A8AB;
    }
    .filterBar-plus,
    .filterBar-tick {
        position: absolute;
        top: 50%;
        right: 8px;

        margin-top: -11px;
    }
    .filterBy-indicator {
        visibility: visible;

        padding-right: 30px!important;
    }
    .filterBar-wrap ul > li > a {
        padding-left: 4px;
    }
    .filterBar-wrap {
        overflow: hidden;

        max-height: 0;
    }
    .filterBar-wrap.open {
        max-height: 500px;
    }
    .filterBar-trigger {
        position: relative;
    }
    .filterBar-trigger .filterBar-tick {
        display: block;
        /* position:relative; */
    }
    .section-3 .filterBar-trigger {
        background-color: #328C92;
    }
    .section-3 .filterBar-trigger .flex-parent > .block,
    .section-5 .filterBar-trigger .flex-parent > .block {
        color: #FFFFFF;
    }
    .section-5 .filterBar-trigger {
        background-color: #306493;
    }
}

/*-------------------------------------------------------*/
/*- Content Blocks                                      -*/
/*-------------------------------------------------------*/
.flex-parent.contentBlock-wrap {
    /*margin:0 -16px;*/
    padding: 0 0;
}

.contentBlock .img-holder {
    overflow: hidden;
}

/* .contentBlock:nth-child(6n+1) .img-holder,
.contentBlock:nth-child(6n+6) .img-holder,
li:nth-child(6n+1) .contentBlock .img-holder,
li:nth-child(6n+6) .contentBlock .img-holder { */
.contentBlock:nth-child(3n+1) .img-holder,
li:nth-child(3n+1) .contentBlock .img-holder {
    border-radius: 33.34% 0 0 33.34% /50% 0 0 50%;
}
/* .contentBlock:nth-child(6n+2) .img-holder,
li:nth-child(6n+2) .contentBlock .img-holder { */
.contentBlock:nth-child(3n+2) .img-holder,
li:nth-child(3n+2) .contentBlock .img-holder {
    /* border-radius: 0 0 50% 50% / 0 0 66.67% 66.67%; */
    border-radius: 0;
}
/* .contentBlock:nth-child(6n+3) .img-holder,
.contentBlock:nth-child(6n+4) .img-holder,
li:nth-child(6n+3) .contentBlock .img-holder,
li:nth-child(6n+4) .contentBlock .img-holder { */
.contentBlock:nth-child(3n+3) .img-holder,
li:nth-child(3n+3) .contentBlock .img-holder {
    border-radius: 0 33.34% 33.34% 0 /0 50% 50% 0;
}
/* .contentBlock:nth-child(6n+5) .img-holder,
li:nth-child(6n+5) .contentBlock .img-holder {
    border-radius: 50% 50% 0 0 / 66.67% 66.67% 0 0;
} */

@media only screen and (max-width: 960px) {
    .contentBlock:nth-child(2n+1) .img-holder,
    li:nth-child(2n+1) .contentBlock .img-holder {
        border-radius: 33.34% 0 0 33.34% /50% 0 0 50%;
    }

    .contentBlock:nth-child(2n+2) .img-holder,
    li:nth-child(2n+2) .contentBlock .img-holder {
        border-radius: 0 33.34% 33.34% 0 /0 50% 50% 0;
    }
}
@media only screen and (max-width: 568px) {
    .contentBlock:nth-child(1n+1) .img-holder,
    li:nth-child(1n+1) .contentBlock .img-holder {
        border-radius: 0 33.34% 33.34% 0 /0 50% 50% 0;
    }

    .flex-parent.contentBlock-wrap {
        /*margin:0 -16px;*/
        padding: 0 4px;
    }
}




.contentBlock.block {
    position: relative;

    padding: 64px 32px;
    /*padding-bottom: 72px;*/

    -webkit-flex: 0 1 33.3333334%;
    -ms-flex: 0 1 33.3333334%;
    flex: 0 1 33.3333334%;
}

.ie9 .section-7 .flex-parent .contentBlock.block {
    width: 100%;
}
.ie11 .contentBlock.block {
    max-width: 33%;
    /* @TODO - Doesn't seem to be needed */

    flex: 1 1 26%;
}
.ie10 .contentBlock.block {
    max-width: 32%;

    flex: 1 1 26%;
    -ms-flex-direction: column;
}
.section-1 .contentBlock.block {
    padding-bottom: 128px;
}
.contentBlock.block:after {
    position: absolute;
    /*right: 0;*/
    top: -1px;
    right: calc(-200% + 32px);
    /*left: 0;*/
    left: 84px; /* Allow a little space after the logo */

    display: none;

    content: '';

    border-bottom: 2px solid #FEC340;
}
.contentBlock.block:before {
    position: absolute;
    z-index: 1;
    top: -18px;
    left: 32px;

    display: none;

    width: 38px;
    height: 38px;

    content: url('/img/logo_circle.svg');

    background: #FEC340;
}
.section-1 .contentBlock.block:before {
    background: #A52268;
}
.section-2 .contentBlock.block:before {
    background: #7F3764;
}
.section-3 .contentBlock.block:before {
    background: #328C92;
}
.section-4 .contentBlock.block:before {
    background: #439883;
}
.section-5 .contentBlock.block:before {
    background: #306493;/*#36286B;*/
}
.section-6 .contentBlock.block:before {
    background: #439883;
}
.section-7 .contentBlock.block:before {
    background: #7F3764;
}

.contentBlock.block:nth-child(3n+1):before,
.contentBlock.block:nth-child(3n+1):after {
    display: block;
}
.contentBlock.block:nth-child(1):before,
.contentBlock.block:nth-child(1):after {
    display: none;
}
.oursupporters .contentBlock.block:nth-child(1):before,
.oursupporters .contentBlock.block:nth-child(1):after,
.creativeDevelopment .contentBlock.block:nth-child(1):before,
.creativeDevelopment .contentBlock.block:nth-child(1):after {
    display: block;
}
.section-1 .contentBlock.block:after {
    border-bottom-color: #A52268;
}
.section-2 .contentBlock.block:after {
    border-bottom-color: #7F3764;
}
.section-3 .contentBlock.block:after {
    border-bottom-color: #328C92;
}
.section-4 .contentBlock.block:after {
    border-bottom-color: #439883;
}
.section-5 .contentBlock.block:after {
    border-bottom-color: #306493;/*#36286B;*/
}
.section-6 .contentBlock.block:after {
    border-bottom-color: #439883;
}
.section-7 .contentBlock.block:after {
    border-bottom-color: #E6E7E8;
}
.contentBlock .contentBlock-link {
    font-weight: 300;

    color: #575756;
}

.contentBlock-heading {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px;

    margin: 1.4em 0 1.1em;

    transition: all .25s ease;
    /*text-transform: uppercase;*/

    color: #3C3C3B;
}

.section-1 .contentBlock.block:hover .contentBlock-heading {
    color: #A52268;
}
.section-2 .contentBlock.block:hover .contentBlock-heading {
    color: #7F3764;
}
.section-3 .contentBlock.block:hover .contentBlock-heading {
    color: #328C92;
}
.section-4 .contentBlock.block:hover .contentBlock-heading {
    color: #439883;
}
.section-5 .contentBlock.block:hover .contentBlock-heading {
    color: #306493;/*#36286B;*/
}
.section-6 .contentBlock.block:hover .contentBlock-heading {
    color: #439883;
}
.section-7 .contentBlock.block:hover .contentBlock-heading {
    color: #7F3764;
}

.contentBlock-date {
    font-size: 16px;
    font-weight: 700;
    font-style: normal;

    display: block;

    margin: 1.5em 0;

    text-transform: uppercase;

    color: #575757;
}

.hall-logo img {
    width: auto;
    max-height: 28px;
}
.hall-logo img.img-default {
    height: 44px!important;
    max-height: 44px;
}

.ie11 .contentBlock .hall-logo > div {
    max-height: 28px;
}

.ie11  .contentBlock .hall-logo img {
    max-height: 100%;
}


.contentBlock .btn-wrap {
    position: absolute;
    bottom: 64px;
    left: 32px;
    /*padding: 0 32px 32px;*/
}

.contentBlock .img-holder {
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.contentBlock .img-holder_empty {
    background-color: #575757;
}
.section-1 .contentBlock .img-holder_empty {
    background-color: #A52268;
}
.section-2 .contentBlock .img-holder_empty {
    background-color: #7F3764;
}
.section-3 .contentBlock .img-holder_empty {
    background-color: #328C92;
}
.section-4 .contentBlock .img-holder_empty {
    background-color: #439883;
}
.section-5 .contentBlock .img-holder_empty {
    background-color: #306493;/*#36286B;*/
}
.section-6 .contentBlock .img-holder_empty {
    background-color: #439883;
}
.section-7 .contentBlock .img-holder_empty {
    background-color: #7F3764;
}
.section-7 .contentBlock .img-holder {
    border-radius: 0 33.34% 33.34% 0 /0 50% 50% 0;
}

.contentBlock ul {
    padding-left: 0;

    list-style: none;
}
.contentBlock li:before {
    padding-right: .25em;

    content: '+';
    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;

    color: #26AEC0;
}

.section-1 .contentBlock li:before {
    color: #A52268;
}
.section-2 .contentBlock li:before {
    color: #7F3764;
}
.section-3 .contentBlock li:before {
    color: #328C92;
}
.section-4 .contentBlock li:before {
    color: #439883;
}
.section-5 .contentBlock li:before {
    color: #306493;
}
.section-6 .contentBlock li:before {
    color: #439883;
}
.section-7 .contentBlock li:before {
    color: #7F3764;
}
.contentBlock-plus {
    position: absolute;
    right: 48px;
    bottom: 32px;

    width: 22px;
    height: 22px;

    -webkit-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;

    fill: #26AEC0;
}
.section-1 .contentBlock .contentBlock-plus {
    fill: #A52268;
}
.section-2 .contentBlock .contentBlock-plus {
    fill: #7F3764;
}
.section-3 .contentBlock .contentBlock-plus {
    fill: #328C92;
}
.section-4 .contentBlock .contentBlock-plus {
    fill: #439883;
}
.section-5 .contentBlock .contentBlock-plus {
    fill: #306493;/*#36286B;*/
}
.section-6 .contentBlock .contentBlock-plus {
    fill: #439883;
}

/* ContentBlock Hover states together so the colours can easily be matched */
/* @todo - Some of these will need to be changed, have not had chance to test Buildings & venues or Resources & Educatioj (040116) */

.section-1 .contentBlock:hover .img-holder_empty {
    background-color: #ED1A3B;
}
.section-2 .contentBlock:hover .img-holder_empty {
    background-color: #ED1A3B;
}
.section-3 .contentBlock:hover .img-holder_empty {
    background-color: #ED1A3B;
}
.section-4 .contentBlock:hover .img-holder_empty {
    background-color: #ED1A3B;
}
.section-5 .contentBlock:hover .img-holder_empty {
    background-color: #ED1A3B;
}
.section-6 .contentBlock:hover .img-holder_empty {
    background-color: #ED1A3B;
}
.section-7 .contentBlock:hover .img-holder_empty {
    background-color: #ED1A3B;
}

.section-1 .contentBlock:hover li:before {
    color: #ED1A3B;
}
.section-2 .contentBlock:hover li:before {
    color: #ED1A3B;
}
.section-3 .contentBlock:hover li:before {
    color: #ED1A3B;
}
.section-4 .contentBlock:hover li:before {
    color: #ED1A3B;
}

.section-1 .contentBlock:hover .contentBlock-plus {
    fill: #ED1A3B;
}
.section-2 .contentBlock:hover .contentBlock-plus {
    fill: #ED1A3B;
}
.section-3 .contentBlock:hover .contentBlock-plus {
    fill: #ED1A3B;
}
.section-4 .contentBlock:hover .contentBlock-plus {
    fill: #ED1A3B;
}
.section-5 .contentBlock:hover .contentBlock-plus {
    fill: #ED1A3B;/*#36286B;*/
}
.section-6 .contentBlock:hover .contentBlock-plus {
    fill: #ED1A3B;
}

/*--End contentBlock Hover styles--*/

/* TAB LANDSCAPE */
@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 960px) {
    .contentBlock.block {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }

    .ie11 .contentBlock.block {
        flex: 1 1 40%;
    }
    .contentBlock.block:nth-child(1),
    .contentBlock.block:nth-child(2) {
        padding-top: 32px;
    }
    .resourcePacks .contentBlock.block {
        padding-bottom: 22px;
    }
    .contentBlock.block:nth-child(3n+1):before,
    .contentBlock.block:nth-child(3n+1):after {
        display: none;
    }
    .contentBlock.block:nth-child(2n+1):before,
    .contentBlock.block:nth-child(2n+1):after {
        display: block;
    }
    .contentBlock.block:nth-child(2n+1):before {
        left: 16px;
    }
    .contentBlock.block:nth-child(2n+1):after {
        right: calc(-100% + 16px);
        left: 68px; /* Allow a little space after the logo */
    }
    .contentBlock.block:nth-child(1):before,
    .contentBlock.block:nth-child(1):after {
        display: none;
    }
    .contentBlock .btn-wrap {
        left: 16px;
    }
    .section-7 .contentBlock.block:nth-child(2n+1):after {
        /* News */
        /* right: 32px; */
        left: 0;
    }
}

@media only screen and (max-width: 768px) {
    .contentBlock.block {
        padding: 64px 16px 64px 16px;
    }
    .contentBlock.block:nth-child(1):before,
    .contentBlock.block:nth-child(1):after {
        display: none;
    }
}

@media only screen and (max-width: 568px) {
    #main.flex-parent {
        padding: 8px 4px;
    }
    .contentBlock.block,
    .ie11 .contentBlock.block {
        /*height: 136px;*/
        padding-top: 16px;
        padding-right: 4px;
        padding-bottom: 50px;
        padding-left: 4px;

        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
    .contentBlock.block:first-child {
        padding-top: 32px!important;
    }
    .contentBlock.block + .contentBlock.block {
        padding-top: 50px;
    }
    .contentBlock.block:nth-child(2n+1):before {
        display: none;
    }
    .contentBlock.block:nth-child(n):after {
        right: 4px;
        left: 4px;

        display: block;
    }
    .contentBlock.block:nth-child(1):before,
    .contentBlock.block:nth-child(1):after {
        display: none;
    }
    .resourcePacks .contentBlock.block:nth-child(1):after {
        display: none;
    }

    /*    .contentBlock .img-holder img {
        position: absolute;
        top: 8px;
        left: -12px;

        clip: rect(0px,140px,120px,20px);

        width: auto;
        height: 120px;
    }*/
    .section-1 .contentBlock-heading {
        margin: 1.2em 0 2em 0;
    }/*
    .contentBlock .hall-logo {
        position: absolute;
        top: 8px;
        left: 136px;
    }
    .contentBlock .hall-logo img {
        max-height: 24px;
    }
    .contentBlock-date {
        font-size: 11px;

        margin: 0;
    }*/
    .section-1 .contentBlock-date {
        margin: 1.4em 0 1.2em;
    }
    .contentBlock .btn-wrap {
        bottom: 51px;
        left: 8px;
        /*padding: 0 8px;*/
    }

    .oursupporters .contentBlock.block:nth-child(1):before,
    .oursupporters .contentBlock.block:nth-child(1):after,
    .creativeDevelopment .contentBlock.block:nth-child(1):before,
    .creativeDevelopment .contentBlock.block:nth-child(1):after {
        left: 4px;
    }
}
/*-------------------------------------------------------*/
/*- DETAIL                                              -*/
/*-------------------------------------------------------*/
.level3 #main {
    margin-top: 16px;
}
.resourcePacks.level3 #main {
    margin-top: 0;
}

.level3 .flex-parent > .block {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
    flex-basis: 50%;
}
.ie9 .level3 .flex-parent > .block {
    width: 50%;
}
.ie10 .level3 .flex-parent > .block,
.ie11 .level3 .flex-parent > .block {
    max-width: 50%;

    flex-basis: 43%;
}
.ie10 .level3 #main.flex-parent > .block {
    -ms-flex-direction: column;
}

.level3 .show-image {
    margin-bottom: 3em;
}
.careers.level3 .show-image {
    margin-bottom: 0;
}

#sidebarCarousel {
    position: relative;
    /* top: -39px; */ /* Turned off due to accordion not needing it */
    /* padding-top: 45px; */
}
#sidebarCarousel li {
    width: 33.333333334%;
}

#sidebarCarousel .item em {
    display: none;
}

@media only screen and (min-width: 768px) {
    .defaultPage #main .block,
    .ventureDetail #main .block,
    .newsDetail #main .block {
        /* REPONSIVE */
        padding-right: 48px;
    }
    .defaultPage #main .block + .block,
    .ventureDetail #main .block + .block,
    .newsDetail #main .block + .block {
        /* REPONSIVE */
        padding-right: 16px;
        padding-left: 16px;
    }
}
@media only screen and (max-width: 720px) {
    .events.level3 .flex-parent > .block {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    .ie11 .events.level3 .flex-parent > .block {
        max-width: 100%;
    }
}

@media only screen and (max-width: 568px) {
    .level3 .flex-parent > .block {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    .ie11 .level3 .flex-parent > .block {
        max-width: 100%;
    }
}

/*-------------------------------------------------------*/
/*- EVENT DETAIL                                        -*/
/*-------------------------------------------------------*/
/* .level3.events .page-header .flex-parent > .block {
    min-height: 342px;
} */
.show-presentedBy {
    margin: .7em 0 .75em;
}
.show-byline {
    font-size: 18px;

    margin: 2em 0 2.25em;
}
/*.flex-parent .event-meta {
    -ms-flex-preferred-size: 75%;
    -webkit-flex-basis: 75%;
            flex-basis: 75%;
}*/

/*.vacancies .flex-parent .event-meta,
.events .flex-parent .event-meta {
    -ms-flex-preferred-size: 50%;
    -webkit-flex-basis: 50%;
            flex-basis: 50%;
}*/
.events.level3 .page-header {
    padding-top: 28px;
    border-bottom: 0 none;
}
.events.level3 .page-heading {
    text-transform: uppercase;
}
.events.level3 .share-wrap {
    position: relative;
}
.events.level3 .page-header .btn-wrap {
    /*position: absolute;
    right: 48px;
    bottom: 0;
*/
    display: inline-block;

    margin-right: 2em;

    vertical-align: top;
}
.level3 .hall-logo,
.level3 .hall-logo img {
    height: 26px;
}
.event-meta .accordion-trigger {
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;

    display: block;

    padding: 8px 16px;
    /*text-transform: uppercase;*/

    letter-spacing: .2em;

    color: #575756;
    border-bottom: 2px solid #FFFFFF;
    background: #F1F1EF;
}
.event-meta .accordion-trigger:hover,
.event-meta .accordion-item-open .accordion-trigger {
    color: #FFFFFF;
    background-color: #6F6F6E;
}
.event-meta .accordion-indicator {
    right: 16px;

    -webkit-transform-origin: 50% 50% 0;
    transform-origin: 50% 50% 0;
}
.event-meta .accordion-item-open .accordion-content {
    max-height: 10000px;
}
.event-meta .accordion-indicator_open,
.event-meta .accordion-indicator_closed {
    margin-top: -10px;
}
.event-meta .accordion-padded {
    padding: 24px 16px 48px 16px;
}

.event-meta .accordion-padded .img-holder {
    float: left;

    width: 25%;
    min-width: 200px;
    margin-right: 16px;
    margin-bottom: 8px;
}
.event-cast .accordion-padded {
    padding: 24px 0 48px;
}
.cast-group .flex-parent {
    margin: 0 -16px;
    padding: 0;
}
.cast-group .flex-parent > .block {
    min-width: 0;

    -ms-flex-preferred-size: 33%;
    -webkit-flex-basis: 33%;
    flex-basis: 33%;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}
.cast-group h3 {
    font-size: 21px;
    line-height: 21px;

    margin-bottom: .5em;

    text-transform: uppercase;
}
.cast-group + .cast-group h3 {
    margin-top: 1em;
}

.event-meta .accordion-padded.flex-parent {
    padding: 8px 0 32px 0;
}
.event-meta .sponsors .accordion-padded {
    padding: 24px 16px 16px 16px;
}
.event-meta .accordion-padded.flex-parent .img-holder {
    margin: 0;

    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
}



.event-meta .accordion-padded.flex-parent.donations .block.donation {
    padding-left: 10px;

    -webkit-flex: 1 1 75%;
    -ms-flex: 1 1 75%;
    flex: 1 1 75%;
}

.event-meta .accordion-padded.flex-parent.donations .flex-parent {
    margin: 0;
    padding: 0;

    justify-content: space-between;
}

.event-meta .accordion-padded.flex-parent.donations .flex-parent .block {
    min-width: 0;
    margin: 0;
    padding: 0;

    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.flex-parent .in-this-section {
    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

.in-this-section .content {
    padding: 32px;

    background-color: #F5F5F5;
}
.in-this-section .contentBlock.block {
    margin: 0;
    padding: 0;
}


.in-this-section .flex-parent {
    padding: 0;
}

.in-this-section .flex-parent .block {
    width: 50%;
    margin: 0;
    padding: 16px 0;
}

.in-this-section .flex-parent .block.text-holder {
    padding-bottom: 48px;
    padding-left: 24px;
}

.in-this-section .contentBlock-heading {
    margin-top: 0;
}

.in-this-section  .contentBlock-plus {
    right: 0;
    bottom: 16px;
}

.eventListing-item {
    margin-bottom: 2px;

    background: #F1F1EF;
}
.ie9 .eventListing .eventListing-item {
    display: block;
}
.eventListing-item > div {
    font-size: 12px;
    line-height: 30px;

    text-align: center;

    flex-grow: 1;
    /*     -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
                flex-basis: 25%; */
}
.ie9 .eventListing-item > div {
    width: 24.4%;
}
.ie10 .eventListing-item > div {
    -ms-flex-preferred-size: 0;
    -ms-flex-positive: 1;
}
.eventListing-item > .eventListing-date {
    font-weight: 700;
    text-align: left;
    -ms-flex-preferred-size: 36%;
    flex-basis: 25%;
    max-width: 100px;
}
.eventListing-item > .eventListing-flag{
    flex-basis: 8px;
    margin-right: 10px;
    flex-grow: 0;
    flex-shrink: 0;

}


.eventListing-item > .eventListing-time{
    flex-basis: 25%;
}

.eventListing-item > .eventListing-price{
    flex-basis: 25%;
}

.eventListing-item > .eventListing-btn {
    text-align: right;
    flex-basis: 25%;
}
.eventListing-item > .eventListing-btn a {
    width: 100%;
    max-width: 110px;

    text-align: center;
    padding-left: 0;
    padding-right: 0;
}

/* @media only screen and (max-width: 568px) { */
.eventListing-item > .eventListing-date {
    -ms-flex-preferred-size: 31%;
    flex-basis: 31%;
}
.eventListing-item > .eventListing-time{
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
}

.eventListing-item > .eventListing-price{
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}
.eventListing-item > .eventListing-btn {
    -ms-flex-preferred-size: 18%;
    flex-basis: 18%;
}
/* } */

.eventListing-legend{
    margin-top: 1em;
}

.eventListing-legend ul{
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    list-style-type: none;
    margin: 0.5em 0;
    padding: 0;

}

.eventListing-legend  li{
    /* -webkit-box-flex:  1;
    -ms-flex:  1 1 33%;
    flex:  1 1 33%; */
    vertical-align: middle;
    padding: 0.25em 0;
}
.eventListing-legend  li:first-of-type{
    padding-top: 0;
}

.eventListing-flag.flag-caption{
    background-color: red;
}
.eventListing-flag.flag-bsl{
    background-color: blue;
}
.eventListing-flag.flag-audio{
    background-color: green;
}

.eventListing-flag.flag-previewPerformance{
    background-color: #6455b4;
}
.eventListing-flag.flag-pressNight{
    background-color: #74fafb;
}
.eventListing-flag.flag-bslInterpreted{
    background-color: #de1748;
}
.eventListing-flag.flag-audioDescribed{
    background-color: #5cb11d;
}
.eventListing-flag.flag-captioned{
    background-color: #b110be;
}
.eventListing-flag.flag-relaxedPerformance{
    background-color: #e5c874;
}
.eventListing-flag.flag-bslInterpretedAndAudioDescribed{
    background-color: #3925d8;
}
.eventListing-flag.flag-bslCaptionedAndAudioDescribed{
    background-color: #7f74bf;
}
.eventListing-flag.flag-audioDescribedAndCaptioned{
    background-color: #ae7877;
}
.eventListing-flag.flag-captionedAndBslInterpreted{
    background-color: #46f6e9;
}
.eventListing-flag.flag-schoolsEveryonewelcome{
    background-color: #93fcc9;
}
.eventListing-flag.flag-postShowDiscussion{
    background-color: #de33a1;
}
.eventListing-flag.flag-captionedAndAudioDescribed{
    background-color: #a36b6d;
}



.eventListing-legend  li:before{
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    /* border: 1px black solid; */
    background-color: grey;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
    margin-right: 0.5em;
    margin-top: -3px;
}

.eventListing-legend .key-caption:before{
    background-color: red;
}
.eventListing-legend .key-bsl:before{
    background-color: blue;
}
.eventListing-legend .key-audio:before{
    background-color: green;
}

.eventListing-legend .key-previewPerformance:before{
    background-color: #6455b4;
}
.eventListing-legend .key-pressNight:before{
    background-color: #74fafb;
}
.eventListing-legend .key-bslInterpreted:before{
    background-color: #de1748;
}
.eventListing-legend .key-audioDescribed:before{
    background-color: #5cb11d;
}
.eventListing-legend .key-captioned:before{
    background-color: #b110be;
}
.eventListing-legend .key-relaxedPerformance:before{
    background-color: #e5c874;
}
.eventListing-legend .key-bslInterpretedAndAudioDescribed:before{
    background-color: #3925d8;
}
.eventListing-legend .key-bslCaptionedAndAudioDescribed:before{
    background-color: #7f74bf;
}
.eventListing-legend .key-audioDescribedAndCaptioned:before{
    background-color: #ae7877;
}
.eventListing-legend .key-captionedAndBslInterpreted:before{
    background-color: #46f6e9;
}
.eventListing-legend .key-schoolsEveryonewelcome:before{
    background-color: #93fcc9;
}
.eventListing-legend .key-postShowDiscussion:before{
    background-color: #de33a1;
}
.eventListing-legend .key-captionedAndAudioDescribed:before{
    background-color: #a36b6d;
}

.level3.events .btn-wrap {
    display: inline-block;
}
.level3.events .share-wrap {
    display: inline-block;

    margin-top: 0;
}
.level3.events .page-header .show-image {
    min-height: 370px;
    margin-bottom: 0;
}
.level3.events #main {
    margin-top: 0;
}

.level3 .page-header .banner-date {
    margin-top: 1em;
}

.priorityBalloon{
    transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    background: #a52268;
    color: #ffffff;
    text-align: center;
    vertical-align: middle;
    border-radius: 50%;
    font-weight: 800;
    z-index: 990;
    position: absolute;
    right: auto;
    left: 32px;
    top: 64px;
    width: 80px;
    height: 80px;
    font-size: 13px;
    line-height:14px;
    text-transform: uppercase;
    padding:21px 9px 0;
}

.priority-register{
    font-style: italic;
}

.events.level3 .priorityBalloon{
    width: 165px;
    height: 165px;
    font-size: 26px;
    line-height: 27px;
    padding:46px 0 0;
    top: -40px;
    right: 50px;
    left: auto;
}
.priority-booking .eventListing-btn .btn-cta-two,
.btn-priority{
    background-color: #a52268!important;
}

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

    .events.level3 .priorityBalloon{
        width: 100px;
        height: 100px;
        font-size: 17px;
        line-height: 18px;
        top: -20px;
        padding-top: 29px;
        right: 30px;
    }
}
@media only screen and (max-width: 768px) {
    .level1 .priorityBalloon{
        left: 16px;
    }
}
@media only screen and (max-width: 568px) {
    .level1 .priorityBalloon{
        top:50px;
        left: 4px;
    }
    .level3.events .page-header .block:first-child {
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
        flex-direction: row;

        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .level3.events .page-header .block:first-child > div {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
    .level3.events .page-header .block:last-child {
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .show-btnShare {
        margin-top: 1em;

        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9;
    }
    .level3.events .hall-logo {
        height: 24px;

        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4;
    }
    .level3 .show-presentedBy {
        margin: 0;

        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    .level3 .show-presentedBy,
    .level3 .show-byline {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
    }
    .level3 .show-byline {
        margin: 0 0 1em;

        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
    }
    .events.level3 .show-description {
        margin: .75em 0;

        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6;
    }
    .level3 .page-header .banner-date {
        font-size: 12px;
        font-weight: 700;
        padding-top: 20px;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7;
    }
    .events.level3 .page-header {
        padding-top: 2em;
    }
    .events.level3 .page-header .block {
        padding-top: 8px;
        padding-bottom: 8px;
    }
    .events.level3 .page-heading {
        font-size: 30px;

        margin: .4em 0;

        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .events.level3 .page-header .btn-wrap {
        right: 8px;
    }
    .level3.events .page-header .flex-parent > .block {
        min-height: 0;
    }
    .level3.events .page-header .show-image {
        /* min-height: 173px!important; */
        margin-bottom: 0;
    }

    .event-meta .accordion-padded .img-holder {
        min-width: 100%;
        margin: 0 0 16px 0;
    }

    .in-this-section .contentBlock.block {
        height: auto;
    }
    .in-this-section .contentBlock .img-holder img {
        position: relative;
        top: 0;
        left: 0;

        clip: none;

        width: auto;
        height: auto;
    }

    .in-this-section .flex-parent .block.text-holder {
        padding-top: 0;
        padding-left: 0;
    }
}

.accordion-item-open ~ #event-images.accordion-item-open .accordion-content {
    max-height: 0;
}

/* ASSOC IMAGES Carousel */
.carousel ul {
    padding: 0;

    border-top: none;
    /* margin:0; */
}

.carousel ul > li {
    padding: 0 16px;
}

.carousel-button-wrapper {
    position: absolute;
    top: 50%;
    z-index: 1;
    float: none;
    width: 100%;
    height: 0;
}

[id*='nav'] .carousel-button-wrapper,
#sidebarCarousel .carousel-button-wrapper {
    margin-top: -13px;
}

a[href^='#carousel-button'] {
    font-size: 0;

    position: absolute;
    z-index: 99999;
    left: 0;

    width: 22px;
    height: 34px;
    margin: 0;
    /* padding: 11.5px 8px; */

    transition: all .25s ease;
    /* -webkit-transform: translate(0,-50%);
        -ms-transform: translate(0,-50%);
            transform: translate(0,-50%); */

    color: #6F6F6E;
    border: none;
    background-color: #A7A7A7;
    /* background-image: url(../img/prev.svg); */
    background-image: none;
    background-position: center center;
    background-size: 100%;

    fill: #FFFFFF;
}

a[href^='#carousel-button-next'] {
    right: 0;
    left: auto;
    /* background-image: url(../img/next.svg); */

    background-image: none;
}
a[href^='#carousel-button-prev'] {
    /*transform: rotate(180deg);*/
}

#carousel_news a[href^='#carousel-button']:not(.frozen):hover,
a[href^='#carousel-button']:hover {
    background-color: #A6A8AB;
}

.bothFrozen {
    display: none;
}


#page-imageCarousel.modal-wrap.active .modal-contentWrap,
#show-imageCarousel.modal-wrap.active .modal-contentWrap,
#modal-sidebarCarousel.modal-wrap.active .modal-contentWrap,
#modal-sidebarCarouselA.modal-wrap.active .modal-contentWrap {
    padding: 16px;
}

.modal-content {
    text-align: left;
}

#pageAssocImagesCarousel,
#showAssocImagesCarousel {
    /*width: 720px;*/
}

#page-imageCarousel.modal-wrap.active .modal-contentWrap,
#show-imageCarousel.modal-wrap.active .modal-contentWrap,
#costume-imageCarousel.modal-wrap.active .modal-contentWrap,
#setDesigns-imageCarousel.modal-wrap.active .modal-contentWrap,
#modal-sidebarCarousel.modal-wrap.active .modal-contentWrap,
#modal-sidebarCarouselA.modal-wrap.active .modal-contentWrap {
    padding: 16px;
}

.modal-content {
    text-align: left;
}

#pageAssocImagesCarousel,
#showAssocImagesCarousel {
    /*width: 720px;*/
}

#pageAssocImagesCarouselController,
#showAssocImagesCarouselController,
#modal-sidebarCarouselAController {
    margin-top: 16px;
}

#pageAssocImagesCarousel li,
#eventCarousel li,
#modal-sidebarCarouselA li,
#showAssocImagesCarousel li,
#eventCostumeCarousel li, #eventSetDesignsCarousel li{
    width: 100%;
}

#eventCostumeCarousel-nav .item em, #eventSetDesignsCarousel-nav .item em{
    display: none;
}


#modal-sidebarCarousel .modal-contentWrap,
#show-imageCarousel .modal-contentWrap {
    width: 832px;
    max-width: 90%;
}
#costume-imageCarousel .modal-contentWrap, #setDesigns-imageCarousel .modal-contentWrap{
    width: 500px;
    min-width:300px;
}
#modal-sidebarCarousel .modal-contentWrap {
    /* width: 300px; */
}
.carousel li > div {
    margin: 0;
}

#show-imageCarousel li > div,
#costume-imageCarousel  li > div, #setDesigns-imageCarousel  li > div{
    margin: 0;
}

#modal-sidebarCarousel li > a,
#show-imageCarousel li > a,
#costume-imageCarousel li > a,
#setDesigns-imageCarousel li > a{
    font-size: 12px;

    margin: 0;
}
#show-imageCarousel li > a span,
#setDesigns-imageCarousel li > a span,
#costume-imageCarousel li > a span{
    font-weight: 400;

    color: #575757;
}

#eventCarousel,
#modal-sidebarCarouselA {
    font-size: 14px;

    margin-bottom: 1em;
}

#eventCarousel-nav em,
#modal-sidebarCarouselA-nav em {
    display: none;
}

#showAssocImagesCarouselController li > a {
    margin: 0;
}

@media only screen and (max-width: 768px) {
    .event-meta #event-datesTimes .accordion-padded {
        padding: 24px 0 48px 0;
    }
}

@media only screen and (max-width: 568px) {
    #showAssocImagesCarouselController {
        display: none!important;
    }
    .modal-wrap.active .modal-contentWrap {
        max-height: 80%;
    }
    a[href^='#carousel-button'] {
        padding: 8.3px 8px;
    }
}

@media only screen and (min-width:569px) and (max-width: 620px) {
    .dateTimeHideDay {
        display: none!important;
    }
}


@media only screen and (max-width: 400px) {
    #eventCarousel-nav,
    #modal-sidebarCarouselA-nav {
        max-height: 0;
    }
}
.recommendedBy {
    padding: 1em 1em 2em 1em ;

    background: #F1F1EF;
}

#carousel_recommended {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
}
#carousel_recommended li {
    width: 100%;
}
#carousel_recommended li > div {
    margin: 0 22px;
}
#carousel_recommended li .btn-wrap {
    position: relative;
    bottom: 0;
    left: 0;

    padding: 0;
}
#carousel_recommended .carousel-button-wrapper {
    top: 120px;
}
#carousel_recommended ul > li {
    padding: 0 20px;
}
#carousel_recommended .img-holder {
    border-radius: 50% 50% 0 0 / 66.67% 66.67% 0 0; /* Top curve */
}

.modal-close {
    font-size: 30px;

    color: #B3B3B3;
    border-color: transparent;
    background-color: transparent;
}

.review-stars {
    margin-top: -9px;
    margin-bottom: 9px;
}
.review-stars svg {
    width: 100px;
    height: 18px;
}

/*-------------------------------------------------------*/
/*- DETAIL (WITH ACCORDION)                             -*/
/*-------------------------------------------------------*/
/* e.g. Young People and Education */
.detail_accordion .page-header {
    margin-bottom: 2em;
}

/*-------------------------------------------------------*/
/*- Download Files                                      -*/
/*-------------------------------------------------------*/

.downloads-title h1,
.downloads-title h2,
.downloads-title h3 {
    font-size: 14px;
    line-height: 14px;

    display: block;

    margin: 0;
    padding: 8px 16px;

    text-transform: uppercase;

    color: #575756;
    border-bottom: 2px solid #FFFFFF;
    background: #F5F5F5;
}

.downloads-wrap {
    padding: 8px 16px;
}

ul.files {
    margin: 0;
    padding: 0;

    list-style: none;
}

ul.files a {
    font-size: 14px;
    font-weight: 400;
}

/*-------------------------------------------------------*/
/*- Our Supporters                                      -*/
/*-------------------------------------------------------*/
.oursupporters.level3 .flex-parent > .block {
    -ms-flex-preferred-size: 20%;
    -webkit-flex-basis: 20%;
    flex-basis: 20%;
}

.ie9 .oursupporters.level3 #main > .block {
    width: 20%;
}
.ie11 .oursupporters.level3 #main.flex-parent > .block {
    max-width: 20%;

    flex-basis: 15%;
}

.oursupporters .contentBlock.block {
    padding: 64px 32px;
}

.oursupporters .contentBlock.block:after {
    right: calc(-400% + 32px);
}

.oursupporters .contentBlock.block:nth-child(3n+1):before,
.oursupporters .contentBlock.block:nth-child(3n+1):after {
    display: none;
}
.oursupporters .contentBlock.block:nth-child(5n+1):before,
.oursupporters .contentBlock.block:nth-child(5n+1):after {
    display: block;
}
.oursupporters .contentBlock.block:nth-child(1):before,
.oursupporters .contentBlock.block:nth-child(1):after {
    display: block;
}

.oursupporters .contentBlock .img-holder {
    border-radius: 0;
    background: none;
}
.oursupporters .contentBlock:hover .img-holder {
    border-radius: 0;
    background: none;
}
.oursupporters .contentBlock-heading {
    font-size: 16px;
    font-weight: 400;

    text-align: center;
}

@media only screen and (max-width: 1000px) {
    .oursupporters .contentBlock.block:nth-child(5n+1):before,
    .oursupporters .contentBlock.block:nth-child(5n+1):after,
    .oursupporters .contentBlock.block:nth-child(2n+1):before,
    .oursupporters .contentBlock.block:nth-child(2n+1):after {
        display: none;
    }
    .oursupporters .contentBlock.block:nth-child(4n+1):before,
    .oursupporters .contentBlock.block:nth-child(4n+1):after {
        display: block;
    }
    .oursupporters .contentBlock.block:nth-child(1):before,
    .oursupporters .contentBlock.block:nth-child(1):after {
        display: block;
    }
    .oursupporters.level3 .flex-parent > .block {
        -ms-flex-preferred-size: 25%;
        -webkit-flex-basis: 25%;
        flex-basis: 25%;
    }
    .ie11 .oursupporters.level3 #main.flex-parent > .block {
        max-width: 25%;

        flex-basis: 22%;
    }
    .oursupporters .contentBlock.block:after {
        right: calc(-300% + 32px);
    }
    .oursupporters .contentBlock.block:before {
        left: 32px;
    }
}
@media only screen and (max-width: 800px) {
    .oursupporters .contentBlock.block:nth-child(4n+1):before,
    .oursupporters .contentBlock.block:nth-child(4n+1):after {
        display: none;
    }
    .oursupporters .contentBlock.block:nth-child(3n+1):before,
    .oursupporters .contentBlock.block:nth-child(3n+1):after {
        display: block;
    }
    .oursupporters .contentBlock.block:nth-child(1):before,
    .oursupporters .contentBlock.block:nth-child(1):after {
        display: block;
    }
    .oursupporters.level3 .flex-parent > .block {
        -ms-flex-preferred-size: 33.333334%;
        -webkit-flex-basis: 33.333334%;
        flex-basis: 33.333334%;
    }
    .oursupporters .contentBlock.block:after {
        right: calc(-200% + 32px);
    }
    /* .oursupporters .contentBlock.block:before {
        left:32px;
    } */
    .ie11 .oursupporters.level3 #main.flex-parent > .block {
        max-width: 33%;

        flex-basis: 26%;
    }
}

@media only screen and (max-width: 768px) {
    .oursupporters .contentBlock.block:after {
        right: calc(-200% + 16px);
    }
    .oursupporters .contentBlock.block:before {
        left: 16px;
    }
}

@media only screen and (max-width: 599px) {
    .oursupporters .contentBlock.block:nth-child(4n+1):before,
    .oursupporters .contentBlock.block:nth-child(4n+1):after {
        display: none;
    }
    .oursupporters .contentBlock.block:nth-child(3n+1):before,
    .oursupporters .contentBlock.block:nth-child(3n+1):after {
        display: none;
    }
    .oursupporters .contentBlock.block:nth-child(2n+1):before,
    .oursupporters .contentBlock.block:nth-child(2n+1):after {
        display: block;
    }
    .oursupporters .contentBlock.block:nth-child(1):before,
    .oursupporters .contentBlock.block:nth-child(1):after {
        display: block;
    }
    .oursupporters.level3 .flex-parent > .block {
        -ms-flex-preferred-size: 50%;
        -webkit-flex-basis: 50%;
        flex-basis: 50%;
    }
    .ie11 .oursupporters.level3 #main.flex-parent > .block {
        max-width: 50%;

        flex-basis: 46%;
    }
    .oursupporters .contentBlock.block:after {
        right: calc(-100% + 32px);
    }
    /* .oursupporters .contentBlock.block:before {
        left:32px;
    } */
}

@media only screen and (max-width: 568px) {
    .oursupporters .contentBlock.block {
        padding-bottom: 32px!important;
    }
    .oursupporters .contentBlock.block:after,
    .creativeDevelopment .contentBlock.block:first-child:after {
        right: 8px;
        left: 44px;
    }
    .oursupporters .contentBlock.block:after {
        right: 8px;
        /* width:100%; */
    }
    .oursupporters .contentBlock.block:nth-child(2n+1):before,
    .oursupporters .contentBlock.block:nth-child(2n+1):after {
        display: none;
    }
    .oursupporters .contentBlock.block:before,
    .oursupporters .contentBlock.block:after {
        display: none;
    }
    .oursupporters .contentBlock.block:first-child:before,
    .oursupporters .contentBlock.block:first-child:after {
        display: block;
    }

    .oursupporters.level3 .flex-parent > .block {
        -ms-flex-preferred-size: 100%;
        -webkit-flex-basis: 100%;
        flex-basis: 100%;
    }
    .ie11 .oursupporters.level3 #main.flex-parent > .block {
        max-width: 100%;

        flex-basis: 100%;
    }
}

/*-------------------------------------------------------*/
/*- Person                                              -*/
/*-------------------------------------------------------*/
.person-image {
    width: 100%;
}
.person-image img {
    width: 100%;
    margin-bottom: 5%;

    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
}
.person-name {
    font-weight: 700;
}
.person-role {
    font-size: 14px;
    font-weight: 300;
    line-height: 21px;
}

/*-------------------------------------------------------*/
/*- Performers                                          -*/
/*-------------------------------------------------------*/
.performers .contentBlock.block {
    padding: 32px;

    -webkit-flex: 0 1 25%;
}

.performers .performerName {
    font-size: 1.5em;

    margin: .83em 0;
}
#performer {
    max-width: 800px;
    padding-right: 0;

    text-align: left;
}

#performer .image-holder.block {
    flex: 1 1 33.33%;
}

#performer .image-holder.block + .block {
    padding-right: 0;

    -webkit-flex-basis: 66.66%;
    -ms-flex-preferred-size: 66.66%;
    flex-basis: 66.66%;
}

#performer .block h2 {
    padding: 8px 32px 8px 16px;

    background: #F5F5F5;
}


.bio-block {
    display: inline-block;

    padding-right: 32px;
    padding-left: 16px;
}



.atozSearch {
    display: block;

    width: 100%;
    padding: 0 32px;
}

.atozSearch li {
    display: inline-block;

    padding: 0 8px;
}

@media only screen and (max-width: 767px) {
    .performers .contentBlock.block {
        -webkit-flex: 0 1 50%;
    }
}

@media only screen and (max-width: 686px) {
    #performer {
        padding-right: 16px;
    }
    #performer .image-holder.block {
        padding: 8px;
    }
    #performer .image-holder.block + .block {
        padding: 8px;
    }
    #performer .block h2 {
        padding: 8px 16px;
    }
    .bio-block {
        padding: 8px;
    }
}

@media only screen and (max-width: 568px) {
    #performer {
        padding-right: 4px;
    }

    .performers .contentBlock.block {
        -webkit-flex: 1 1 100%;
    }

    #performer .image-holder.block {
        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .performers .performerName {
        bottom: 8px;

        padding: 0 0 0 90px;
    }
}

/*-------------------------------------------------------*/
/*- VIDEOS                                              -*/
/*-------------------------------------------------------*/
.video-wrap {
    position: relative;

    width: 100%;
    height: auto;
    padding-bottom: 56.25%;

    border-bottom: 2px solid #FFFFFF;
}
.video-wrap iframe {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;
}

/*-------------------------------------------------------*/
/*- IMAGE FADER                                         -*/
/*-------------------------------------------------------*/

.show-image > a {
    display: inline-block;
}

.show-image .images {
    position: absolute;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;

    margin: 0;
    padding: 0;

    list-style: none;
}
.show-image .images li {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 0;

    transition: all 1s ease 0s;

    opacity: 0;
}
.show-image .images li[data-state='is-visible'] {
    z-index: 1;

    opacity: 1;
}
.show-image img {
    /*height: 100%;*/
    /* max-height: 342px; */
    /* border-radius: 25% 0 0 25% /50% 0 0 50%; */
    border-radius: 31% 0 0 31% /50% 0 0 50%;
}
.show-image .images li em {
    display: none;
}

@media only screen and (max-width: 768px) {
    .show-image .images {
        top: 8px;
        right: 8px;
        bottom: 8px;
        left: 8px;
    }
}

/*-------------------------------------------------------*/
/*- jPlayer                                             -*/
/*-------------------------------------------------------*/
.js .audio2jplayer {
    display: none;
}
.no-js .jp-jplayer,
.no-js .jp-audio {
    display: none;
}


/*-------------------------------------------------------*/
/*- Buy Memberships                                     -*/
/*-------------------------------------------------------*/

.buyMemberships #main .block {
    max-width: 600px;
}
.ie9 .buyMemberships #main .block {
    width: 600px;
}

.buyMemberships .img-holder {
    width: 85px;
    height: 85px;
    margin-bottom: 1em;
}

/*-------------------------------------------------------*/
/*- Buy                                                 -*/
/*-------------------------------------------------------*/
.buy #sectionNav .flex-fluid {
    padding: 0;
}
.seatPickerPage #sectionNav .flex-fluid,
.buy .sectionNav-block,
.ie9 .buy .sectionNav-block {
    display: none;
}
.buy .page-heading + span {
    font-weight: 500;

    display: inline-block;

    margin-bottom: 1.5em;
}

.basket #carousel_memberships {
    top: 0;
}

/*-------------------------------------------------------*/
/*- Basket                                              -*/
/*-------------------------------------------------------*/

::-webkit-input-placeholder {
    color: #929497;
}
::-moz-placeholder {
    color: #929497;
}
:-ms-input-placeholder {
    color: #929497;
}
:placeholder-shown {
    color: #929497;
}

input[class*='btn-'], a[class*='btn-'] {
    padding: 8px 20px;
}
input.btn-cta,
a.btn-cta {
    color: #FFFFFF;
}

.basket-marketing-message{
    background: #FEC340;
    padding: 20px 0;
    color:#ffffff;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
}

.basket #sectionNav .flex-fluid {
    display: none;
}

.basket input[class*='btn'],
.basket a[class*='btn'] {
    float: none;

    margin-top: 0;
}

.note {
    overflow: hidden;

    height: 0;
    padding: 0;

    text-align: center;

    border-bottom: 0;
    background-color: transparent;
}

.note p {
    margin: 0;
}

.active-note {
    height: auto;
    padding: 0;
}

.note .content-padding {
    padding: 16px 32px;

    border-bottom: 1px solid #EAEBE8;
    background-color: #EAEBE8;
}

.ticket-extras {
    font-size: 20px;
}

.ticket-extras span {
    text-transform: uppercase;
}

.ticket-extras:before,
.checkout-table .extras-title:before {
    position: absolute;

    display: inline-block;
    /*left:16px;*/

    width: 0;
    height: 0;
    margin-right: 0;

    content: '';

    background: transparent;
}

.ticket-titleBlock {
    margin-bottom: 4px;
    padding: 48px 0 16px 0;

    border-bottom: 1px solid #EAEBE8;
}

.page-titleBlock {
    border: 0;
}

.ticket-titleBlocks {
    display: block;

    padding: 8px 0;

    vertical-align: middle;

    position: relative;
}
.ticket-title {
    display: inline-block;

    margin-right: 32px;

    vertical-align: middle;
}
.ticket-title h1 {
    font-size: 36px;

    margin: 0;
}

.ticket-title h2 {
    font-size: 30px;
    line-height: 34px;

    margin: 0;

    text-transform: uppercase;
}
.ticket-titleBlocks .hall-logo {
    display: inline-block;

    max-height: 30px;

    vertical-align: middle;
}

.ticket-titleBlocks .hall-logo img {
    height: 30px;
}

.ticket-date,
.ticket-venue {
    display: inline-block;
}

.table {
    display: table;

    width: 100%;

    border-collapse: collapse;
}
.thead {
    display: table-header-group;
}
.tbody {
    display: table-row-group;
}
.tr {
    display: table-row;

    width: 100%;
}
.th {
    font-weight: bold;

    display: table-cell;
}
.td {
    display: table-cell;

    vertical-align: middle;
}

.no-width {
    width: 0;
    padding: 0!important;
}

.table-flow .table {
    width: 100%;
    margin: 4px 0;
}

.table-flow .th {
    padding: 16px 8px;

    text-align: left;
}

.table-flow .tr {
    border-bottom: 1px solid #E3E5E2;
}
.td {
    padding: 16px 8px;
}

.tr .th:first-of-type,
.tr .td:first-of-type {
    padding-left: 32px;
}

.tr .th:last-of-type,
.tr .td:last-of-type {
    padding-right: 32px;
}

.removeItem {
    width: 14px;
    height: 14px;
    margin-left: 1.1em;
    margin-right: 3px;
    position: relative;
    top: -2px;
}

.ticket-editSeat{
    font-size: 12px;
    line-height: 24px;
    text-align: right;
    color: #575757;

}

.ticket-editSeat a{
    color: #575757;
    font-weight: 300;
}

.editSeat{
    width: 20px;
    height: 20px;
    margin-left: 1em;
}


.ticket-remove-all-seats{
    position: absolute;
    right: 0;
    font-size: 12px;
    line-height: 24px;
    color: #575757;
    top: 50%;
    margin-top: -10px;
}

@media only screen and (max-width: 568px) {
    .ticket-remove-all-seats{
        position: relative;
        right: auto;
        top: 0;
        margin-top: 0;
    }
}

.ticket-remove-all-seats a{
    color: #575757;
    font-weight: 300;
}

.ticket-removeRow {
    width: 5%;
}

.basket-stripe {
    background-color: rgba(234,235,232,.4);
}

.extras-icon {
    position: relative;

    display: block;

    width: 16px;
    height: 16px;

    background: transparent url(../img/extras.svg) center center no-repeat;
    background-size: 100%;
}

.extras-title span {
    display: inline-block;

    width: 95%;
    padding-left: 8px;

    vertical-align: middle;
}

.extras-title span.extras-icon {
    width: 5%;
    max-width: 16px;
    height: 32px;
}

.ticket-fullPrice,
.extras-price,
.checkout-fullPrice {
    width: 80px;
}

.checkout-fullPrice {
    font-size: 20px;
    font-weight: 700;
}

.ticket-table .th.seat-info,
.add-coupon.td {
    width: 20%;
}

.extras-buttons {
    width: 25%;
}

.extras-title {
    width: 45%;
}

.charity-table .thead .tr,
.voucher-table .thead .tr {
    border: 0;
}
.charity-table .thead .tr .th,
.voucher-table .thead .tr .th {
    padding-bottom: 0;
}
.charity-table .tbody .tr .td,
.voucher-table .tbody .tr .td,
.memberships-table .tbody .tr .td {
    padding-top: 0;
}
/* Hide .table headers (but not display: none;, for accessibility) */
.coupon-table .thead .tr,
.checkout-table .thead .tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.coupon-table input {
    text-align: center;
}

.numbers-row {
    display: block;
}

.numbers-row input,
.numbers-row .button {
    display: inline-block;

    width: 32px;

    text-align: center;
}

.numbers-row .button {
    font-weight: bold;

    width: 16px;

    cursor: pointer;
}

.merch {
    display: block;

    margin-top: -4px;
    padding: 8px 32px;

    background: rgba(234,235,232,.4);
}

#merch .merch-submit {
    position: relative;
    bottom: 0;
    left: 0;

    margin-top: 32px;
    margin-bottom: 16px;
}

#merch.carousel li {
    width: 20%;
}

#merch .carousel-button-wrapper {
    position: relative;

    width: 100%;
    height: auto;
    padding: 16px 0;

    text-align: right;
}

#merch a[href^='#carousel-button'] {
    position: relative;
    /*     -webkit-transform: translate(0,0);
        -ms-transform: translate(0,0);
            transform: translate(0,0); */

    color: #FFFFFF;
    background-color: #FEC340;
    /* background-image: url(../img/nextWhite.svg); */
}

#merch a[href^='#carousel-button-prev'] {
    /* background-image: url(../img/prevWhite.svg); */
}

/*a[href^="#carousel-button"].frozen {
    height:0;
    padding:0;
}*/



.merch-title {
    font-size: 16px;

    margin-bottom: 0;
    padding: 16px 0;

    border-bottom: 0;
}

.merch-title + form {
    padding-top: 16px;

    border-top: 1px solid #E3E5E2;
}

.show-title {
    font-weight: 600;

    display: block;
}

.merch-cost {
    font-size: 0;
}
.merch-cost > div {
    font-size: 16px;

    display: inline-block;

    width: 50%;
}

.memberships {
    margin-top: 4px;
    margin-bottom: 4px;
    /* border-top: 1px solid #E3E5E2; */
    /* border-bottom: 1px solid #E3E5E2; */
}

.memberships .flex-parent .block {
    min-width: 180px;

    -webkit-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    flex-grow: 0;
}
.ie10 .memberships .flex-parent .block {
    -ms-flex-direction: column;
}

.membership-title {
    padding: 16px 32px;
}
.membership-icon {
    display: inline-block;

    width: 85px;
}

.nameSeats {
    margin-top: 4px;
    margin-bottom: 4px;

    border-top: 1px solid #E3E5E2;
    border-bottom: 1px solid #E3E5E2;
    /* background: rgba(234,235,232,.4); */
}

.nameSeats .block {
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;
}
.ie9 .nameSeats .block {
    width: 50%;
}
.nameSeats .merch-title,
.nameSeats .merch-submit {
    position: relative;
}
.ie9 .nameSeats div {
    vertical-align: top;
}
.ie9 .nameSeats .merch-title {
    width: 65%;
}
.nameSeats .merch-price,
.nameSeats .merch-submit {
    bottom: auto;
    left: auto;

    display: block;
}

.nameSeats .merch-submit {
    margin-top: 1em;
}

.nameSeats .membership-icon {
    display: inline-block;

    width: 134px;

    vertical-align: middle;
}

.nameSeats .merch-title {
    display: inline-block;

    padding: 0 0 0 16px;

    vertical-align: middle;

    border: 0;

    -webkit-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
}

.nameSeats .merch-cost {
    margin-top: 32px;
}

.ie11 .memberships .flex-parent .block {
    flex: 1 1 22%;
}
.ie10 .memberships .flex-parent .block {
    -ms-flex-preferred-size: 22%;
}

.membershipsTable .membership-title strong,
.benefitsPackageTable .membership-title strong {
    font-size: 18px;

    padding-bottom: 0;
}

.merch-cost .numbers-row {
    text-align: right;
}

.merch-title + form {
    font-size: 0;

    vertical-align: middle;
}

.merch-cost,
.merch-submit {
    vertical-align: middle;
}

.merch-submit {
    position: absolute;
    bottom: 16px;
    left: 16px;
}

.renew {
    display: block;

    width: 26px;
    height: 26px;
}

.benefitsPackageTable {
    background-color: rgba(18,104,179,.1);
}


/*Form Style*/

a.btn-cta.btn-continue,
    /* a.btn-cta-two.btn-checkout, */
a.btn-blog {
    padding: 8px 16px;
    /*margin-left:8px;*/
}

a.btn-cta-two.btn-checkout {
    padding: 12px 20px;
}

a[class*='btn-'] + a[class*='btn-continue'], a.btn-blog + a.btn-blog {
    margin-left: 8px;
}

.input_select select,
.input_select_inline select {
    max-width: 600px;
    padding: 2px 40px 2px 6px;
    /*border: 1px solid #929497;*/
    /*border-radius: 0;*/
}
.input_select_inline select {
    background: url('../img/select_dark.svg') no-repeat 100% 50%;
    background-color: #EAEBE8;
    background-size: auto 27px;
}
.ie11 .input_select_inline select {
    background: url('../img/select_dark.png') no-repeat 100% 50%;
    background-color: #EAEBE8;
    background-size: auto 27px;
}

.basket .input_select_inline select {
    max-width: 200px;
    margin-bottom: 0;
}

body select {
    line-height: 23px;
}


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

.ie9 select {
    padding-right: 6px;

    background: #EAEBE8;
}

.ticket label,
.upsell label {
    display: none;
}

.input_submit {
    margin: 0;
}

[class^='input_'] {
    margin: 0;
}

.memberships .merch-title + form {
    font-size: 0;
}

.memberships .block {
    position: relative;

    padding-bottom: 64px;
}

.checkout {
    padding: 16px 0 32px;
}

.checkout-table .td.extras-buttons {
    width: 120px;

    text-align: right;
}

.toggle-icon {
    width: 11px;
    height: 11px;
    margin: 7.5px 6.5px;

    fill: #FFFFFF;
}
.toggle-icon svg {
    display: block;
}
.ison .toggle-icon {
    margin-top: 9px;
    margin-left: 9px;
}

.table-flow .memberships-table {
    margin-bottom: 2em;
}


@media only screen and (max-width: 1024px) {
    body {
        font-size: 14px;
        line-height: 19px;
    }

    .ticket-table .th.seat-info,
    .add-coupon.td {
        width: 15%;
    }

    .extras-buttons {
        width: 20%;
    }

    a[class*='btn'] + a[class*='btn-continue'] {
        margin-top: 8px;
        margin-left: 0;
    }

    #merch.carousel li {
        width: 25%;
    }

    /*         .table-flow .extras-table .td.extras-quantity,
    .table-flow .extras-table .td.extras-price,
    .table-flow .extras-table .td.extras-buttons,
    .table-flow .voucher-table .td.extras-quantity,
    .table-flow .voucher-table .td.extras-price,
    .table-flow .charity-table .td.extras-quantity,
    .table-flow .charity-table .td.extras-price,
    .table-flow .coupon-table .td.extras-quantity,
    .table-flow .coupon-table .td.add-coupon {
        text-align:center;
    } */
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    *[data-hide*=tab-wide] {
        display: none!important;
    }
}

@media only screen and (min-width: 569px) and (max-width: 768px) {
    *[data-hide*=tab-port] {
        display: none!important;
    }
}

@media only screen and (max-width: 960px) {
    .ie11 .memberships .flex-parent .block {
        flex: 1 1 47%;
    }
    .ie10 .memberships .flex-parent .block {
        -ms-flex-preferred-size: 47%;
    }
}

@media only screen and (max-width: 768px) {
    .tr .th:first-of-type,
    .tr .td:first-of-type {
        padding-left: 16px;
    }


    .tr .th:last-of-type,
    .tr .td:last-of-type {
        padding-right: 16px;
    }


    .ticket-table .th.seat-info {
        width: 80px;

        text-align: center;
    }

    .ticket-table .th.seat-info span {
        font-size: 0;

        display: inline-block;

        width: 32px;
        height: 32px;

        background: transparent url(../img/info.svg) center center no-repeat;
    }

    #merch.carousel li {
        width: 33.33%;
    }

    .memberships .flex-parent .block {
        min-width: 200px;
        margin-bottom: 16px;

        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }

    .membership-icon {
        float: left;

        margin-right: 16px;
    }
    .memberships .merch-title {
        padding-top: 0;
    }

    .memberships .merch-title + form {
        float: left;
        clear: both;

        width: 100%;
        margin-top: 16px;
    }

    .membership-title {
        padding: 16px;
    }

    .merch-submit {
        left: 8px;
    }
    .extras-title {
        width: 36%;
    }
}

@media only screen and (max-width: 568px) {
    a.btn-cta-two.btn-checkout {
        padding: 8px 16px;
    }

    /* Force .table to not be like .tables anymore */
    .table-flow .table,
    .table-flow .thead,
    .table-flow .tbody,
    .table-flow .th,
    .table-flow .td,
    .table-flow .tr {
        display: block;
    }

    /* Hide .table headers (but not display: none;, for accessibility) */
    .table-flow .thead .tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .table-flow .extras-table .thead .tr,
    .table-flow .charity-table .thead .tr,
    .table-flow .voucher-table .thead .tr,
    .table-flow .memberships-table .thead .tr {
        position: relative;
        top: auto;
        left: auto;
    }

    .table-flow .extras-table .thead .tr .th,
    .table-flow .charity-table .thead .tr .th,
    .table-flow .voucher-table .thead .tr .th,
    .table-flow .memberships-table .thead .tr .th {
        display: none;
    }

    .table-flow .extras-table .thead .tr .th.ticket-extras,
    .table-flow .charity-table .thead .tr .th.ticket-extras,
    .table-flow .voucher-table .thead .tr .th.ticket-extras,
    .table-flow .memberships-table .thead .tr .th.ticket-extras {
        display: block;

        width: 100%;
    }

    .table-flow .tr {
        position: relative;
    }

    .ticket-table .tr,
    .memberships-table .tr {
        padding-top: 32px;
    }

    .table-flow .memberships-table .tr .td:first-of-type,
    .table-flow .ticket-table .tr .td:first-of-type {
        padding-left: 40%;
    }

    .table-flow .td {
        /*border-bottom: 1px solid #eee;*/
        position: relative;

        min-height: 32px;
        padding: 8px 8px 8px 40%;
        /* Behave  like a "row" */

        border: none;
    }

    .table-flow .td.empty {
        display: inline-block;

        width: 0!important;
        height: 0!important;
        min-height: 0;
        margin: 0!important;
        padding: 0!important;
    }

    .table-flow .charity-table .td,
    .table-flow .extras-table .td,
    .table-flow .voucher-table .td,
    .table-flow .coupon-table .td {
        padding-left: 8px;
    }

    .table-flow .extras-table .td.extras-quantity,
    .table-flow .extras-table .td.extras-price,
    .table-flow .extras-table .td.extras-buttons,
    .table-flow .voucher-table .td.extras-quantity,
    .table-flow .voucher-table .td.extras-price,
    .table-flow .charity-table .td.extras-quantity,
    .table-flow .charity-table .td.extras-price,
    .table-flow .coupon-table .td.extras-quantity,
    .table-flow .coupon-table .td.add-coupon {
        display: inline-block;

        width: 49%;
    }

    .table-flow .extras-table .td.extras-buttons,
    .table-flow .extras-table .td.extras-quantity + .td.extras-quantity,
    .table-flow .voucher-table .td.extras-price,
    .table-flow .charity-table .td.extras-price,
    .table-flow .coupon-table .td.add-coupon {
        text-align: right;
    }

    .table-flow .extras-table .td.extras-quantity.numbers,
    .table-flow .charity-table .td.add-coupon,
    .table-flow .voucher-table .td.add-coupon {
        width: 100%;

        text-align: right;
    }

    .table-flow .extras-table .td.extras-quantity.numbers + .td.extras-quantity {
        width: 0;
        padding: 0;
    }

    .table-flow .td [class^='input_'] {
        padding-right: 0;
    }

    .table-flow .td.extras-title {
        width: 100%;
        padding-left: 8px;
    }

    .extras-title span {
        padding-left: 0;
    }
    .extras-title span.extras-icon {
        display: none;
    }

    .table-flow .td:before {
        /* Now like a .table header */
        position: absolute;
        /* Top/left values mimic padding */
        /*top: 6px;*/
        left: 8px;

        width: 40%;
        padding-right: 10px;

        content: attr(data-label);
        white-space: nowrap;
    }


    .table-flow .charity-table .td:before,
    .table-flow .extras-table .td:before,
    .table-flow .voucher-table .td:before,
    .table-flow .coupon-table .td:before {
        display: none;

        content: '';
    }

    .table-flow .td.ticket-seatInfo:before {
        /*height: 32px;*/
        /*content: '';*/
        /*background: transparent url(../img/info.svg) left center no-repeat;*/
    }

    .table-flow .tbody .tr:hover .td,
    .table-flow .table .tbody .tr:nth-of-type(2n):hover .td {
        /*background-color: #FAFAFA;*/
        background-color: transparent;
    }

    .table-flow .tbody .tr .td:hover,
    .table-flow .table .tbody .tr:nth-of-type(2n) .td:hover {
        /*background-color: #F3F7EF;*/
        background-color: transparent;
    }

    .tr .th:first-of-type,
    .tr .td:first-of-type {
        width: 100%;
        padding-left: 8px;
        /*margin-top:32px;*/
    }

    .tr .td:first-of-type {
        /*padding-left: 40%;*/
    }

    .extras-table .tr .td:first-of-type {
        padding-left: 8px;
    }


    .tr .th:last-of-type,
    .tr .td:last-of-type {
        padding-right: 8px;
    }

    .ticket-removeRow,
    .ticket-fullPrice,
    .extras-price,
    .checkout-fullPrice
    .ticket-table .th.seat-info,
    .extras-buttons {
        width: 100%;
    }


    .td.ticket-removeRow {
        /*display: table-header-group;*/
        /*width:100%;*/
        position: absolute;
        top: 0;

        text-align: right;
    }

    .table-flow .charity-table {
        padding-top: 28px;
    }

    .table-flow .charity-table .td.ticket-removeRow {
        top: -50px;
    }

    .extras-table .tbody:before {
        display: none;

        content: '';
    }

    .extras-table .ticket-removeRow {
        display: none;
    }


    .table-flow .checkout-table .tr .td.extras-title {
        padding-left: 42px;
    }

    .checkout-table .extras-title:before {
        width: 28px;
    }


    .checkout-table,
    .checkout-table .tbody,
    .checkout-table .tr {
        position: relative;

        display: block;

        width: 100%;
    }

    .checkout-table .tr {
        padding-top: 32px;
    }


    .checkout-table .td {
        display: inline-block;

        width: 49%!important;
    }

    .checkout-table .td.checkout-fullPrice {
        position: absolute;
        top: 0;

        display: table-header-group;

        width: 100%!important;

        text-align: right;
    }


    .table-flow .memberships-table .tr .td:first-of-type,
    .table-flow .ticket-table .tr .td:first-of-type {
        padding-left: 40%;
    }

    .table-flow .benefits-table .tr .td {
        display: inline-block;

        width: 49%;
        padding-right: 8px;
        padding-left: 8px;
    }

    .table-flow .benefits-table .tr .td.description {
        width: 100%;
    }

    .membership-title {
        padding-right: 8px;
        padding-left: 8px;
    }

    .merch-cost .numbers-row {
        text-align: center;
    }


    .benefitsPackageTable .membership-title span {
        display: block;

        width: 100%;
        margin-top: 16px;
    }

    .merch {
        padding: 8px;
    }

    #merch.carousel li {
        width: 50%;
    }

    .ticket-title {
        width: 100%;
        margin-right: 8px;
        margin-bottom: 16px;
    }

    .merch-cost {
        display: inline-block;

        width: 66%;
    }

    .merch-submit {
        position: static;

        display: inline-block;

        width: 33%;

        text-align: right;
    }
    .nameSeats .merch-submit {
        text-align: left;
    }

    .merch-submit [class^='input_'] {
        padding-right: 0;
    }

    .nameSeats .block {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }


    .nameSeats .membership-icon {
        float: none;
        clear: both;
    }

    .nameSeats .merch-title {
        width: 100%;
        padding-top: 8px;
        padding-left: 0;

        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .nameSeats .merch-cost {
        margin-top: 8px;
        margin-bottom: 32px;
    }

    .basket select,
    .basket .input_select_inline select {
        max-width: 100%;
    }
}

@media only screen and (max-width: 479px) {
    #merch.carousel li {
        width: 100%;
    }

    .memberships .flex-parent .block {
        min-width: 200px;
        margin-bottom: 16px;
        padding: 16px 4px; /* @TODO */

        background-clip: border-box;

        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .memberships .flex-parent .block:nth-child(odd) {
        background-color: rgba(234,235,232,.4);
    }
}

/*-------------------------------------------------------*/
/*- myREP                                               -*/
/*-------------------------------------------------------*/

.myrep input[class*='btn'],
.myrep a[class*='btn'] {
    margin-top: 0;
}

.myrep #sectionNav .flex-fluid {
    display: none;
}

#myrep .welcome {
    margin-bottom: 4px;
    padding-top: 50px;
    padding-bottom: 64px;
    /* background-color: rgba(234,235,232,.4); */
}


#myrep .welcome h1 {
    font-size: 36px;
    line-height: 38px;

    margin-bottom: 32px;
}

#myrep {
    border-top: 1px solid #EAEBE8;
    border-bottom: 1px solid #EAEBE8;
}

.myrep #banner {
    margin-bottom: 4em;
    padding-top: 6em;

    border-top: 7px solid #EAEBE8;
}

.myrep #banner .page-heading {
    /* font-size:36px; */
    /* line-height:48px; */
    margin-bottom: 1em;
}

.flex-parent.mysections {
    position: relative;
    /*margin-bottom: 12px;*/

    padding-top: 32px;
    padding-bottom: 32px;

    border: 0;
    border-top: 1px solid #EAEBE8;
}

.flex-parent.mysections:after {
    position: absolute;
    bottom: -12px;
    left: 0;

    display: block;

    width: 100%;
    height: 8px;

    content: '';

    background: #EAEBE8;
}
.flex-parent.mysections:after {
    display: none;

    margin-bottom: 4px;
}
/* @TODO  Why are we hadding this and givin it a margin? */

.flex-parent.mysections .block {
    width: 33.33%;

    text-align: left;

    color: inherit;

    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
}

.ie11 .flex-parent.mysections .block {
    flex: 1 1 27%;
}
.ie10 .flex-parent.mysections .block {
    -ms-flex-preferred-size: 27%;
    -ms-flex-direction: column;
}

.flex-parent.mysections [class^='my'] {
    text-align: center;

    color: #FFFFFF;
}

.flex-parent.mysections .block h2 {
    font-size: 20px;

    position: relative;

    display: block;

    margin-bottom: 10px;
    padding: 16px;

    background-color: rgba(255,255,255,.16);
}



.flex-parent.mysections .block h2:after {
    position: absolute;
    top: 100%;
    left: 50%;

    width: 0;
    height: 0;
    margin-left: -10px;

    content: ' ';
    pointer-events: none;

    border: solid transparent;
    border-width: 10px;
    border-color: transparent;
    border-top-color: rgba(255,255,255,.16);
}


.flex-parent.mysections .block a {
    font-size: 15px;
    font-weight: 400;

    display: block;

    padding: 16px;

    -webkit-transition: color 300ms ease;
    transition: color 300ms ease;

    color: #FFFFFF;
}

.flex-parent.mysections .block a:hover {
    color: #FEC340;
}

.flex-parent.mysections .block ul {
    margin: 0;
    padding: 0 8px;
}

.flex-parent.mysections .block li {
    position: relative;

    display: inline-block;
}

.flex-parent.mysections .block li + li:before {
    position: absolute;
    top: 50%;
    left: -4px;

    width: 4px;
    height: 4px;
    margin-top: -2px;

    content: '';

    border-radius: 50%;
    background: #FFFFFF;
}

.flex-parent.mysections .block li a {
    padding: 16px 8px;
}

.mytickets {
    background-color: #BF1E74;
}

.mymemberships {
    background-color: #1268B3;
}

.myaccount {
    background-color: #903F98;
}

.flex-parent.subsections [class^='my'] {
    min-width: 190px;
    max-width: 315px;

    text-align: left;
    white-space: nowrap;
}
.flex-parent.subsections .block.reptitle {
    display: flex;
    flex-direction: column;

    justify-content: center;
}
.flex-parent.subsections h1 {
    display: inline-block;

    margin: 0;
}


.flex-parent.subsections .block h2 {
    font-size: 18px;

    margin: 0 20% 0 0;
}

.flex-parent.subsections .block h2:after {
    position: absolute;
    top: 50%;
    left: 100%;

    width: 0;
    height: 0;
    margin-top: -10px;
    margin-left: 0;

    border-top-color: transparent;
    border-left-color: rgba(255,255,255,.16);
}

.myrep .tabbed {
    background-color: #FFFFFF;
}

.myrep .tabbed .contentPadding {
    padding-top: 32px;
    padding-bottom: 32px;
}

.myrep .tabbed > section {
    border: 0;
    border-top: 1px solid #E3E5E2;
}

.myrep .tabbed > ul > li.active > a {
    position: relative;
    z-index: 1;

    margin-top: -3px;
    margin-bottom: -4px;

    border-top: 3px solid white;
    border-right: 1px solid white;
    border-bottom: 5px solid white;
    border-left: 1px solid white;
}
.myrep .tabbed > ul > li.active {
    z-index: 20;
}

.flex-parent.account-nav {
    z-index: 1;

    margin: 0 auto -1px auto;
    padding: 4px 32px;

    background-color: #E3E4E1;
}

.flex-parent.account-nav > li {
    z-index: 1;

    display: inline-block;

    width: 25%;
    margin: 0 -1px 0 0;

    text-align: center;

    -webkit-flex: 1 1 25%;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
}

.ie11 .flex-parent.account-nav > li {
    flex: 1 1 22%;
}
.ie10 .flex-parent.account-nav > li {
    -ms-flex-preferred-size: 22%;
}

.flex-parent.account-nav > li:last-of-type {
    margin-right: 0;
}
.flex-parent.account-nav > li:last-of-type > a {
    padding: 10px 25%;

    border-right: 1px solid #A6A8AB;
}


.flex-parent.account-nav > li > a {
    font-size: 18px;
    font-weight: 400;

    width: 100%;

    opacity: 1;
    color: #5F5A5A;
    /*margin:0 -1px 0 0;*/
    border: 0;
    border-right: 1px solid transparent;
    border-left: 1px solid #A6A8AB;
    border-radius: 0;
    outline: none!important;
    background-color: transparent;
}

form.details,
form.password {
    width: 290px;
}

form.details select,
form.password select {
    margin-bottom: 10px;
}

.tr.current {
    background-color: rgba(18,104,179,.1);
}

.myrep .input_select_inline {
    position: relative;
}
.myrep .input_submit {
    text-align: right;
}

.myrep .input_submit input {
    float: none;
}

.flex-parent.preferences {
    padding: 16px 0;
}
.flex-parent.preferences .input_checkbox {
    width: 33.33%;
    padding: 8px 0 8px 0;

    -webkit-flex: 1 1 33.33%;
    -ms-flex: 1 1 33.33%;
    flex: 1 1 33.33%;
}

.ie11 .flex-parent.preferences .input_checkbox {
    flex: 1 1 27%;
}
.ie10 .flex-parent.preferences .input_checkbox {
    -ms-flex-preferred-size: 27%;
}

.ie9 .flex-parent.preferences .input_checkbox {
    font-size: 16px;

    display: inline-block;
}

.flex-parent.preferences label,
.flex-parent.preferences [class^='input_'] {
    display: inline-block;
}

.flex-parent.preferences .input_submit {
    width: 100%;
    padding-top: 8px;

    text-align: right;

    -webkit-flex: 0 1 100%;
    -ms-flex: 0 1 100%;
    flex: 0 1 100%;
}

.flex-parent.preferences .input_checkbox .focb:before {
    right: auto;
    left: 0;
}

.tabbed .accordion-indicator {
    display: none;
}

.contactPrefs .input_checkbox.yes {
    padding-right: 40%;
}

.contactPrefs .input_checkbox.yes {
    margin-bottom: 64px;
    padding-right: 40%;
}

.contactPrefs .input_checkbox.yes .focb:before {
    right: auto;
    left: 60%;
}

#menu-button #menu-text_myrep,
.myrep #menu-text_main {
    display: none;
}
.myrep #menu-button #menu-text_myrep {
    display: block;
}
#menu-button #menu-text_myrep {
    text-transform: none;
}

.menu-backtomain {
    font-size: 11px;
    font-weight: 400;

    position: absolute;
    top: 26px;

    padding-left: 20px;

    letter-spacing: .2em;
}

.menu-backtomain:before {
    position: absolute;
    top: 50%;
    left: 0;

    display: block;

    width: 0;
    height: 0;
    margin-top: -4px;

    content: '';

    border-width: 6px 7.2px 4px 0;
    border-style: solid;
    border-color: transparent #5F5A5A transparent transparent;
}
.myrep .tabbed form {
    padding-left: 40px;
}
@media only screen and (max-width: 920px) {
    .flex-parent.mysections .block {
        -webkit-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
    }
}
@media only screen and (max-width: 768px) {
    .ie9 .flex-parent.mysections .block {
        width: 100%;
    }

    .flex-parent.subsections .block h2 {
        margin-right: 15%;
    }

    .flex-parent.preferences .input_checkbox {
        width: 50%;
        padding-left: 0;

        -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
        flex: 1 1 50%;
    }

    .ie11 .flex-parent.preferences .input_checkbox {
        flex: 1 1 48%;
    }
    .ie10 .flex-parent.preferences .input_checkbox {
        -ms-flex-preferred-size: 48%;
    }

    .flex-parent.preferences .input_checkbox .focb:before {
        position: absolute;
        top: 4px;
    }

    .contactPrefs .input_checkbox.yes {
        padding-right: 60%;
    }

    .contactPrefs .input_checkbox.yes .focb:before {
        left: 40%;
    }

    .input_checkbox.radio .label > span {
        width: 40%;
    }
    .input_checkbox.radio .label > label {
        width: 18%;
    }
    .input_checkbox.radio .label > label:last-of-type {
        width: 24%;
    }

    .flex-parent.mysections .block li a {
        padding: 16px 4px;
    }

    .flex-parent.mysections .block a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 920px) {
    .mysections .myaccount {
        min-width: 100%;
    }
}

@media only screen and (max-width: 616px) {
    .flex-parent.mysections.subsections .block {
        width: 100%;
        max-width: 100%;

        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .flex-parent.mysections .block {
        -webkit-flex: 1 0 100%;
        -ms-flex: 1 0 100%;
        flex: 1 0 100%;
    }

    .ie11 .flex-parent.mysections.subsections .block {
        flex: 1 1 100%;
    }
    .ie10 .flex-parent.mysections.subsections .block {
        -ms-flex-preferred-size: 100%;
    }

    .flex-parent.subsections .block.reptitle h1 {
        margin: 32px 0;
    }

    .tabbed > ul {
        display: none!important;
    }
    .tabbed > section {
        display: block;

        border: 0;
        background: white;
    }
    .tabbed > section > a {
        font-size: 16px;
        font-weight: 400;

        position: relative;

        display: block;

        padding: 16px 8px;

        text-decoration: none;

        color: #5F5A5A;
        border-bottom: 1px solid #FFFFFF;
        background: #E3E4E1;
    }
    .tabbed > section.active > a {
        color: #FFFFFF;
        background: #6F6F6E;
    }
    .tabbed > section > div {
    }

    .tabbed .accordion-indicator {
        right: 16px;

        display: block;

        margin-top: -14px;
    }

    .tabbed .open .accordion-indicator {
        fill: #6F6F6E;
    }

    /*     .accordion-indicator_open,
    .accordion-indicator_closed {
        margin-top: -11px;
    } */

    .tabbed .open .accordion-indicator {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }


    .tabbed .open .accordion-indicator_open {
        opacity: 1;
    }
    .tabbed .open .accordion-indicator_closed {
        opacity: 0;
    }

    .myrep .tabbed form {
        padding-left: 0;
    }
}

@media only screen and (max-width: 568px) {
    #myrep .welcome {
        padding-top: 24px;
        padding-bottom: 32px;
    }

    #myrep .welcome h1 {
        font-size: 32px;
        line-height: 34px;

        margin-bottom: 24px;
    }

    .myrep #banner {
        padding-top: 2em;
    }

    .myrep #banner .page-heading {
        font-size: 28px;
        line-height: 34px;

        margin-bottom: .5em;
        padding-left: 4px;
    }

    .flex-parent.mysections {
        padding-top: 0;
    }


    .mymembershipsTable .tr .td:first-of-type {
        padding-left: 40%;
    }

    .flex-parent.preferences {
        padding-top: 0;
    }

    .flex-parent.preferences .input_checkbox {
        width: 100%;
        padding-left: 0;

        -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }

    .ie11   .flex-parent.preferences .input_checkbox {
        flex: 1 1 100%;
    }
    .ie10   .flex-parent.preferences .input_checkbox {
        -ms-flex-preferred-size: 100%;
    }

    /*    .flex-parent.preferences .input_checkbox .focb:before {
        position: absolute;
        top:4px;
    }*/

    form.details,
    form.password {
        width: 100%;
    }

    .myrep [class^='input_'] {
        padding-right: 0;
    }

    .contactPrefs .input_checkbox.yes {
        margin-bottom: 32px;
        padding-right: 40px;
        /*padding:8px 0;*/
    }

    .contactPrefs .focb:before {
        position: absolute;
        top: 0;
        left: 0;
    }

    .contactPrefs .input_checkbox.yes .focb:before {
        right: 0;
        left: auto;
    }

    .input_checkbox.radio .label > span {
        width: 100%;
        padding-right: 0;
        padding-bottom: 16px;
    }
    .input_checkbox.radio .label > label {
        width: 33.33%;

        vertical-align: top;
    }
    .input_checkbox.radio .label > label:last-of-type {
        width: 33.33%;
    }
}

/* This block covers for the space removed when the header becomes fixed position */
.myrep .fixedHeader-spacer,
.buy .fixedHeader-spacer,
.basket .fixedHeader-spacer,
.seatPickerPage .fixedHeader-spacer {
    height: 98px;
}

@media only screen and (max-width: 960px) {
    .fixedHeader-spacer {
        height: 98px;
    }
}

@media only screen and (max-width: 768px) {
    .fixedHeader-spacer {
        height: 120px;
    }
    .myrep .fixedHeader-spacer,
    .buy .fixedHeader-spacer,
    .basket .fixedHeader-spacer,
    .seatPickerPage .fixedHeader-spacer {
        /* height: 120px; */
    }
}

@media only screen and (max-width: 568px) {
    .fixedHeader-spacer {
        height: 92px;
    }
    .myrep .fixedHeader-spacer,
    .buy .fixedHeader-spacer,
    .basket .fixedHeader-spacer,
    .seatPickerPage .fixedHeader-spacer {
        /* height: 120px; */
    }
}

/*-------------------------------------------------------*/
/*- Deliver Options                                     -*/
/*-------------------------------------------------------*/

.deliveryOption {
    margin-bottom: 1.5em;
}
.deliveryOption > div {
    display: inline-block;
    /* line-height:50px; */
    /* height:50%; */

    vertical-align: middle;
}

.deliveryOption label {
    margin-bottom: 0;
}

.deliveryOption-icon {
    width: 44px;
    height: 44px;

    fill: #A7A7A7;
}
.deliveryOption-iconWrap {
    width: 15%;
}
.deliveryOption-method {
    width: 55%;
    padding-left: 1em;
}
.deliveryOption-info {
    width: 15%;
}
.deliveryOption-radio {
    width: 13%; /* This should be 15% - the margin from the hidden bits of the toggle are pushing this too big or something */

    text-align: right;
}

.confirmPay .deliveryOption-iconWrap {
    width: 0;
}
.confirmPay .deliveryOption-method {
    width: 65%;
    padding-left: 0;
}
.confirmPay .deliveryOption-info {
    width: 15%;
}
.confirmPay .deliveryOption-radio {
    width: 13%; /* This should be 15% - the margin from the hidden bits of the toggle are pushing this too big or something */

    text-align: right;
}

.confirmPay + .input_checkbox .focb:before {
    right: 10%;
}
/* Fancy toggle (RADIO BUTTON) */
.deliveryOption-radio .onoffswitch {
    position: relative;

    width: 52px!important;

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

.deliveryOption-radio .onoffswitch-checkbox {
    display: none;
}

.deliveryOption-radio label.focb {
    display: none;
}

.deliveryOption-radio .onoffswitch-label {
    display: block;
    overflow: hidden;

    cursor: pointer;

    border: 1px solid #999999;
    border-radius: 25px;
}

.deliveryOption-radio .onoffswitch-inner {
    display: block;

    width: 200%;
    margin-left: -100%;

    -webkit-transition: margin .3s ease-in 0s;
    -moz-transition: margin .3s ease-in 0s;
    -o-transition: margin .3s ease-in 0s;
    transition: margin .3s ease-in 0s;
}
.deliveryOption-radio .onoffswitch .ison,
.deliveryOption-radio .onoffswitch .isoff {
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    line-height: 25px;

    display: block;
    float: left;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 25px;
    padding: 0;

    color: white;
    box-shadow: 0 2px 4px -2px rgba(0,0,0,.3) inset;
}
.deliveryOption-radio .onoffswitch .ison {
    padding-right: 22px;

    text-align: center;

    color: #FFFFFF;
    background-color: #68CF48;
}
.deliveryOption-radio .onoffswitch .isoff {
    padding-left: 22px;

    text-align: center;

    color: #FFFFFF;
    background-color: #C2C2C2;
}
.deliveryOption-radio .onoffswitch-switch {
    position: absolute;
    top: 0;
    right: 26px;
    bottom: 0;

    display: block;

    width: 25px;
    margin: 0;

    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;

    border: 1px solid #999999;
    border-radius: 25px;
    background: #FFFFFF;
}
.onoffswitch-switch {
    box-shadow: 0 5px 5px rgba(117,117,117,.5);
}
.deliveryOption-radio .onoffswitch-switch:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    width: 8px;
    height: 16px;
    margin: auto;

    content: ' ';

    color: rgb(204, 204, 204);
    border: 0 none;
}
.deliveryOption-radio .onoffswitch-switch:before {
    border: 0 none;
}
.deliveryOption-radio .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.deliveryOption-radio .onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0;
}

.infoIcon {
    position: relative;

    width: 20px;
    height: 20px;

    fill: #5F5A5A;
}
.infoIcon:after {
    font-size: 14px;
    line-height: 17px;

    position: absolute;
    z-index: 0;

    display: none;

    width: 300px;
    padding: 5px;

    content: attr(data-text);

    color: #6F6F6E;
    border: 2px solid #6F6F6E;
    border-radius: 5px;
    background: #F4F4F4;
}
.infoIcon:hover:after {
    z-index: 1;

    display: block;
}

@media only screen and (max-width: 568px) {
    .deliveryOption-info {
        width: 32px;
    }
    .deliveryOption + .input_submit input {
        margin-bottom: 3em;
    }
    .confirmPay + .input_checkbox .focb:before {
        right: 0;
    }
}
/*-------------------------------------------------------*/
/*- Learning                                            -*/
/*-------------------------------------------------------*/
.accordion-padded.tabbed {
    padding-top: 0;

    background: #FFFFFF;
}

.accordion-padded.tabbed > ul {
    text-align: right;
}

.accordion-padded.tabbed > ul > li > a {
    color: #575757;
    border-color: #575757;
    border-radius: 0;
}

.accdion-padded.tabbed > ul > li.active > a {
    border-color: #575757;
}

.accordion-padded.tabbed > section {
    border: none;
}

.accordion-padded.tabbed > section > div > div {
    border-bottom: none;
}


/*-------------------------------------------------------*/
/*- Careers                                             -*/
/*-------------------------------------------------------*/
.vacancy-description {
    margin-bottom: 1em;
}

.vacancy-description img {
    width: auto;
}


/*-------------------------------------------------------*/
/*- Resource Pack                                       -*/
/*-------------------------------------------------------*/
.downloadPack {
    font-size: 15px;
    font-weight: 300;

    position: relative;

    display: block;

    margin-top: 1em;
    padding: 10px 14px;

    letter-spacing: .2em;
    text-transform: uppercase;

    color: #595859;
    background: #EAEBE8;
}

.downloadPack-icon {
    position: absolute;
    top: 0;
    right: 0;

    width: 45px;
    padding-left: 5px;

    background-color: #FFFFFF;
}
.ie9 .downloadPack-icon {
    height: 43px;
}
.resourcePacks .contentBlock.block {
    -webkit-flex: 0 1 33.3334%;
    -ms-flex: 0 1 33.3334%;
    flex: 0 1 33.3334%;
}

@media only screen and (max-width: 768px) {
    .resourcePacks .contentBlock.block {
        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }
}

@media only screen and (max-width: 568px) {
    .resourcePacks .contentBlock.block {
        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
}

/*-------------------------------------------------------*/
/*- Creative Development                                -*/
/*-------------------------------------------------------*/
.creativeDevelopment .contentBlock.block {
    -webkit-flex: 0 1 33.3334%;
    -ms-flex: 0 1 33.3334%;
    flex: 0 1 33.3334%;
}

.ie10 .creativeDevelopment .contentBlock.block,
.ie11 .creativeDevelopment .contentBlock.block {
    max-width: 33%;

    flex: 1 1 26%;
}

@media only screen and (max-width: 960px) {
    .creativeDevelopment .contentBlock.block {
        padding-bottom: 48px;

        -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
        flex: 0 1 50%;
    }

    .ie11 .creativeDevelopment .contentBlock.block {
        max-width: 50%;

        flex: 1 1 43%;
    }
}

@media only screen and (max-width: 568px) {
    .creativeDevelopment .contentBlock.block {
        padding-bottom: 32px;

        -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
        flex: 0 1 100%;
    }
    .ie11 .creativeDevelopment .contentBlock.block {
        max-width: 100%;
    }
    .creativeDevelopment .contentBlock.block:first-child {
        padding-top: 50px!important;
    }
    .creativeDevelopment .contentBlock.block:nth-child(2n+1):before {
        left: 4px;
    }
}


/*-------------------------------------------------------*/
/*- News                                                -*/
/*-------------------------------------------------------*/

.section-7 .contentBlock.block {
    padding: 32px;

    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.ie10 .section-7 .contentBlock.block,
.ie11 .section-7 .contentBlock.block {
    max-width: 100%;

    flex-basis: 100%;
}

.news-item > .block.news-image {
    -webkit-flex-basis: 30%;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
}
.news-item > .block.news-meta {
    -webkit-flex-basis: 70%;
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
}
.ie9 .news-item > .block.news-image {
    width: 30%;
}
.ie9 .news-item > .block.news-meta {
    width: 70%;
}
.ie10 .news-item > .block.news-meta,
.ie11 .news-item > .block.news-meta {
    -ms-flex-preferred-size: 62%;
    flex-basis: 62%;
}
.flex-parent > .block.news-meta_main {
    -webkit-flex-basis: 60%;
    -ms-flex-preferred-size: 60%;
    flex-basis: 60%;
}
.ie9 .flex-parent > .block.news-meta_main {
    width: 60%;
}
.ie10 .flex-parent > .block.news-meta_main {
    -ms-flex-direction: column;
}
.flex-parent > .block.news-meta_category {
    text-align: right;
    text-transform: uppercase;

    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
}
.ie9 .flex-parent > .block.news-meta_category {
    width: 39.4%;
}
.ie10 .flex-parent > .block.news-meta_category {
    -ms-flex-pack: end;
}
.section-7 .contentBlock .flex-parent {
    padding: 0;
}
.section-7 .contentBlock .block {
    padding: 0;
}
.section-7 .contentBlock .block.news-meta {
    padding-left: 64px;
}
.news-meta h2 {
    font-weight: 700;

    margin-top: 0;
}
.news-meta {
    font-weight: 300;

    color: #575757;
}

.section-7 .contentBlock:before {
    display: none!important;
}
.section-7 .contentBlock:nth-child(n):after {
    left: 0;

    display: block;

    width: 100%;

    border-bottom: #E6E7E8 solid 1px;
}
.section-7 .contentBlock .contentBlock-date {
    font-weight: 400;

    text-transform: none;

    color: #A6A8AB;
}
.section-5 .filterBar-wrap,
.section-7 .filterBar-wrap {
    width: 500px;
}
/*.contentBlock.block:nth-child(1):before,
.contentBlock.block:nth-child(1):after {
    display: none;

}*/
@media only screen and (max-width: 1024px) {
    .section-7 .contentBlock .block.news-meta {
        padding-left: 24px;
    }
}
@media only screen and (max-width: 830px) {
    .flex-parent > .block.news-meta_category {
        padding-top: 1.5em;

        text-align: left;

        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .news-item > .block.news-image {
        -webkit-flex-basis: 46%;
        -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
    }
    .news-item > .block.news-meta {
        -webkit-flex-basis: 54%;
        -ms-flex-preferred-size: 54%;
        flex-basis: 54%;
    }
}
@media only screen and (max-width: 768px) {
    .section-5 .filterBar-wrap,
    .section-7 .filterBar-wrap {
        width: 100%;
    }
}

@media only screen and (max-width: 568px) {
    .news-item > .block.news-image {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .news-item > .block.news-meta {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .section-7 .contentBlock.block {
        padding: 48px 4px;
    }
    .section-7 .contentBlock .block.news-meta {
        padding-top: 1.5em;
        padding-left: 0;
    }
}

/*-------------------------------------------------------*/
/*- NEWS DETAIL                                         -*/
/*-------------------------------------------------------*/
#alsoIn {
    background: #F4F4F2;
}

/*-------------------------------------------------------*/
/*- GENERAL PAGE                                        -*/
/*-------------------------------------------------------*/
.sidebar-item {
    /* padding: 16px; */
    background: #F1F1EF;
}
.sidebar-title {
    font-size: 16px;
    font-weight: 500;

    letter-spacing: .2em;
}


#event-downloads > div a {
    font-weight: 400;

    color: #575757;
    /* padding-left:48px; */
}
.files li {
    position: relative;

    margin-bottom: .5em;

    vertical-align: middle;
}
.files .downloadPack-icon {
    position: relative;

    display: inline-block;

    width: 24px;
    height: 24px;
    margin-right: 8px;
    margin-left: 0;
    padding-left: 0;

    vertical-align: middle;
}
.fileSize {
    color: #B3B3B3;
}

@media only screen and (max-width: 568px) {
    .page-sidebar {
        margin: 2em 0;
    }
}


/*-------------------------------------------------------*/
/*- LOGIN FORM                                          -*/
/*-------------------------------------------------------*/
/* .login #main.flex-parent {
            flex-direction: column;

    -webkit-flex-direction: column;
        -ms-flex-direction: column;
} */

.login #main.flex-parent > .block {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.ie9 .login #main.flex-parent > .block {
    width: 100%;
}
.ie10 .login #main.flex-parent > .block,
.ie11 .login #main.flex-parent > .block {
    max-width: 100%;
}

.login #main a[href] {
    font-weight: 400;

    text-decoration: underline;

    color: #575757;
}

.login #main a:hover {
    text-decoration: none;
}

.login-form {
    max-width: 600px;
}
.login #main .block {
    padding-top: 88px;
    padding-bottom: 96px;

    border-bottom: 1px solid #E8E8E9;
}
.login #main .block:first-child {
    padding-top: 16px;
}
.login #main .block:last-child {
    border-bottom: 0 none;
}
.forgot {
    position: relative;

    display: inline-block;

    margin-top: 10px;
}

/*-------------------------------------------------------*/
/*- VENTURES                                            -*/
/*-------------------------------------------------------*/

/* LISTING */
.ventures.level2 .page-header {
    color: #575757;
    background-color: transparent;
}
.ventures.level2 .page-heading {
    color: #575757;
}
.ventures.level2 .share-link {
    color: #FFFFFF;

    fill: #FFFFFF;
}

.ventures.level2 .contentBlock.block {
    padding-bottom: 128px;
}

.ventures.level2 #headline .contentBlock.block {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.ie9 .ventures.level2 #headline .contentBlock.block {
    width: 100%;
}
.ie10 .ventures.level2 #headline .contentBlock.block,
.ie11 .ventures.level2 #headline .contentBlock.block {
    min-width: 100%;

    -ms-flex-direction: row;
}
.ie10 .ventures.level2 #headline .contentBlock.block {
    /* display:block; */
}
/* .ie10 .ventures.level2 #headline .contentBlock.block .block{
    -ms-flex-preferred-size:46%;
    max-width:50%;
    -ms-flex-direction:column;
} */
/* .ie10 .ventures.level2 #headline .contentBlock.block .block div,
.ie10 .ventures.level2 #headline .contentBlock.block .block h2{
    -ms-flex-direction:column;
    position:static;
} */
.ventures.level2 #headline .contentBlock.block .block {
    padding-right: 32px;
    padding-left: 0;

    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    -webkit-flex-shrink: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
}
.ie9 .ventures.level2 #headline .contentBlock.block .block {
    width: 49%;
}
.ie10 .ventures.level2 #headline .contentBlock.block .block,
.ie11 .ventures.level2 #headline .contentBlock.block .block {
    max-width: 50%;

    flex-basis: 46%;
}
.ie10 .ventures.level2 #headline .contentBlock.block .block {
    -ms-flex-direction: column;
}

.ventures.level2 #headline .contentBlock.block .block + .block {
    padding-right: 0;
    padding-left: 32px;
}
.ventures.level2 .contentBlock.block:nth-child(2n+1),
.ventures.level2 .contentBlock.block:nth-child(2n+2) {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.ie9 .ventures.level2 .contentBlock.block:nth-child(2n+1),
.ie9 .ventures.level2 .contentBlock.block:nth-child(2n+2) {
    width: 50%;
}
.ie10 .ventures.level2 .contentBlock.block:nth-child(2n+1),
.ie10 .ventures.level2 .contentBlock.block:nth-child(2n+2),
.ie11 .ventures.level2 .contentBlock.block:nth-child(2n+1),
.ie11 .ventures.level2 .contentBlock.block:nth-child(2n+2) {
    max-width: 50%;

    -ms-flex-preferred-size: 46%;
    flex-basis: 46%;
}

.ventures .contentBlock:nth-child(2n+1) .img-holder {
    border-radius: 33.34% 0 0 33.34% /50% 0 0 50%; /* Left Curve */
}
.ventures .contentBlock:nth-child(2n+2) .img-holder {
    border-radius: 0 33.34% 33.34% 0 /0 50% 50% 0; /* Right Curve */
}
.ventures #ventureArchiveBlock .contentBlock:nth-child(6n+2) .img-holder {
    border-radius: 0; /* No Curve */
}

.ventures #main .contentBlock.block:first-child:before,
.ventures #main .contentBlock.block:first-child:after,
.ventures #headline .contentBlock.block:first-child:before,
.ventures #headline .contentBlock.block:first-child:after {
    display: block;
}
.ventures #main .contentBlock.block:first-child:after {
    right: calc(-100% + 32px);
}
.ventures #headline .contentBlock.block:first-child:after {
    right: 32px;
}

.goToArchive {
    text-align: right;
}

.goToArchive a {
    font-size: 11px;

    letter-spacing: .2em;
    text-transform: uppercase;

    color: #575757;
}
.goToArchive a:after {
    position: relative;

    display: inline-block;

    width: 0;
    height: 0;
    margin-left: 1em;

    content: '';

    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 5px solid #575757;
}


#ventureArchiveBlock {
    background: #F4F4F2;
}
#ventureArchiveBlock .contentBlock.block {
    padding-top: 16px;
    padding-bottom: 128px;

    -webkit-flex-basis: 33.333333334%;
    -ms-flex-preferred-size: 33.333333334%;
    flex-basis: 33.333333334%;
}
.ie9 #ventureArchiveBlock .contentBlock.block {
    width: 33.34%;
}
.ie10 #ventureArchiveBlock .contentBlock.block,
.ie11 #ventureArchiveBlock .contentBlock.block {
    max-width: 33%;
}
#ventureArchiveBlock .archive-header h3 {
    font-size: 32px;
    line-height: 32px;

    margin-bottom: 0;
}
#ventureArchiveBlock .archive-header > .block {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.ie9 #ventureArchiveBlock .archive-header > .block {
    width: 50%;
}


/* Archive (most styles taken from News */
.section-5.level3 .contentBlock .img-holder {
    border-radius: 0 33.34% 33.34% 0 /0 50% 50% 0;
}
.section-5.level3 .contentBlock.block {
    padding: 32px;

    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}
.ie9 .section-5.level3 .contentBlock.block {
    width: 100%;
}
.section-5.level3 .contentBlock .flex-parent {
    padding: 0;
}
.section-5.level3 .contentBlock .block {
    padding: 0;
}
.section-5.level3 .contentBlock .block.news-meta {
    padding-left: 64px;
}

.section-5.level3 .contentBlock:before {
    display: none!important;
}
.section-5.level3 .contentBlock:after {
    left: 0;

    display: block;

    width: 100%;

    border-bottom: #E6E7E8 solid 1px;
}
.section-5.level3 .contentBlock .contentBlock-date {
    font-weight: 400;

    text-transform: none;

    color: #A6A8AB;
}
/* .section-5.level3 .filterBar-wrap {
    width: 500px;
} */
/*.contentBlock.block:nth-child(1):before,
.contentBlock.block:nth-child(1):after {
    display: none;

}*/
@media only screen and (max-width: 1024px) {
    .section-5.level3 .contentBlock .block.news-meta {
        padding-left: 24px;
    }
}

@media only screen and (max-width: 960px) {
    .ventures #main .contentBlock.block:first-child:after {
        right: calc(-100% + 16px);
    }
    .ventures #headline .contentBlock.block:first-child:after {
        right: 16px;
    }
    #ventureArchiveBlock .contentBlock.block {
        /* padding-top: 16px; */
        /* padding-bottom: 128px; */
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
    .section-5.level3 .contentBlock.block {
        padding: 32px 16px;
    }
}

@media only screen and (max-width: 830px) {
    /*     .flex-parent > .block.news-meta_category {
        padding-top: 1.5em;

        text-align: left;

        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
    }

    .news-item > .block.news-image {
        -webkit-flex-basis: 46%;
        -ms-flex-preferred-size: 46%;
                flex-basis: 46%;
    }
    .news-item > .block.news-meta {
        -webkit-flex-basis: 54%;
        -ms-flex-preferred-size: 54%;
                flex-basis: 54%;
    } */
}
@media only screen and (max-width: 568px) {
    .ventures.level2 #headline .contentBlock.block .block {
        padding-right: 0;
        padding-left: 0;

        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .ventures.level2 #headline .contentBlock.block .block:first-child {
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
    .ventures.level2 #headline .contentBlock.block .block + .block {
        padding-right: 0;
        padding-left: 0;

        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }

    .ventures.level2 .contentBlock.block:nth-child(2n+1),
    .ventures.level2 .contentBlock.block:nth-child(2n+2) {
        /* padding-top: 16px; */
        /* padding-bottom: 128px; */
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }

    .ventures.level2 #headline .contentBlock.block .block .img-holder,
    .ventures .contentBlock:nth-child(2n+1) .img-holder,
    .ventures .contentBlock:nth-child(2n+2) .img-holder {
        border-radius: 0 33.34% 33.34% 0 /0 50% 50% 0; /* Right Curve */
    }

    #ventureArchiveBlock .contentBlock.block {
        /* padding-top: 16px; */
        /* padding-bottom: 128px; */
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
    .ventures #ventureArchiveBlock .contentBlock:nth-child(n) .img-holder {
        border-radius: 0 33.34% 33.34% 0 /0 50% 50% 0;
    }
    .section-5.level3 .contentBlock .block.news-meta {
        padding-top: 1.5em;
        padding-left: 0;
    }

    .ventures #main .contentBlock.block:first-child:before,
    .ventures #main .contentBlock.block:first-child:after,
    .ventures .contentBlock.block:nth-child(n):after {
        display: none;
    }
    .ventures #headline .contentBlock.block:first-child:before,
    .ventures #headline .contentBlock.block:first-child:after {
        left: 4px;
    }
    .ventures #headline .contentBlock.block:first-child:after {
        right: 4px;
    }
    .goToArchive {
        text-align: left;
    }
    .section-5.level3 .contentBlock.block {
        padding: 32px 4px;
    }
}

/*-------------------------------------------------------*/
/*- GETTING HERE                                        -*/
/*-------------------------------------------------------*/

.notice_paradise {
    font-weight: 400;

    padding: 1em;

    border: 2px solid #FEC340;
    background-color: #F4F4F2;
}
.notice_paradise p:last-child {
    margin-bottom: 0;
}
.gettingHere-icon {
    width: 54px;
    height: 54px;

    fill: #6F6F6E;
}

h2.gettingHere-title,
h3.gettingHere-title {
    font-size: 18px;
    font-weight: 700;

    margin-top: .83em;
}

.block + .block > .gettingHere-type + .gettingHere-type {
    margin-top: 1.6em;
}

.gettingHere #main .block,
.gettingHere .page-header .block {
    padding-right: 32px;
}

.gettingHere #main .block + .block,
.gettingHere .page-header .block + .block {
    padding-right: 16px;
    padding-left: 32px;
}

.gettingHere .page-header .img-holder {
    position: relative;

    -webkit-transform: translateZ(0);
    transform: translateZ(0);

    border-radius: 31% 0 0 31% /50% 0 0 50%;
}

.ie10 .gettingHere .page-header .block .img-holder {
    max-width: 100%;
}

#map1 {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    height: 370px;
    /* border-radius: 26% 0 0 26% /50% 0 0 50%; /* Left Curve */
}

@media only screen and (max-width: 1024px) {
    #map1 {
        height: 268px;
    }
}

@media only screen and (max-width: 768px) {
    .gettingHere #main .block,
    .gettingHere .page-header .block {
        padding-right: 8px;
    }

    .gettingHere #main .block + .block,
    .gettingHere .page-header .block + .block {
        padding-right: 8px;
        padding-left: 8px;
    }
    #map1 {
        height: 216px;
    }
}

@media only screen and (max-width: 568px) {
    .gettingHere #main .block,
    .gettingHere .page-header .block {
        padding: 24px 8px;

        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }

    .gettingHere .page-header {
        padding-top: 0;
    }

    .gettingHere #main .block + .block,
    .gettingHere .page-header .block + .block {
        padding-right: 8px;
        padding-bottom: 18px;
        padding-left: 8px;

        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
    #map1 {
        height: 311px;
    }
}


/*-------------------------------------------------------*/
/*- SEARCH                                              -*/
/*-------------------------------------------------------*/
.searchBox-wrap {
    position: relative;
}

.searchBox-wrap input::-moz-focus-inner {
    margin-top: -1.5px!important;
    margin-bottom: -1.5px!important;
    padding: 0!important;
    /* Dirty dirty Firefox fat button fix - dirty */

    border: 0!important;
}

#wrapper-for-searchbox-side {
    width: 100%;
    margin-bottom: 12px;
    padding-right: 70px;
}

.searchBox-wrap #wrapper-for-submit {
    line-height: normal;

    position: absolute;
    top: 0;
    right: 0;
}
.searchBox-wrap input#submit-side,
.searchBox-wrap input#submit-side_nav {
    line-height: normal;

    margin-top: 0;
    padding-top: 7px;
    padding-bottom: 7px;
}

@-moz-document url-prefix() {
    input#searchBox-side {
        padding-top: 5px;
    }
    .searchBox-wrap input#submit-side,
    .searchBox-wrap input#submit-side_nav {
        padding-top: 9px;
        padding-bottom: 9px;
    }
}

#searchBox-side,
#searchBox-side_nav {
    margin-bottom: 0;
}

.search #main .flex-parent > .block {
    -webkit-flex-basis: 33.333334%;
    -ms-flex-preferred-size: 33.333334%;
    flex-basis: 33.333334%;
}
.search #main .flex-parent > .block + .block {
    -webkit-flex-basis: 66.66666667%;
    -ms-flex-preferred-size: 66.66666667%;
    flex-basis: 66.66666667%;
}

.search .search-results {
    padding: 32px;

    background: #F4F4F2;
}

.search .pagedResults {
    text-align: left;
}

@media only screen and (max-width: 568px) {
    .search #main.flex-parent > .block,
    .search #main.flex-parent > .block + .block {
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

/*-------------------------------------------------------*/
/*- FOOD AND DRINK                                      -*/
/*-------------------------------------------------------*/
.foodAndDrink .show-image {
    max-width: 100%;
}

/*-------------------------------------------------------*/
/*- DONATE                                              -*/
/*-------------------------------------------------------*/

.donate .input_submit {
    padding-bottom: 1em;
}
.donate .input_submit input[type='submit'] {
    float: none;
}

/*-------------------------------------------------------*/
/*- DATEPICKER                                          -*/
/*-------------------------------------------------------*/
.ui-datepicker {
    width: auto;
}
.ui-widget {
    font-family: 'aktiv-grotesk', Helvetica, Helvetica Neue, Arial;
    font-size: 12px;
    font-weight: 400;

    box-sizing: border-box;

    text-transform: uppercase;
}
.ui-widget-header {
    color: #FFFFFF;
    background: #3C3C3B;
}
.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    line-height: 3em;
}
.ui-datepicker .ui-datepicker-header {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;

    padding: 0;

    border-radius: 0;
}
.ui-datepicker .ui-datepicker-header:after {
    position: absolute;
    right: 0;
    bottom: -3.2em;
    left: 0;

    display: block;

    width: 100%;

    content: '';

    border-bottom: 1px #CCCCCC solid;
}
.ui-datepicker {
    padding: 36px 24px 6px 24px;

    border-radius: 0;
}
.ui-datepicker td {
    padding: 0;
}
.ui-datepicker th {
    padding: .7em .3em 1.4em;
}
.ui-datepicker td a {
    padding: .4em .8em;
}
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    text-align: center;

    border: 0 none;
    background: transparent;
}
.ui-state-default:hover,
.ui-widget-content .ui-state-default:hover,
.ui-widget-header .ui-state-default:hover {
    color: #FFFFFF;
    background: #3C3C3B;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    top: 0;

    width: 3em;
    height: 3em;

    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover {
    background: #CCCCCC;
}
.ui-datepicker .ui-datepicker-next {
    right: 0;
}
.ui-datepicker .ui-datepicker-prev .ui-icon,
.ui-datepicker .ui-datepicker-next .ui-icon {
    background: url('../img/icon-right-arrow.svg') transparent center center no-repeat;
}
.ui-datepicker .ui-datepicker-prev {
    left: 0;

    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
/*-------------------------------------------------------*/
/*- IE9                                                 -*/
/*-------------------------------------------------------*/
.ie9 .flex-parent.bounds,
.ie9 .flex-fluid.bounds {
    display: block; /* Standard rest for flex-parent makes it inline-block which is bad for bounds */
}

.ie9 #weAreRep .flex-parent .block {
    display: inline-block;

    width: 50%;
}
.ie9 .flex-fluid,
.ie9 .flex-fluid div {
    display: inline-block;
}
.ie9 .sectionNav-block {
    width: 19.65%;
}
.ie9 .whatsOnNav-block {
    width: 24.6%;
}
.ie9 .flex-parent #footer-nav.block {
    width: 100%;
}
.ie9 #funding .flex-parent > .block {
    width: 33.33333%;
}
.ie9 #funding .flex-parent > .block_share,
.ie9 #funding .flex-parent > .block_mailingList {
    width: 26%;
}
.ie9 #funding .flex-parent > .block_fundingParent {
    width: 48%;
}
.ie9 #funding .flex-parent > .block > .block {
    width: 49.5%;
}
.ie9 #funding .flex-parent > .block > .block_address {
    width: 100%;
}
.ie9 .banner-slide > .banner-a {
    width: 47%;
}
.ie9 .banner-slide > .banner-b {
    width: 52.8%;
}
.ie9 .banner-slide .flex-parent > .block {
    width: 100%;
}
.ie9 .page-header .flex-parent > .block {
    width: 50%;
}
.ie9 .flex-parent .block.contentBlock {
    width: 33.3%;
}

/*-------------------------------------------------------*/
/*- IE10 GLOBAL STYLES                                  -*/
/*-------------------------------------------------------*/

.ie10 .flex-parent .block {
    display: -ms-flexbox;
}

.ie10 #footer-nav {
    -ms-flex-pack: center;
}

.ie10 .page-header .block {
    -ms-flex-direction: column;
}
.ie10 .page-header .block:last-child {
    -ms-flex-align: end;
}

.ie10 .contentBlock-link {
    display: block;

    width: 100%;
}

/*-------------------------------------------------------*/
/*- JPLAYER SKin Overrides                              -*/
/*-------------------------------------------------------*/

.jp-audio .jp-interface {
    height: 60px;
    padding: 0 5%;
}
.jp-interface > div {
    display: inline-block;

    vertical-align: top;
}

.jp-audio-stream .jp-interface {
    height: 60px;
}

.jp-video .jp-interface {
    border-top: 1px solid #009BE3;
}

/* @group CONTROLS */
.jp-controls-holder {
    position: relative;
    top: -8px;

    clear: both;
    overflow: hidden;

    width: 440px;
    margin: 0 auto;
    /* This negative value depends on the size of the text in jp-currentTime and jp-duration */
}

.jp-interface .jp-controls {
    overflow: hidden;

    margin: 0;
    padding: 0;
}

.jp-audio .jp-controls {
    /*width: 380px;*/
    position: relative;
    top: 8px;

    width: 40px;
    padding: 0;
}

.jp-audio-stream .jp-controls {
    left: 0;
}

.jp-controls button {
    display: inline-block;
    float: none;
    overflow: hidden;

    cursor: pointer;
    text-indent: -9999px;

    border: none;
}



.jp-stop,
.jp-previous,
.jp-next {
    width: 28px;
    height: 28px;
    margin-top: 6px;
}

.jp-stop {
    margin-left: 10px;
}

/* @end */
/* @group progress bar */
.jp-progress {
    overflow: hidden;

    background-color: #DDDDDD;
}

.jp-audio .jp-progress {
    position: relative;
    top: 0;

    height: 16px;
}

.jp-audio .jp-type-playlist .jp-progress {
    top: 22px;
    left: 0;

    width: 300px;
    max-width: 60%;
}

.jp-seek-bar {
    width: 0;
    height: 100%;

    cursor: pointer;
    /*background: url("../image/sprite-dark.png") 0 -202px repeat-x;*/

    background: #646464;
}

.jp-play-bar {
    width: 0;
    height: 100%;
    /*background: url("../image/sprite-dark.png") 0 -218px repeat-x;*/

    background: #26AEC0;
}

/* @end */
/* @group volume controls */
.jp-state-no-volume .jp-volume-controls {
    display: none;
}

.jp-volume-controls {
    position: absolute;
    top: 8px;
    /*left: 308px;*/
    right: 5%;

    width: auto;
    padding-right: 12px;
}
@media only screen and (max-width: 568px) {
    .jp-volume-controls {
        display: none; /* You can pause so no need for mute and the volume control will be too fiddly, you can always use phone volume */
    }
}
.jp-audio-stream .jp-volume-controls {
    left: 0;
}

.jp-volume-controls button {
    position: relative;
    top: 0;

    display: inline-block;
    overflow: hidden;

    cursor: pointer;
    text-indent: -9999px;

    border: none;
}



.jp-mute,
.jp-volume-max {
    width: 40px;
    height: 40px;
}

.jp-volume-bar {
    position: relative;
    top: 0;
    left: 0;

    display: inline-block;
    overflow: hidden;

    width: 46px;
    height: 5px;

    cursor: pointer;
    /*background: url("../image/sprite-dark.png") 0 -250px repeat-x;*/

    background: #646464;
}
.jp-volume-bar-value {
    width: 0;
    height: 5px;
    /*background: url("../image/sprite-dark.png") 0 -256px repeat-x;*/

    background: #26AEC0;
}

/* @end */

.jp-jplayer {
    background-color: #000000;
}


.openDay-section{
    z-index: 99999;
    margin-top: 60px;
}

.openDay-section .title{
    /*height: 84px;*/
    text-align: center;
    font-family: 'aktiv-grotesk';
    font-size: 42px;
    font-weight: 300;
    color: #ffffff;
    line-height: 1.15;
}

.openDay-section .summary{

    max-width: 763px;
    opacity: 0.9;
    font-family: 'aktiv-grotesk';
    font-size: 16px;
    line-height: 1.44;
    text-align: center;
    color: #ffffff;
    margin: auto;
}


.openDay-section .summary2 {
    max-width: 763px;

    font-family: 'aktiv-grotesk';
    line-height: 1.44;
    text-align: center;
    color: #ffffff;
    font-size: 35px;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60vh;
    width: 100%;
    /*background: tomato;*/
}

.openDay-section .summary2 .title-first-day {
    /*margin-bottom: 15px;*/
    text-shadow: 0 0 10px #000;
}
.openDay-section .summary2 .subtitle-first-day {
    background: white;
    color: red;

    margin: auto;
    margin-bottom: 40px;
}
.openDay-section .summary2 .no-thank-you {
    margin-top: 25px;
}
.openDay-section .summary2 .share-link span{
    font-size: 20px;
}
.openDay-section .summary2 .share-link svg {
    margin-right: 10px;
    width: 25px;
    height: 25px;
}
.openDay-section .summary2 .share-link svg:hover{
    color: #FFFFFF;
    fill: #FFFFFF;
}
.openDay-section .summary2 .share-link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    fill: #FFFFFF;
}

.openDay-section .summary2 .share-link:hover {
    color: #FFFFFF !important;
    fill: #FFFFFF !important;
}
.openDay-section .summary2 .hashtag{
    font-size: 14px;
    margin-top: 22px;
}
.openDay-section .summary2 .share-title{
    font-size: 20px;
    text-align: center;

}


/*mobile*/
@media only screen and (max-width: 500px) {
.openDay-section .summary2 .block_share{
    margin: 0 8px;
}

.openDay-section .summary2  h2{
    font-size: 35px;
}

}


@media only screen and (max-width: 330px) {
    .openDay-section .summary2 .block_share{
        margin: 0 8px;
    }

    .openDay-section .summary2  h2{
        font-size: 30px;
    }

    .openDay-section .summary2 .share-title {
        font-size: 18px;
    }

    .openDay-section .summary2 .share-link span {
        font-size: 18px;
    }
}

.openDay-section .watch-video{

    width: 162px;
    font-family: 'aktiv-grotesk';
    font-size: 32px;
    font-weight: 300;
    color: #ffffff;
    margin: 20px auto;
}

.openDay-section .video-container{
    width: 521px;
    height: 293px;
    background-color: #ffffff;
    margin: auto;
}


.openDay-section  .up-next-container{
    width: 521px;
    height: 78px;
    background-color: #328c92;
    margin: auto;
    padding: 16px 19px 10px 19px;
    overflow-y: auto;
}

.openDay-section  .up-next-container .duration{
    opacity: 0.9;
    font-family: 'aktiv-grotesk';
    font-size: 15px;
    font-weight: 500;
    line-height: 1.67;
    color: #ffffff;
    margin: 0 5px;


}

.openDay-section  .up-next-container .info{
    font-family: 'aktiv-grotesk';
    font-size: 15px;
    font-weight: 300;
    line-height: 1.67;
    color: #ffffff;
    margin: 0 5px;
}

.openDay-section .whatHappening{
    max-width: 397px;
    height: 60px;
    background-color: #d2232a;
    margin: 44px auto 26px auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'aktiv-grotesk';
    font-size: 16px;
    font-weight: 500;
    line-height: 2.06;
    text-align: center;
    color: #ffffff;
    cursor: pointer;
}


.openDay-section .next-video-duration-wrap {
    display: flex;
    justify-content: center;
    margin-left: -105px;
    flex-wrap: wrap;
}

.openDay-section .up-next{
    display: flex;
    align-items: flex-end;
    font-size: 26px;
    font-weight: 300;
    color: #ffffff;
    padding-bottom: 30px;
    margin-right: 13px;
}
.openDay-section .no-thank-you {

    max-width: 290px;
    font-family: 'aktiv-grotesk';
    font-size: 12px;
    font-weight: 500;
    line-height: 2.67;
    letter-spacing: 2px;
    color: #ffffff;
    margin:auto;
    margin:auto;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

.stickyFootOther .footer-container{
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 5px;
    padding-bottom: 35px;
}

.stickyFootOther .footer-container p{
    margin: 0;
}

.stickyFootOther .footer-text {
    width: 924px;
    height: 28px;
    opacity: 0.9;
    font-family: 'aktiv-grotesk';
    font-size: 17px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.41;
    letter-spacing: normal;
    color: #ffffff;

}

.stickyFootOther .iconTwitter{
    min-width: 36px;
    min-height: 36px;
    background-color: #ffffff;
    border-radius: 50%;
    margin-right: 12px;
    background-image: url(../img/twitter.png);
}
.stickyFootOther .footer-text span {
    font-weight: bold;
}

.Cant-believe-we-won .text-style-1 {
    font-weight: bold;
}
.openDay-section .flex-parent{
    height: 300px;
}
.seeWhatHappening{
    text-align: center;
    width: 400px;
    margin: auto;
    border:1px solid #646464;;
}

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






/*OPEN DAY*/

.main-container, .openDay-page{
    max-width: 1440px;
}

.header{
    height: 409px;
    background-color: #328c92;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.header-left{
    width: 632px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.44;
    color: #ffffff;
    margin: 21px 0 21px 0px;
}

.header-left h1{
    font-size: 36px;
}

.header-right{
    width: 448px;
    height: 92%;
    position: relative;
    /*background-color: red;*/
    /*overflow: hidden;*/
    /*background-image: url('../img/Our_Place.jpg')  ;*/
    /*border-radius: 0% 0% 100% 100%;*/
    border-radius:0 0 50% 50% / 0 0 66.67% 66.67%;
    background-position: center;
    margin-right: 0px;
}

.oval{
    position: absolute;
    top: 0px;
    z-index: 3;
    background-color: #0a6aa1;
    height: 100%;
    width: 100%;
    border-radius: 200px;
    overflow: hidden;
}

.header-right img{
    z-index: 4;
}

.body{
    background-color: whitesmoke;
    display: flex;
    justify-content: space-between;
    padding: 75px 85px;
    flex-wrap: wrap;
}



.body-left{
    max-width: 825px;
    min-width: 500px;

}

.body-right{
    min-width: 398px;
    background-color: #ffffff;

}

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

    .body{
        padding: 32px 16px;
    }



    .body-left{
        max-width: 100%;
        min-width: 0;

    }

    .body-right{
        min-width: 0;
        width:100%;
        background-color: #ffffff;

    }
}

.body-right .img-wrap{
    width: 334px;
    height: 334px;
    background-color: #ececec;
    margin: 32px auto 198px auto;
}

.body-right .img-wrap-with-caption{
    margin: 32px auto 259px auto;
}


.body-right .title{
    font-size: 22px;
    font-weight: 300;
    line-height: 1.36;
    color: #404041;
    max-width: 261px;
    text-align: center;
    margin: 35px auto;
}

.stream-block{
    width: 100%;
    /*height: 593px;*/
    background-color: #ffffff;
    margin-bottom:32px;
}

.heading{
    width: 100%;
    height: 52px;
    background-color: #328c92;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.heading .icon{
    height: 100%;
    width: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-camera{
    background-color: #d2232a;

}

.heading .icon img{
    width: 23px;
    height: 20px;
}
.heading .time{
    width: 99px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.44;
    color: #ffffff;
}

.heading .time-green{
    background-color: #286d71;
}


.heading .title{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.44;
    color: #ffffff;

    margin-left: 21px;
}

.heading-last-call{
    background-color: #fec340;
}

.heading-last-call .time{
    background-color: #e3b03d;
}

.openDay-videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.openDay-videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.main-block h1, .main-block h2, .main-block h3, .title-main-block{
    font-size: 16px;
    font-weight: 300;
    line-height: 1.44;
    color: #000000;
    /*margin: 31px  50px 10px  50px;*/
}

.main-block{
    width: 100%;
    /*height: 472px;*/
    margin: 23px auto 40px auto;
    padding: 10px 30px;
    /*background-color: #ececec;*/
}

.main-block iframe{
    width: 100%!important;
    height: 100%!important;
}

.gallary-block{
    width: 100%;
    background-color: #ffffff;
    margin-bottom:32px;
    padding-bottom: 50px;
}

.picture-block-wrap{
    height: 100%;
}
.picture-block-wrap .images{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px 30px;
    list-style-type: none;
}

.picture-block-wrap ul, .picture-block-wrap li{
    margin: 0;
    padding: 0;
}

.picture-block-wrap .item em span{
    display: none;
}
.picture-block-wrap .item{
    width: 230px;
    margin-top: 20px ;

}
.picture-block{
    width: 230px;
    height: 156px;
    background-color: #ececec;
    margin-top: 20px ;
}

@media only screen and (max-width: 800px) {
    .picture-block-wrap .item {
        width: 100%;
    }
    .picture-block {
        width: 100%;
    }
}


.last-call-block{
    width: 100%;
    /*height: 168px;*/
    background-color: #faeccb;
    margin-bottom:32px;
}


.last-call-main-block {

    font-family:'aktiv-grotesk';
    font-size: 16px;
    font-weight: 300;
    line-height: 1.44;
    color: #000000;
    padding: 31px 49px;
}

.what-people-are-say-block{
    width: 100%;
    /*height: 265px;*/
    background-color: #ffffff;
}

.what-people-are-say-block-main-block{

    font-family:'aktiv-grotesk';
    font-size: 16px;
    font-weight: 300;
    line-height: 1.44;
    color: #bd10e0;
    padding: 49px;

}


.rep-instagram iframe .Header,
.rep-instagram iframe .PrimaryCTA,
.rep-instagram iframe .HoverCardRoot,
.rep-instagram iframe .Feedback,
.rep-instagram iframe .SocialProof,
.rep-instagram iframe .Caption,
.rep-instagram iframe .Footer
{
    display: none!important;
}
@media only screen and (max-width: 1170px) {
    .jp-audio .jp-interface {
        padding: 0 1%;
    }
    .jp-volume-controls {
        right: 1%;
    }
    .jp-audio .jp-type-playlist .jp-progress {
        width: 175px;
    }
}

@media only screen and (max-width: 830px) {
    .jp-audio .jp-type-playlist .jp-progress {
        width: 150px;
    }
}

@media only screen and (max-width: 768px) {
    .jp-audio .jp-volume-controls {
        display: none;
    }
    .jp-audio .jp-type-playlist .jp-progress {
        width: 80%;
        max-width: 80%;
    }
}

@media only screen and (max-width: 720px) {
}

@media only screen and (max-width: 630px) {
}

@media only screen and (max-width: 568px) {
}


.is-archive{
    display:none!important;
}

/*-------------------------------------------------------*/
/*- MEDIA QUERIES                                       -*/
/*-------------------------------------------------------*/

/* ===============
    Maximal Width (above 1170px) - See Default
   =============== */


/*-------------------------------------------------------*/
/*- 1170 Desk Wide                                      -*/
/*-------------------------------------------------------*/
@media only screen and (max-width: 1170px) {

    .openDay-section .title {
        max-width: 500px;
        margin: 70px auto 14px auto;
        font-size: 42px;
    }

    .openDay-section .summary {
        max-width: 667px;
    }

    .stickyFootOther .footer-container .footer-text{
        text-align: center;
    }

}

/*-------------------------------------------------------*/
/*- 830                                                 -*/
/*-------------------------------------------------------*/
@media only screen and (max-width: 830px) {
}

/*-------------------------------------------------------*/
/*- 768 Tab Portrait                                    -*/
/*-------------------------------------------------------*/
@media only screen and (max-width: 768px) {
}

/*-------------------------------------------------------*/
/*- 720                                                 -*/
/*-------------------------------------------------------*/
@media only screen and (max-width: 720px) {
}

/*-------------------------------------------------------*/
/*- 630                                                 -*/
/*-------------------------------------------------------*/
@media only screen and (max-width: 630px) {
}

/*-------------------------------------------------------*/
/*- 568 Mobile                                          -*/
/*-------------------------------------------------------*/
@media only screen and (max-width: 568px) {

    .openDay-section .title {
        max-width: 375px;
        margin: 30px auto 10px auto;
        font-size: 28px;
    }

    .openDay-section .video-container{
        max-width: 334px;
        max-height: 188px;
        margin: auto;
    }

    .openDay-section .summary {
        font-size: 15px;
        line-height: 1.4;
    }

    .openDay-section .summary p{
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        padding-right: 16px;
        padding-left: 16px;
    }
    .openDay-section .up-next-container{
        /*display: none;*/
        width: 334px;
        height: 63px;
        padding: 11px 9px;
        font-weight: 300;
        font-size: 14px;
        line-height: 1.79;


    }

    .openDay-section .up-next-container span {
        font-weight: 500;
        display: block;

    }

    .openDay-section .up-next {
        display: none;

    }

    .openDay-section .next-video-duration-wrap {
        margin-left: 0;
    }

    .openDay-section .whatHappening{
        font-size: 13px;
        font-weight: 500;
        line-height: 2.06;

    }
    .stickyFootOther .footer-text {
        font-size: 13px;
        line-height: 1.31;
    }

    #weAreRep {
        padding: 0;
    }

    .stickyFootOther .footer-container {
        align-items: normal;
    }

    .openDay-section  .watch-video{
        font-size: 23px;
        text-align: center;
    }


}

        /*.moments_detail_header_inner{*/
    .moments_detail_header{
        position: relative;

    }

    .moments_detail_year{
        position: absolute;
        botton: 70;
        bottom: -23px;
        /*width: 100%;*/
        text-align: center;
        font-size: 44px;
        font-weight: 500;
        line-height: 1;
        font-family: "stencil-std", "aktiv-grotesk", sans-serif;
        transform: translate(-50%, 0px);
        left: 50%;
    }