@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");
:root {
  --header-height: 2.5rem;
  --font-semi: 500;
  --body-font: 'Poppins', sans-serif;
 
}
.l-header {
    width: 100%;
    position: static;
    top: 0;
    left: 0;
    z-index: var(--z-fixed);
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(146, 161, 176, 0.15);
  }

.container,
.container-full {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px
}

.container-full .grid,
.container .grid {
    margin-right: -15px;
    margin-left: -15px
}

@media (min-width:20rem) {
    .container {
        max-width: 20rem
    }
}

@media (min-width:22.5rem) {
    .container {
        max-width: 22.5rem
    }
}

.grid {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    margin: 0 auto;
    position: relative;
    letter-spacing: -.31em;
    *letter-spacing: normal;
    word-spacing: -.43em;
    list-style-type: none
}

.grid:after,
.grid:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal
}

[class*=col-] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal;
    position: relative;
    width: 100%;
    vertical-align: top;
    padding: 15px;
    display: inline-block;
    *display: inline;
    zoom: 1
}

nav #icon{
    font-size: 30px;
    line-height: 80px;
    float: right;
    margin-right: 40px;
    cursor: pointer;
    display: none;
}
@media (max-width: 1048px){
    label.logo{
        font-size: 32px;
        padding-left: 60px;
    }
    nav ul{
        margin-right: 20px;
    }
    nav a{
        font-size: 17px;
    }
}
@media (max-width: 909px){
    nav #icon{
        display: block;
    }
    nav ul{
        position: fixed;
        width: 100%;
        height: 100vh;
        background-color:	#000000;
        /* background-image: url(./assets/img/bgg.jpg); */
        top: 80px;
        left: -100%;
        text-align: center;
        transition: all .5s;
    }
    nav li{
        display: block;
        margin: 50px 0;
        line-height: 30px;
    }
    nav a{
        font-size: 20px;
    }
    a.active,a:hover{
        border: none;
        color: #3498db;
    }
    nav ul.show{
        left: 0;
    }
}



[class*=col-]:after,
[class*=col-]:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    letter-spacing: normal;
    word-spacing: normal;
    white-space: normal
}

[class*=col-] .grid {
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -webkit-box-flex: 1;
    flex: 1 1 auto;
    margin: -15px
}

.col-12 {
    width: 100%;
    *width: 99.9%
}

.col-11 {
    width: 91.66667%;
    *width: 91.56667%
}

.col-10 {
    width: 83.33333%;
    *width: 83.23333%
}

.col-9 {
    width: 75%;
    *width: 74.9%
}

.col-8 {
    width: 66.66667%;
    *width: 66.56667%
}

.col-7 {
    width: 58.33333%;
    *width: 58.23333%
}

.col-6 {
    width: 50%;
    *width: 49.9%
}

.col-5 {
    width: 41.66667%;
    *width: 41.56667%
}

.col-4 {
    width: 33.33333%;
    *width: 33.23333%
}

.col-3 {
    width: 25%;
    *width: 24.9%
}

.col-2 {
    width: 16.66667%;
    *width: 16.56667%
}

.col-1 {
    width: 8.33333%;
    *width: 8.23333%
}

@media (min-width:20rem) {
    .col-xs-12 {
        width: 100%;
        *width: 99.9%
    }

    .col-xs-11 {
        width: 91.66667%;
        *width: 91.56667%
    }

    .col-xs-10 {
        width: 83.33333%;
        *width: 83.23333%
    }

    .col-xs-9 {
        width: 75%;
        *width: 74.9%
    }

    .col-xs-8 {
        width: 66.66667%;
        *width: 66.56667%
    }

    .col-xs-7 {
        width: 58.33333%;
        *width: 58.23333%
    }

    .col-xs-6 {
        width: 50%;
        *width: 49.9%
    }

    .col-xs-5 {
        width: 41.66667%;
        *width: 41.56667%
    }

    .col-xs-4 {
        width: 33.33333%;
        *width: 33.23333%
    }

    .col-xs-3 {
        width: 25%;
        *width: 24.9%
    }

    .col-xs-2 {
        width: 16.66667%;
        *width: 16.56667%
    }

    .col-xs-1 {
        width: 8.33333%;
        *width: 8.23333%
    }
}

@media (min-width:22.5rem) {
    .col-sm-12 {
        width: 100%;
        *width: 99.9%
    }

    .col-sm-11 {
        width: 91.66667%;
        *width: 91.56667%
    }

    .col-sm-10 {
        width: 83.33333%;
        *width: 83.23333%
    }

    .col-sm-9 {
        width: 75%;
        *width: 74.9%
    }

    .col-sm-8 {
        width: 66.66667%;
        *width: 66.56667%
    }

    .col-sm-7 {
        width: 58.33333%;
        *width: 58.23333%
    }

    .col-sm-6 {
        width: 50%;
        *width: 49.9%
    }

    .col-sm-5 {
        width: 41.66667%;
        *width: 41.56667%
    }

    .col-sm-4 {
        width: 33.33333%;
        *width: 33.23333%
    }

    .col-sm-3 {
        width: 25%;
        *width: 24.9%
    }

    .col-sm-2 {
        width: 16.66667%;
        *width: 16.56667%
    }

    .col-sm-1 {
        width: 8.33333%;
        *width: 8.23333%
    }
}

@media (min-width:37.5rem) {
    .col-md-12 {
        width: 100%;
        *width: 99.9%
    }

    .col-md-11 {
        width: 91.66667%;
        *width: 91.56667%
    }

    .col-md-10 {
        width: 83.33333%;
        *width: 83.23333%
    }

    .col-md-9 {
        width: 75%;
        *width: 74.9%
    }

    .col-md-8 {
        width: 66.66667%;
        *width: 66.56667%
    }

    .col-md-7 {
        width: 58.33333%;
        *width: 58.23333%
    }

    .col-md-6 {
        width: 50%;
        *width: 49.9%
    }

    .col-md-5 {
        width: 41.66667%;
        *width: 41.56667%
    }

    .col-md-4 {
        width: 33.33333%;
        *width: 33.23333%
    }

    .col-md-3 {
        width: 25%;
        *width: 24.9%
    }

    .col-md-2 {
        width: 16.66667%;
        *width: 16.56667%
    }

    .col-md-1 {
        width: 8.33333%;
        *width: 8.23333%
    }
}

@media (min-width:48rem) {
    .col-lg-12 {
        width: 100%;
        *width: 99.9%
    }

    .col-lg-11 {
        width: 91.66667%;
        *width: 91.56667%
    }

    .col-lg-10 {
        width: 83.33333%;
        *width: 83.23333%
    }

    .col-lg-9 {
        width: 75%;
        *width: 74.9%
    }

    .col-lg-8 {
        width: 66.66667%;
        *width: 66.56667%
    }

    .col-lg-7 {
        width: 58.33333%;
        *width: 58.23333%
    }

    .col-lg-6 {
        width: 50%;
        *width: 49.9%
    }

    .col-lg-5 {
        width: 41.66667%;
        *width: 41.56667%
    }

    .col-lg-4 {
        width: 33.33333%;
        *width: 33.23333%
    }

    .col-lg-3 {
        width: 25%;
        *width: 24.9%
    }

    .col-lg-2 {
        width: 16.66667%;
        *width: 16.56667%
    }

    .col-lg-1 {
        width: 8.33333%;
        *width: 8.23333%
    }
}

@media (min-width:64rem) {
    .col-xlg-12 {
        width: 100%;
        *width: 99.9%
    }

    .col-xlg-11 {
        width: 91.66667%;
        *width: 91.56667%
    }

    .col-xlg-10 {
        width: 83.33333%;
        *width: 83.23333%
    }

    .col-xlg-9 {
        width: 75%;
        *width: 74.9%
    }

    .col-xlg-8 {
        width: 66.66667%;
        *width: 66.56667%
    }

    .col-xlg-7 {
        width: 58.33333%;
        *width: 58.23333%
    }

    .col-xlg-6 {
        width: 50%;
        *width: 49.9%
    }

    .col-xlg-5 {
        width: 41.66667%;
        *width: 41.56667%
    }

    .col-xlg-4 {
        width: 33.33333%;
        *width: 33.23333%
    }

    .col-xlg-3 {
        width: 25%;
        *width: 24.9%
    }

    .col-xlg-2 {
        width: 16.66667%;
        *width: 16.56667%
    }

    .col-xlg-1 {
        width: 8.33333%;
        *width: 8.23333%
    }
}

.col-auto {
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 0px;
    -webkit-box-flex: 1;
    flex: 1 0 0px;
    width: auto
}

@media (min-width:20rem) {
    .col-xs-auto {
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 0px;
        -webkit-box-flex: 1;
        flex: 1 0 0px;
        width: auto
    }
}

@media (min-width:22.5rem) {
    .col-sm-auto {
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 0px;
        -webkit-box-flex: 1;
        flex: 1 0 0px;
        width: auto
    }
}

@media (min-width:37.5rem) {
    .col-md-auto {
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 0px;
        -webkit-box-flex: 1;
        flex: 1 0 0px;
        width: auto
    }
}

@media (min-width:48rem) {
    .col-lg-auto {
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 0px;
        -webkit-box-flex: 1;
        flex: 1 0 0px;
        width: auto
    }
}

@media (min-width:64rem) {
    .col-xlg-auto {
        -ms-flex: 1 0 auto;
        -webkit-flex: 1 0 0px;
        -webkit-box-flex: 1;
        flex: 1 0 0px;
        width: auto
    }
}

.offset-11 {
    margin-left: 91.66667%;
    *margin-left: 91.56667%
}

.offset-10 {
    margin-left: 83.33333%;
    *margin-left: 83.23333%
}

.offset-9 {
    margin-left: 75%;
    *margin-left: 74.9%
}

.offset-8 {
    margin-left: 66.66667%;
    *margin-left: 66.56667%
}

.offset-7 {
    margin-left: 58.33333%;
    *margin-left: 58.23333%
}

.offset-6 {
    margin-left: 50%;
    *margin-left: 49.9%
}

.offset-5 {
    margin-left: 41.66667%;
    *margin-left: 41.56667%
}

.offset-4 {
    margin-left: 33.33333%;
    *margin-left: 33.23333%
}

.offset-3 {
    margin-left: 25%;
    *margin-left: 24.9%
}

.offset-2 {
    margin-left: 16.66667%;
    *margin-left: 16.56667%
}

.offset-1 {
    margin-left: 8.33333%;
    *margin-left: 8.23333%
}

@media only screen and (min-width:20rem) {
    .offset-11-xs {
        margin-left: 91.66667%;
        *margin-left: 91.56667%
    }

    .offset-10-xs {
        margin-left: 83.33333%;
        *margin-left: 83.23333%
    }

    .offset-9-xs {
        margin-left: 75%;
        *margin-left: 74.9%
    }

    .offset-8-xs {
        margin-left: 66.66667%;
        *margin-left: 66.56667%
    }

    .offset-7-xs {
        margin-left: 58.33333%;
        *margin-left: 58.23333%
    }

    .offset-6-xs {
        margin-left: 50%;
        *margin-left: 49.9%
    }

    .offset-5-xs {
        margin-left: 41.66667%;
        *margin-left: 41.56667%
    }

    .offset-4-xs {
        margin-left: 33.33333%;
        *margin-left: 33.23333%
    }

    .offset-3-xs {
        margin-left: 25%;
        *margin-left: 24.9%
    }

    .offset-2-xs {
        margin-left: 16.66667%;
        *margin-left: 16.56667%
    }

    .offset-1-xs {
        margin-left: 8.33333%;
        *margin-left: 8.23333%
    }

    .offset-0-xs {
        margin-left: 0;
        *margin-left: -.1%
    }
}

@media only screen and (min-width:22.5rem) {
    .offset-11-sm {
        margin-left: 91.66667%;
        *margin-left: 91.56667%
    }

    .offset-10-sm {
        margin-left: 83.33333%;
        *margin-left: 83.23333%
    }

    .offset-9-sm {
        margin-left: 75%;
        *margin-left: 74.9%
    }

    .offset-8-sm {
        margin-left: 66.66667%;
        *margin-left: 66.56667%
    }

    .offset-7-sm {
        margin-left: 58.33333%;
        *margin-left: 58.23333%
    }

    .offset-6-sm {
        margin-left: 50%;
        *margin-left: 49.9%
    }

    .offset-5-sm {
        margin-left: 41.66667%;
        *margin-left: 41.56667%
    }

    .offset-4-sm {
        margin-left: 33.33333%;
        *margin-left: 33.23333%
    }

    .offset-3-sm {
        margin-left: 25%;
        *margin-left: 24.9%
    }

    .offset-2-sm {
        margin-left: 16.66667%;
        *margin-left: 16.56667%
    }

    .offset-1-sm {
        margin-left: 8.33333%;
        *margin-left: 8.23333%
    }

    .offset-0-sm {
        margin-left: 0;
        *margin-left: -.1%
    }
}

@media only screen and (min-width:37.5rem) {
    .offset-11-md {
        margin-left: 91.66667%;
        *margin-left: 91.56667%
    }

    .offset-10-md {
        margin-left: 83.33333%;
        *margin-left: 83.23333%
    }

    .offset-9-md {
        margin-left: 75%;
        *margin-left: 74.9%
    }

    .offset-8-md {
        margin-left: 66.66667%;
        *margin-left: 66.56667%
    }

    .offset-7-md {
        margin-left: 58.33333%;
        *margin-left: 58.23333%
    }

    .offset-6-md {
        margin-left: 50%;
        *margin-left: 49.9%
    }

    .offset-5-md {
        margin-left: 41.66667%;
        *margin-left: 41.56667%
    }

    .offset-4-md {
        margin-left: 33.33333%;
        *margin-left: 33.23333%
    }

    .offset-3-md {
        margin-left: 25%;
        *margin-left: 24.9%
    }

    .offset-2-md {
        margin-left: 16.66667%;
        *margin-left: 16.56667%
    }

    .offset-1-md {
        margin-left: 8.33333%;
        *margin-left: 8.23333%
    }

    .offset-0-md {
        margin-left: 0;
        *margin-left: -.1%
    }
}

@media only screen and (min-width:48rem) {
    .offset-11-lg {
        margin-left: 91.66667%;
        *margin-left: 91.56667%
    }

    .offset-10-lg {
        margin-left: 83.33333%;
        *margin-left: 83.23333%
    }

    .offset-9-lg {
        margin-left: 75%;
        *margin-left: 74.9%
    }

    .offset-8-lg {
        margin-left: 66.66667%;
        *margin-left: 66.56667%
    }

    .offset-7-lg {
        margin-left: 58.33333%;
        *margin-left: 58.23333%
    }

    .offset-6-lg {
        margin-left: 50%;
        *margin-left: 49.9%
    }

    .offset-5-lg {
        margin-left: 41.66667%;
        *margin-left: 41.56667%
    }

    .offset-4-lg {
        margin-left: 33.33333%;
        *margin-left: 33.23333%
    }

    .offset-3-lg {
        margin-left: 25%;
        *margin-left: 24.9%
    }

    .offset-2-lg {
        margin-left: 16.66667%;
        *margin-left: 16.56667%
    }

    .offset-1-lg {
        margin-left: 8.33333%;
        *margin-left: 8.23333%
    }

    .offset-0-lg {
        margin-left: 0;
        *margin-left: -.1%
    }
}

@media only screen and (min-width:64rem) {
    .offset-11-xlg {
        margin-left: 91.66667%;
        *margin-left: 91.56667%
    }

    .offset-10-xlg {
        margin-left: 83.33333%;
        *margin-left: 83.23333%
    }

    .offset-9-xlg {
        margin-left: 75%;
        *margin-left: 74.9%
    }

    .offset-8-xlg {
        margin-left: 66.66667%;
        *margin-left: 66.56667%
    }

    .offset-7-xlg {
        margin-left: 58.33333%;
        *margin-left: 58.23333%
    }

    .offset-6-xlg {
        margin-left: 50%;
        *margin-left: 49.9%
    }

    .offset-5-xlg {
        margin-left: 41.66667%;
        *margin-left: 41.56667%
    }

    .offset-4-xlg {
        margin-left: 33.33333%;
        *margin-left: 33.23333%
    }

    .offset-3-xlg {
        margin-left: 25%;
        *margin-left: 24.9%
    }

    .offset-2-xlg {
        margin-left: 16.66667%;
        *margin-left: 16.56667%
    }

    .offset-1-xlg {
        margin-left: 8.33333%;
        *margin-left: 8.23333%
    }

    .offset-0-xlg {
        margin-left: 0;
        *margin-left: -.1%
    }
}

.grid-bleed [class*=col-] {
    padding: 0
}

.col-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -webkit-box;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column
}

.col-grid.direction-row {
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row
}

.col-bleed-x {
    padding: 15px 0
}

.col-bleed-y {
    padding: 0 15px
}

@media (max-width:19.99rem) {
    .hidden-xxs {
        display: none
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .hidden-xs {
        display: none
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .hidden-sm {
        display: none
    }
}

@media (min-width:37.5rem) and (max-width:47.99rem) {
    .hidden-md {
        display: none
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .hidden-lg {
        display: none
    }
}

@media (min-width:64rem) {
    .hidden-xlg {
        display: none
    }
}

.container,
.container-full {
    padding-right: 1rem;
    padding-left: 1rem
}

.container-full .grid,
.container .grid {
    margin-right: -.25rem;
    margin-left: -.25rem
}

[class*=col-] {
    padding: .25rem
}

[class*=col-] .grid {
    margin: -.25rem
}

.col-bleed-x {
    padding: .25rem 0
}

.col-bleed-y {
    padding: 0 .25rem
}

@media (min-width:20rem) {
    .container {
        max-width: 100%
    }
}

@media (min-width:22.5rem) {
    .container {
        max-width: 100%
    }
}

@media (min-width:37.5rem) {
    .container {
        max-width: 37.5rem
    }
}

@media (min-width:48rem) {
    .container {
        max-width: 48rem
    }
}

@media (min-width:64rem) {
    .container {
        max-width: 64rem
    }
}

@media (min-width:37.5rem) {
    .container--wide {
        max-width: 100%
    }
}

@media (min-width:48rem) {
    .container--wide {
        max-width: 100%
    }
}

@media (min-width:64rem) {
    .container--wide {
        max-width: 100%;
        max-width: 1280px
    }
}

@media (min-width:20rem) {

    .container,
    .container-full {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .container-full .grid,
    .container .grid {
        margin-right: -.25rem;
        margin-left: -.25rem
    }

    [class*=col-] {
        padding: .25rem
    }

    [class*=col-] .grid {
        margin: -.25rem
    }

    .col-bleed-x {
        padding: .25rem 0
    }

    .col-bleed-y {
        padding: 0 .25rem
    }
}

@media (min-width:22.5rem) {

    .container,
    .container-full {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .container-full .grid,
    .container .grid {
        margin-right: -.375rem;
        margin-left: -.375rem
    }

    [class*=col-] {
        padding: .375rem
    }

    [class*=col-] .grid {
        margin: -.375rem
    }

    .col-bleed-x {
        padding: .375rem 0
    }

    .col-bleed-y {
        padding: 0 .375rem
    }
}

@media (min-width:37.5rem) {

    .container,
    .container-full {
        padding-right: 1rem;
        padding-left: 1rem
    }

    .container-full .grid,
    .container .grid {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=col-] {
        padding: .5rem
    }

    [class*=col-] .grid {
        margin: -.5rem
    }

    .col-bleed-x {
        padding: .5rem 0
    }

    .col-bleed-y {
        padding: 0 .5rem
    }
}

@media (min-width:48rem) {

    .container,
    .container-full {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }

    .container-full .grid,
    .container .grid {
        margin-right: -.5rem;
        margin-left: -.5rem
    }

    [class*=col-] {
        padding: .5rem
    }

    [class*=col-] .grid {
        margin: -.5rem
    }

    .col-bleed-x {
        padding: .5rem 0
    }

    .col-bleed-y {
        padding: 0 .5rem
    }
}

@media (min-width:64rem) {

    .container,
    .container-full {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }

    .container-full .grid,
    .container .grid {
        margin-right: -.625rem;
        margin-left: -.625rem
    }

    [class*=col-] {
        padding: .625rem
    }

    [class*=col-] .grid {
        margin: -.625rem
    }

    .col-bleed-x {
        padding: .625rem 0
    }

    .col-bleed-y {
        padding: 0 .625rem
    }
}

body.compensate-for-scrollbar {
    overflow: hidden
}

.fancybox-active {
    height: auto
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    width: 100%;
    z-index: 99992
}

.fancybox-container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.fancybox-bg,
.fancybox-inner,
.fancybox-outer,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto
}

.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(.47, 0, .74, .71);
    transition-timing-function: cubic-bezier(.47, 0, .74, .71)
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    -webkit-transition-timing-function: cubic-bezier(.22, .61, .36, 1);
    transition-timing-function: cubic-bezier(.22, .61, .36, 1)
}

.fancybox-caption,
.fancybox-infobar,
.fancybox-navigation .fancybox-button,
.fancybox-toolbar {
    direction: ltr;
    opacity: 0;
    position: absolute;
    -webkit-transition: opacity .25s ease, visibility 0s ease .25s;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997
}

.fancybox-show-caption .fancybox-caption,
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-nav .fancybox-navigation .fancybox-button,
.fancybox-show-toolbar .fancybox-toolbar {
    opacity: 1;
    -webkit-transition: opacity .25s ease 0s, visibility 0s ease 0s;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.fancybox-toolbar {
    right: 0;
    top: 0
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    z-index: 99994
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    white-space: normal;
    width: 100%;
    z-index: 99994
}

.fancybox-slide:before {
    content: "";
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--current,
.fancybox-slide--next,
.fancybox-slide--previous {
    display: block
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0
}

.fancybox-slide--image:before {
    display: none
}

.fancybox-slide--html {
    padding: 6px
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle
}

.fancybox-slide--image .fancybox-content {
    -webkit-animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in
}

.fancybox-can-pan .fancybox-content,
.fancybox-can-swipe .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.fancybox-container [data-selectable=true] {
    cursor: text
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%
}

.fancybox-spaceball {
    z-index: 1
}

.fancybox-slide--iframe .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--video .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%
}

.fancybox-slide--video .fancybox-content {
    background: #000
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff
}

.fancybox-iframe,
.fancybox-video {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%
}

.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0
}

.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    -webkit-transition: color .2s;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px
}

.fancybox-button,
.fancybox-button:link,
.fancybox-button:visited {
    color: #ccc
}

.fancybox-button:hover {
    color: #fff
}

.fancybox-button:focus {
    outline: none
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none
}

.fancybox-button div {
    height: 100%
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0
}

.fancybox-button--fsenter svg:nth-child(2),
.fancybox-button--fsexit svg:first-child,
.fancybox-button--pause svg:first-child,
.fancybox-button--play svg:nth-child(2) {
    display: none
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    transform-origin: 0;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    z-index: 99998
}

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none
}

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: -webkit-calc(50% - 50px);
    top: calc(50% - 50px);
    width: 70px
}

.fancybox-navigation .fancybox-button div {
    padding: 7px
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right)
}

.fancybox-caption {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .85)), color-stop(50%, rgba(0, 0, 0, .3)), color-stop(65%, rgba(0, 0, 0, .15)), color-stop(75.5%, rgba(0, 0, 0, .075)), color-stop(82.85%, rgba(0, 0, 0, .037)), color-stop(88%, rgba(0, 0, 0, .019)), to(transparent));
    background: linear-gradient(0deg, rgba(0, 0, 0, .85), rgba(0, 0, 0, .3) 50%, rgba(0, 0, 0, .15) 65%, rgba(0, 0, 0, .075) 75.5%, rgba(0, 0, 0, .037) 82.85%, rgba(0, 0, 0, .019) 88%, transparent);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996
}

@supports (padding:max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
}

.fancybox-caption--separate {
    margin-top: -50px
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline
}

.fancybox-loading {
    -webkit-animation: a 1s linear infinite;
    animation: a 1s linear infinite;
    background: transparent;
    border: 4px solid;
    border-color: #888 #888 #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999
}

@-webkit-keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes a {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .25, 1);
    transition-timing-function: cubic-bezier(0, 0, .25, 1)
}

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.fancybox-fx-fade.fancybox-slide--next,
.fancybox-fx-fade.fancybox-slide--previous {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1
}

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(.5, .5, .5);
    transform: scale3d(.5, .5, .5)
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
}

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: rotate(-1turn);
    transform: rotate(-1turn)
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn)
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0)
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    -webkit-transform: scaleX(1) translateZ(0);
    transform: scaleX(1) translateZ(0)
}

.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)
}

.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)
}

.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1)
}

@media (max-height:576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px
    }

    .fancybox-slide--image {
        padding: 6px 0
    }

    .fancybox-close-small {
        right: -6px
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px
    }

    @supports (padding:max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right))
        }
    }
}

html[dir=rtl] .fancybox-button--arrow_left,
html[dir=rtl] .fancybox-button--arrow_right {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 100%
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    margin: 0;
    font: normal 14px Kippax, sans-serif;
    height: 100%;
    color: #001838
}

main {
    display: block
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

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

a {
    background-color: transparent
}

abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

template {
    display: none
}

[hidden] {
    display: none
}

figure {
    margin-top: 0
}

button * {
    pointer-events: none
}

.no-js img.lazyload {
    display: none
}

[data-fancybox] {
    cursor: zoom-in
}

@font-face {
    src: url(https://fonts.mancity.com/fonts/Kippax/KippaxModern-CndBd.woff2) format("woff2"), url(https://fonts.mancity.com/fonts/Kippax/KippaxModern-CndBd.woff) format("woff");
    font-weight: 700
}

@font-face {
    src: url(https://fonts.mancity.com/fonts/Kippax/KippaxModern-CndxBd.woff2) format("woff2"), url(https://fonts.mancity.com/fonts/Kippax/KippaxModern-CndxBd.woff) format("woff");
    font-weight: 800
}

@font-face {
    src: url(https://fonts.mancity.com/fonts/Kippax/KippaxModern-Rg.woff2) format("woff2"), url(https://fonts.mancity.com/fonts/Kippax/KippaxModern-Rg.woff) format("woff");
    font-weight: 400
}

@font-face {
    
    src: url(https://fonts.mancity.com/fonts/Kippax/KippaxModern-Bd.woff2) format("woff2"), url(https://fonts.mancity.com/fonts/Kippax/KippaxModern-Bd.woff) format("woff");
    font-weight: 700
}

.shown-lg {
    display: none
}

@media (min-width:48rem) {
    .shown-lg {
        display: initial
    }
}

.shown-xlg {
    display: none
}

@media (min-width:64rem) {
    .shown-xlg {
        display: initial
    }
}

.hidden {
    display: none
}

.mc-lazy-image {
    display: block;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out
}

.mc-lazy-image.failed-to-load {
    width: auto;
    height: auto
}

.mc-lazy-image--hidden {
    display: none
}

.mc-lazy-image.lazyload,
.mc-lazy-image.lazyloading {
    opacity: 0
}

.mc-lazy-image.lazyloaded {
    opacity: 1
}

.mc-aspect-ratio-box {
    display: block;
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden
}

.mc-aspect-ratio-box__unit {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

.mc-image-placeholder {
    background: url(https://web-assets.mancity.com/dist/images/logos/crest-plain.svg) 50% 50% no-repeat #dde6ed
}

.col-bleed {
    padding: 0
}

.mc-responsive-image {
    max-width: 100%;
    height: auto
}

.progress-bar {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 299;
    background: hsla(0, 0%, 100%, .5)
}

.progress-bar__image {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    top: 50%;
    left: 50%;
    z-index: 300;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.progress-bar.loading {
    display: block
}

.mc-arrowed-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #001838;
    font-weight: 700;
    word-spacing: 1px
}

.mc-arrowed-link--upper {
    text-decoration: none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

.mc-arrowed-link--upper:hover {
    text-decoration: underline
}

.mc-arrowed-link--upper .mc-arrowed-link__text {
    margin: 0 0 0 7px;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.mc-arrowed-link:hover {
    text-decoration: underline
}

.mc-arrowed-link__text {
    margin-right: 7px
}

.mc-arrowed-link__icon {
    width: 13px;
    height: 13px;
    max-width: 13px;
    max-height: 13px
}

.mc-arrowed-link__icon--left-hand {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.toggle-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.toggle-buttons input:checked+label {
    background: #001838
}

.toggle-buttons__label {
    min-width: 146px;
    border: 1px solid #001838;
    color: #001838;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 6px 0;
    position: relative;
    text-align: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background .6s ease, color .6s ease;
    transition: background .6s ease, color .6s ease;
    cursor: pointer
}

@media (min-width:375px) {
    .toggle-buttons__label {
        min-width: 174px
    }
}

@media (min-width:37.5rem) {
    .toggle-buttons__label {
        min-width: 148px
    }
}

@media (min-width:64rem) {
    .toggle-buttons__label {
        min-width: 157px
    }
}

.toggle-buttons__label--toggle-left {
    border-right: 0
}

.toggle-buttons__input {
    display: none
}

.toggle-buttons__input:checked+.toggle-buttons__label {
    cursor: default;
    color: #fff;
    -webkit-transition: color .2s;
    transition: color .2s
}

.toggle-buttons__icon {
    width: 18px;
    height: 18px;
    fill: currentColor
}

.cookie-compliance {
    visibility: hidden;
    position: fixed;
    display: none;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    bottom: 0;
    left: 0;
    padding: 15px 1.78571%;
    z-index: 2500;
    opacity: 0;
    background: #ebedf0;
    -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1);
    box-shadow: 0 -1px 0 0 rgba(0, 0, 0, .1);
    -webkit-transition: .3s cubic-bezier(.215, .61, .355, 1);
    transition: .3s cubic-bezier(.215, .61, .355, 1);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0)
}

@supports (-o-object-fit:contain) {
    .cookie-compliance {
        position: relative
    }
}

.cookie-compliance:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .5;
    background-size: 5px 5px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFAQMAAAC3obSmAAAABlBMVEUAAAAvMTPv+962AAAAAnRSTlMAsyT7Lw4AAAASSURBVAjXY2hg4GAQYFBgcAAABbIA+Zl88MsAAAAASUVORK5CYII=");
    opacity: .15
}

.cookie-compliance__button,
.cookie-compliance__message {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1);
    transition: .2s cubic-bezier(.215, .61, .355, 1)
}

.cookie-compliance__message {
    font-size: 12px;
    font-weight: 100;
    line-height: 1.5;
    margin: 0;
    width: 70.53571vw
}

.cookie-compliance__message a {
    color: #0070c0;
    font-weight: 400;
    text-decoration: underline;
    -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1);
    transition: .2s cubic-bezier(.215, .61, .355, 1)
}

@media (max-width:1343px) {
    .cookie-compliance__message {
        width: 62.50007vw
    }
}

@media (max-width:1024px) {
    .cookie-compliance__message {
        width: 62.16226vw;
        font-size: 11px
    }
}

@media (max-width:519px) {
    .cookie-compliance__message {
        width: 70%
    }
}

.cookie-compliance__button {
    background-color: transparent;
    margin: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 12px;
    text-shadow: 1px 0 0 currentColor;
    line-height: 1;
    border: none;
    border-bottom: 2px solid transparent;
    cursor: pointer;
    letter-spacing: 2.5px;
    padding: 2px 0;
    text-transform: uppercase
}

.cookie-compliance__button:hover {
    border-bottom: 2px solid #001838;
    -webkit-transition: none;
    transition: none;
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.cookie-compliance--show {
    -webkit-transform: none;
    transform: none
}

.cookie-compliance--show,
.cookie-compliance--show .cookie-compliance__button,
.cookie-compliance--show .cookie-compliance__message {
    opacity: 1;
    visibility: visible
}

.cookie-compliance--show .cookie-compliance__button {
    -webkit-transition-delay: .35s;
    transition-delay: .35s
}

.cookie-compliance--show .cookie-compliance__message {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.cookie-compliance--display-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:1343px) {
    .cookie-compliance {
        padding: 15px 1.7857%
    }
}

@media (max-width:1024px) {
    .cookie-compliance {
        padding: 15px 2.70269%
    }
}

@media (max-width:519px) {
    .cookie-compliance {
        padding: 10px 6.89655%
    }
}

.pagination-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 13px;
    line-height: 17px;
    font-family: Kippax, sans-serif
}

.pagination-list__item {
    display: block;
    width: 24px;
    height: 24px;
    text-align: center;
    color: #001838;
    background: rgba(0, 24, 56, .15);
    border-radius: 50%;
    line-height: 16px;
    -webkit-transition: all 75ms ease-in-out;
    transition: all 75ms ease-in-out
}

.pagination-list__item--active,
.pagination-list__item:hover {
    color: #fff;
    font-weight: 700;
    background: #001838
}

.pagination-list__item--page-number {
    display: table;
    margin-right: 7px;
    margin-left: 7px
}

.pagination-list__item--page-number .pagination-list__item-link {
    display: table-cell;
    vertical-align: middle
}

.pagination-list__item--indicator,
.pagination-list__item--indicator:hover {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2px;
    margin-left: 2px;
    color: #001838;
    font-weight: 400;
    background: none
}

.pagination-list__item--move-back {
    margin-right: 8px
}

.pagination-list__item--move-forward {
    margin-left: 8px
}

.pagination-list__item--disabled,
.pagination-list__item--disabled:hover {
    color: #001838;
    background: rgba(0, 24, 56, .15);
    opacity: .3;
    cursor: not-allowed
}

.pagination-list__item--font-sm {
    font-size: 11px
}

.pagination-list__item--font-xs {
    font-size: 8px
}

.pagination-list__item--font-xxs {
    font-size: 6px
}

.pagination-list__item-link {
    display: block;
    height: 100%;
    color: inherit;
    text-decoration: none
}

.pagination-list__icon {
    width: 100%;
    height: 100%
}

.pagination-list__icon.rotate180 {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mc-main-content--obsidian-navy .pagination-list__item {
    color: #001838;
    background: #fff
}

.mc-main-content--obsidian-navy .pagination-list__item--active,
.mc-main-content--obsidian-navy .pagination-list__item:hover {
    color: #001838;
    background: #3bd6ff
}

.mc-main-content--obsidian-navy .pagination-list__item--disabled,
.mc-main-content--obsidian-navy .pagination-list__item--disabled:hover {
    background: #fff
}

.mc-main-content--obsidian-navy .pagination-list__item--indicator,
.mc-main-content--obsidian-navy .pagination-list__item--indicator:hover {
    color: #fff;
    background: none
}

.mc-main-content--obsidian-navy .pagination-list__item--move-back:hover,
.mc-main-content--obsidian-navy .pagination-list__item--move-forward:hover {
    border: 1px solid #3bd6ff
}

.mc-main-content--obsidian-navy .pagination-list__item--move-back,
.mc-main-content--obsidian-navy .pagination-list__item--move-back.pagination-list__item--disabled,
.mc-main-content--obsidian-navy .pagination-list__item--move-back.pagination-list__item--disabled:hover,
.mc-main-content--obsidian-navy .pagination-list__item--move-forward,
.mc-main-content--obsidian-navy .pagination-list__item--move-forward.pagination-list__item--disabled,
.mc-main-content--obsidian-navy .pagination-list__item--move-forward.pagination-list__item--disabled:hover {
    color: #fff;
    background: none;
    border: 1px solid #fff
}

.pagination-dots {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.pagination-dots__dot {
    width: 2px;
    height: 2px;
    margin-right: 3px;
    background: #001838
}

.pagination-dots__dot:last-child {
    margin-right: 0
}

.mc-main-content--obsidian-navy .pagination-dots__dot {
    background: #fff
}

.pagination {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 -16px;
    padding: 17px 16px;
    border-top: 1px solid #001838
}

@media (min-width:37.5rem) {
    .pagination {
        margin: 0;
        padding: 17px 0
    }
}

.mc-main-content--obsidian-navy .pagination {
    border-top-color: #fff
}

html.js .fallback-pagination,
html.no-js .js-pagination {
    display: none
}

.google-sign-in-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
    padding: 0;
    border-width: 0;
    white-space: nowrap;
    color: #fff;
    background: #4285f4;
    border-radius: 1px;
    -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, .12), 0 1px 1px 0 rgba(0, 0, 0, .24);
    -webkit-transition: background-color .218s, border-color .218s, -webkit-box-shadow .218s;
    transition: background-color .218s, border-color .218s, -webkit-box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s;
    transition: background-color .218s, border-color .218s, box-shadow .218s, -webkit-box-shadow .218s;
    cursor: pointer
}

.google-sign-in-button__icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #fff;
    width: 38px;
    height: 38px;
    margin: 1px 0 1px 1px;
    border-radius: 1px
}

.google-sign-in-button__icon {
    width: 18px;
    height: 18px;
    max-width: 18px;
    max-height: 18px
}

.google-sign-in-button__icon--disabled {
    display: none
}

.google-sign-in-button__text {
    margin: 0 auto;
    padding: 0 11px;
    
    font-weight: 400;
    font-size: 16px
}

.google-sign-in-button:active,
.google-sign-in-button:hover {
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 3px 3px rgba(66, 133, 244, .3);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24), 0 0 3px 3px rgba(66, 133, 244, .3)
}

.google-sign-in-button:active {
    background-color: #3367d6;
    -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24);
    box-shadow: 0 0 2px 0 rgba(0, 0, 0, .12), 0 2px 2px 0 rgba(0, 0, 0, .24)
}

.google-sign-in-button:focus {
    outline-color: rgba(66, 133, 244, .3)
}

.google-sign-in-button:disabled {
    background: #dde6ed;
    color: #969696;
    cursor: not-allowed;
    -webkit-box-shadow: none;
    box-shadow: none
}

.google-sign-in-button:disabled .google-sign-in-button__icon-wrapper {
    background: #dde6ed
}

.google-sign-in-button:disabled .google-sign-in-button__icon--default {
    display: none
}

.google-sign-in-button:disabled .google-sign-in-button__icon--disabled {
    display: block
}

.google-sign-in-button.is-hidden {
    display: none
}

.mc-button {
    display: block;
    min-height: 40px;
    padding: 12px 12px 13px;
    cursor: pointer;
    
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .14px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    border: 1px solid #001838;
    background-color: #001838;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.mc-button:hover {
    background-color: #00285e
}

.mc-button:disabled {
    opacity: .5;
    pointer-events: none;
    background-color: #001838
}

.mc-button--hidden {
    display: none
}

.mc-button--in-progress {
    background-image: url(https://web-assets.mancity.com/dist/images/man-city-loader.gif);
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 50%
}

.mc-button--min-125 {
    min-width: 125px
}

.mc-button--primary-yellow {
    color: #001838;
    background-color: #e6ff00;
    border: 1px solid #e6ff00
}

.mc-button--primary-yellow:hover {
    background-color: #e3ff86
}

.mc-button--primary-yellow:disabled {
    background-color: #e6ff00;
    pointer-events: none
}

.mc-button--primary-disabled,
.mc-button--primary-disabled:hover {
    color: #69738c;
    background-color: #dde6ed;
    border: 1px solid #dde6ed;
    pointer-events: none
}

.mc-button--primary-blue {
    color: #001838;
    background-color: #3bd6ff;
    border: 1px solid #3bd6ff
}

.mc-button--primary-blue:hover {
    background-color: #75e2ff
}

.mc-button--primary-blue:disabled {
    background-color: #3bd6ff;
    pointer-events: none
}

.mc-button--secondary {
    color: #001838;
    background-color: #fff;
    border: 1px solid #001838
}

.mc-button--secondary:hover {
    background-color: #f3f6f9
}

.mc-button--secondary:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-button--secondary-plain {
    color: #69738c;
    background-color: #fff;
    border: 1px solid #979899
}

.mc-button--secondary-plain:hover {
    background-color: #f3f6f9
}

.mc-button--secondary-plain:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-button--single-button {
    margin: 0 auto;
    min-width: 50%;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mc-button--inline-button {
    display: inline-block
}

.mc-button--list-item {
    margin: 0 auto;
    width: 100%
}

.mc-button--tabs-primary {
    text-transform: none;
    border-color: #001838
}

.mc-button--tabs-secondary {
    text-transform: none;
    border-color: #f3f6f9;
    background-color: #f3f6f9
}

.mc-button--transparent {
    color: #001838;
    background-color: transparent;
    border: 1px solid #001838
}

.mc-button--transparent:hover {
    background-color: #f3f6f9
}

.mc-button--transparent:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-button--outline-white {
    border: 1px solid #f3f6f9
}

@media (min-width:37.5rem) {
    .mc-button-set {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-around;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

.mc-button-set .mc-button {
    width: 90%;
    margin: 0 5% 1em
}

@media (min-width:37.5rem) {
    .mc-button-set .mc-button {
        max-width: 50%;
        margin: 0 0 0 5%;
        -webkit-box-flex: 1;
        -webkit-flex: 1 1 0px;
        -ms-flex: 1 1 0px;
        flex: 1 1 0px
    }

    .mc-button-set .mc-button:last-child {
        margin-right: 5%
    }
}

.mc-tabs-nav {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
    font-weight: 700;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.mc-tabs-nav::-webkit-scrollbar {
    display: none
}

.mc-tabs-nav__item {
    position: relative;
    padding: 0 9px;
    word-spacing: 2px
}

.mc-tabs-nav__item:first-child {
    padding-left: 0
}

.mc-tabs-nav__item:last-child {
    padding-right: 0
}

.mc-tabs-nav__item-link {
    position: relative;
    display: block;
    padding-bottom: 16px;
    color: #001838;
    opacity: .8;
    text-decoration: none;
    -webkit-transition: color .2s ease-in-out, background .2s ease-in-out;
    transition: color .2s ease-in-out, background .2s ease-in-out;
    white-space: nowrap;
    outline: 0
}

.mc-tabs-nav__item-link:before {
    position: absolute;
    display: block;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    height: 0;
    background: #001838;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: -1
}

.mc-tabs-nav__item-link:focus,
.mc-tabs-nav__item-link:hover {
    opacity: 1
}

.mc-tabs-nav__item-link:focus:before,
.mc-tabs-nav__item-link:hover:before {
    height: 5px;
    z-index: 0
}

.mc-tabs-nav__item-link--active,
.mc-tabs-nav__item-link[aria-selected=true] {
    opacity: 1
}

.mc-tabs-nav__item-link--active:before,
.mc-tabs-nav__item-link[aria-selected=true]:before {
    height: 5px;
    z-index: 0
}

.mc-tabs-nav__item-link-text {
    display: none
}

@media (min-width:48rem) {
    .mc-tabs-nav__item-link-text {
        display: inline
    }
}

.mc-tabs-nav__item-link-text--short {
    display: none
}

@media (max-width:47.99rem) {
    .mc-tabs-nav__item-link-text--short {
        display: inline
    }
}

@media (min-width:48rem) {
    .mc-tabs-nav {
        font-size: 16px
    }

    .mc-tabs-nav__item {
        padding: 0 20px
    }

    .mc-tabs-nav__item:after {
        position: absolute;
        display: block;
        content: "";
        height: 16px;
        top: 1px;
        right: -1px;
        border-left: thin solid #6caddf
    }

    @supports (-o-object-fit:contain) {
        .mc-tabs-nav__item:after {
            width: 1px;
            background: #6caddf
        }
    }

    .mc-tabs-nav__item:last-child:after {
        display: none
    }

    .mc-tabs-nav__item-link {
        padding-bottom: 21px
    }
}

.mc-main-content--obsidian-navy .mc-tabs-nav__item-link {
    color: #dde6ed
}

.mc-main-content--obsidian-navy .mc-tabs-nav__item-link:before {
    background: #dde6ed
}

.mc-main-content--obsidian-navy .mc-tabs-nav__item-link--active,
.mc-main-content--obsidian-navy .mc-tabs-nav__item-link:focus,
.mc-main-content--obsidian-navy .mc-tabs-nav__item-link:hover,
.mc-main-content--obsidian-navy .mc-tabs-nav__item-link[aria-selected=true] {
    color: #fff
}

.mc-main-content--obsidian-navy .mc-tabs-nav__item-link--active:before,
.mc-main-content--obsidian-navy .mc-tabs-nav__item-link:focus:before,
.mc-main-content--obsidian-navy .mc-tabs-nav__item-link:hover:before,
.mc-main-content--obsidian-navy .mc-tabs-nav__item-link[aria-selected=true]:before {
    background: #fff
}

@media (min-width:48rem) {
    .mc-main-content--obsidian-navy .mc-tabs-nav__item:after {
        border-left-color: #576879
    }

    @supports (-o-object-fit:contain) {
        .mc-main-content--obsidian-navy .mc-tabs-nav__item:after {
            background: #576879
        }
    }
}

.mc-tabs-nav--buttony {
    padding-top: 20px
}

.mc-tabs-nav--buttony .mc-tabs-nav__item {
    padding: 0 2px
}

.mc-tabs-nav--buttony .mc-tabs-nav__item:after {
    content: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link {
    display: block;
    min-height: 40px;
    padding: 12px 12px 13px;
    cursor: pointer;
    
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .14px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    background-color: #001838;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    color: #001838;
    background-color: #fff;
    text-transform: none;
    border: 1px solid #f3f6f9;
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link:hover {
    background-color: #00285e
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link:disabled {
    opacity: .5;
    background-color: #001838
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--hidden {
    display: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--in-progress {
    background-image: url(https://web-assets.mancity.com/dist/images/man-city-loader.gif);
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 50%
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--min-125 {
    min-width: 125px
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--primary-yellow {
    color: #001838;
    background-color: #e6ff00;
    border: 1px solid #e6ff00
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--primary-yellow:hover {
    background-color: #e3ff86
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--primary-yellow:disabled {
    background-color: #e6ff00;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--primary-disabled,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link--primary-disabled:hover {
    color: #69738c;
    background-color: #dde6ed;
    border: 1px solid #dde6ed;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--primary-blue {
    color: #001838;
    background-color: #3bd6ff;
    border: 1px solid #3bd6ff
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--primary-blue:hover {
    background-color: #75e2ff
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--primary-blue:disabled {
    background-color: #3bd6ff;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--secondary {
    color: #001838;
    background-color: #fff;
    border: 1px solid #001838
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--secondary:hover {
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--secondary:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--secondary-plain {
    color: #69738c;
    background-color: #fff;
    border: 1px solid #979899
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--secondary-plain:hover {
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--secondary-plain:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--single-button {
    margin: 0 auto;
    min-width: 50%;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--inline-button {
    display: inline-block
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--list-item {
    margin: 0 auto;
    width: 100%
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--tabs-primary {
    text-transform: none;
    border-color: #001838
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--tabs-secondary {
    text-transform: none;
    border-color: #f3f6f9;
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--transparent {
    color: #001838;
    background-color: transparent;
    border: 1px solid #001838
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--transparent:hover {
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--transparent:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--outline-white {
    border: 1px solid #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link:hover {
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link:before {
    content: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link:after {
    content: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true] {
    display: block;
    min-height: 40px;
    padding: 12px 12px 13px;
    cursor: pointer;
    
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: .14px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    background-color: #001838;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: none;
    border: 1px solid #001838
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active:hover,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]:hover {
    background-color: #00285e
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active:disabled,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]:disabled {
    opacity: .5;
    pointer-events: none;
    background-color: #001838
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--hidden,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--hidden {
    display: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--in-progress,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--in-progress {
    background-image: url(https://web-assets.mancity.com/dist/images/man-city-loader.gif);
    background-repeat: no-repeat;
    background-size: auto 75%;
    background-position: 50%
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--min-125,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--min-125 {
    min-width: 125px
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--primary-yellow,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--primary-yellow {
    color: #001838;
    background-color: #e6ff00;
    border: 1px solid #e6ff00
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--primary-yellow:hover,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--primary-yellow:hover {
    background-color: #e3ff86
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--primary-yellow:disabled,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--primary-yellow:disabled {
    background-color: #e6ff00;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--primary-disabled,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--primary-disabled:hover,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--primary-disabled,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--primary-disabled:hover {
    color: #69738c;
    background-color: #dde6ed;
    border: 1px solid #dde6ed;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--primary-blue,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--primary-blue {
    color: #001838;
    background-color: #3bd6ff;
    border: 1px solid #3bd6ff
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--primary-blue:hover,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--primary-blue:hover {
    background-color: #75e2ff
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--primary-blue:disabled,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--primary-blue:disabled {
    background-color: #3bd6ff;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--secondary,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--secondary {
    color: #001838;
    background-color: #fff;
    border: 1px solid #001838
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--secondary:hover,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--secondary:hover {
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--secondary:disabled,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--secondary:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--secondary-plain,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--secondary-plain {
    color: #69738c;
    background-color: #fff;
    border: 1px solid #979899
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--secondary-plain:hover,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--secondary-plain:hover {
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--secondary-plain:disabled,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--secondary-plain:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--single-button,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--single-button {
    margin: 0 auto;
    min-width: 50%;
    max-width: 100%;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--inline-button,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--inline-button {
    display: inline-block
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--list-item,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--list-item {
    margin: 0 auto;
    width: 100%
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--tabs-primary,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--tabs-primary {
    text-transform: none;
    border-color: #001838
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--tabs-secondary,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--tabs-secondary {
    text-transform: none;
    border-color: #f3f6f9;
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--transparent,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--transparent {
    color: #001838;
    background-color: transparent;
    border: 1px solid #001838
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--transparent:hover,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--transparent:hover {
    background-color: #f3f6f9
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--transparent:disabled,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--transparent:disabled {
    background-color: #fff;
    pointer-events: none
}

.mc-tabs-nav--buttony .mc-tabs-nav__item-link--active--outline-white,
.mc-tabs-nav--buttony .mc-tabs-nav__item-link[aria-selected=true]--outline-white {
    border: 1px solid #f3f6f9
}

.mc-tabs-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    height: 56px;
    padding: 0 16px;
    background: #f3f6f9
}

.mc-tabs .mc-tabs-nav__item:after {
    border-left: thin solid #dde6ed
}

@supports (-o-object-fit:contain) {
    .mc-tabs .mc-tabs-nav__item:after {
        background: #dde6ed
    }
}

@media (min-width:48rem) {
    .mc-tabs .mc-tabs-nav__item {
        padding: 0 14px
    }

    .mc-tabs .mc-tabs-nav__item:first-child {
        padding-left: 0
    }

    .mc-tabs .mc-tabs-nav__item:last-child {
        padding-right: 0
    }
}

.mc-tabs .mc-tabs-nav__item-link {
    padding-bottom: 18px
}

.mc-tabs .mc-tabs-nav__item-link:before {
    background: #3bd6ff
}

.mc-tabs .mc-tabs-nav__item-link-text {
    font-size: 14px;
    text-transform: capitalize
}

.osc-search {
    padding: 10px 20px;
    display: none
}

.osc-search,
.osc-search input {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #0a1e32
}

.osc-search input {
    width: 100%;
    padding: 10px;
    border: none;
    font-size: 1.5em;
    color: #fff;
    outline: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    text-transform: capitalize
}

.osc-search-input {
    position: relative;
    max-width: 800px;
    width: 100%;
    margin: auto;
    border-bottom: 2px solid #fff
}

.osc-search-input .osc-search-input-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.osc-search-input .icon-search svg {
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px;
    color: #fff
}

.osc-search-result-wrap {
    position: relative;
    width: 100%
}

.osc-search-result-cont,
.osc-search-result-cont-no-results-found {
    background-color: #fff;
    position: absolute;
    z-index: 10;
    top: 2px;
    border-radius: 2px;
    border-top: 1px solid #e5e5e5;
    font-family: Arial, sans-serif;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 70vh;
    width: 100%
}

.osc-search-result-cont-no-results-found {
    overflow-y: hidden;
    height: auto;
    display: none
}

.osc-search-result {
    cursor: default;
    padding: 0 5px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    height: 50px;
    text-align: left;
    border-top: 1px solid #dde6ed;
    font-size: 16px;
    color: #979899;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.osc-search-result .osc-search-result-icon {
    color: #6caddf
}

.osc-search-result .osc-search-result-icon svg {
    width: 30px;
    height: 30px;
    max-width: 30px;
    max-height: 30px
}

.osc-search-result--selected {
    background-color: #3bd6ff;
    color: #0a1e32
}

.osc-search-result--selected .osc-search-result-icon {
    color: #0a1e32
}

.osc-search-result:lang(ar) {
    text-align: right
}

@media only screen and (max-width:64rem) {
    .osc-search .osc-search-input {
        font-size: .8em
    }

    .osc-search input {
        -webkit-transition: all .3s ease;
        transition: all .3s ease
    }
}

@media only screen and (max-width:48rem) {
    .osc-search input {
        padding: 5px 10px 5px 10%;
        font-size: 16px
    }
}

#osc-map {
    height: 500px
}

@media (max-width:37.49rem) {
    #osc-map {
        height: 70vh
    }
}

#osc-map div.gm-style div[tabindex="0"] div[style*="display: table-cell"] {
    text-shadow: -1px -1px 0 #0a1e32, 1px -1px 0 #0a1e32, -1px 1px 0 #0a1e32, 1px 1px 0 #0a1e32, 0 0 3px #0a1e32, 0 0 3px #0a1e32;
    max-width: 350px;
    white-space: normal !important
}

.create-branch-popup {
    display: none;
    background-color: #fff;
    position: absolute;
    left: 20px;
    top: 20px;
    padding: 25px 15px 15px;
    border-radius: 10px;
    text-align: center;
    opacity: .7;
    min-width: 250px;
    max-width: 270px
}

@media (max-width:37.49rem) {
    .create-branch-popup {
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}

.create-branch-popup:hover {
    opacity: unset
}

.create-branch-popup__close-button {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    width: 16px;
    height: 16px;
    color: #001838
}

.create-branch-popup__text {
    margin-bottom: 5px
}

.item-query {
    font-size: 18px;
    margin: 0 10px;
    color: #000
}

.map-wrap {
    position: relative
}

.map-wrap .define-location {
    display: none;
    position: absolute;
    bottom: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid #0a1e32;
    background-image: url(https://web-assets.mancity.com/dist/images/icons/map/my-locaiton.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin: 10px;
    right: 0;
    cursor: pointer
}

.cluster div {
    line-height: 48px !important
}

.cluster div,
.cluster img {
    top: -32px !important
}

.map-event-cont {
    max-width: 350px
}

.map-event-top-info-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

@media (max-width:37.49rem) {
    .map-event-top-info-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.map-event-top-info-left {
    width: 65%
}

@media (max-width:37.49rem) {
    .map-event-top-info-left {
        width: 100%
    }
}

.map-event-top-info-right {
    width: 35%
}

@media (max-width:37.49rem) {
    .map-event-top-info-right {
        width: 100%;
        margin: 10px 0
    }
}

.map-event-top-info-right span {
    font-weight: 400
}

.map-event-branch-title {
    font-size: 24px;
    font-weight: 700
}

.map-event-top-info-title-cont span {
    font-weight: 700
}

.map-event-top-info-title-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.map-event-top-info-title-cont table {
    border-collapse: collapse
}

.map-event-top-info-title-cont td {
    vertical-align: top;
    padding: 10px 10px 0 0
}

.map-event-image,
.map-event-introduction {
    margin-bottom: 10px
}

.map-event-bottom-info-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px
}

.map-event-bottom-info-cont table {
    border-collapse: collapse
}

.map-event-bottom-info-cont td {
    vertical-align: top;
    padding: 5px 5px 0 0
}

.card-slider__list-wrapper {
    position: relative;
    overflow-x: hidden
}

@media (min-width:64rem) {
    .card-slider__list-wrapper {
        overflow-x: visible
    }
}

.card-slider__list-wrapper:after,
.card-slider__list-wrapper:before {
    z-index: 5;
    position: absolute;
    content: "";
    top: 0;
    width: 7px;
    height: 100%
}

@media (min-width:64rem) {

    .card-slider__list-wrapper:after,
    .card-slider__list-wrapper:before {
        display: none
    }
}

.card-slider__list-wrapper:before {
    left: -1px
}

.card-slider__list-wrapper:after {
    right: -2px
}

.card-slider__list-wrapper--dark:before {
    background: -webkit-gradient(linear, left top, right top, from(#001838), to(rgba(0, 24, 56, 0)));
    background: linear-gradient(90deg, #001838, rgba(0, 24, 56, 0))
}

.card-slider__list-wrapper--dark:after {
    background: -webkit-gradient(linear, right top, left top, from(#001838), to(rgba(0, 24, 56, 0)));
    background: linear-gradient(270deg, #001838, rgba(0, 24, 56, 0))
}

.card-slider__list-wrapper--light:before {
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.card-slider__list-wrapper--light:after {
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
}

@supports (-o-object-fit:contain) {

    .card-slider__list-wrapper:after,
    .card-slider__list-wrapper:before {
        display: none
    }
}

.card-slider__group {
    position: relative
}

.card-slider__group.is-scrolled-max-left .card-slider__list-wrapper:before {
    opacity: 0
}

.card-slider__group.is-scrolled-max-right .card-slider__list-wrapper:after {
    opacity: 0
}

.card-slider__list {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 12px 0 15px
}

.card-slider__list::-webkit-scrollbar {
    display: none
}

.card-slider__list.no-scroll {
    overflow-x: visible;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.card-slider__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 238px;
    height: 293px;
    margin-right: 12px
}

.card-slider__item:first-child {
    margin-left: 16px
}

@media (min-width:48rem) {
    .card-slider__item:first-child {
        margin-left: 24px
    }
}

.card-slider__item:nth-last-child(2) {
    margin-right: 16px
}

@media (min-width:48rem) {
    .card-slider__item:nth-last-child(2) {
        margin-right: 24px
    }
}

@media (min-width:48rem) {
    .card-slider__item {
        width: 29.5%;
        height: 310px;
        margin-right: 16px
    }
}

@media (min-width:64rem) {
    .card-slider__item {
        width: 313px;
        height: 361px;
        margin-right: 18px
    }
}

.card-slider__item:last-child {
    margin-right: 0
}

.card-slider__item--hidden-spacer {
    width: 1px;
    height: 1px;
    content: "";
    visibility: hidden;
    margin: 0
}

.draggable:not(.no-scroll) {
    cursor: pointer
}

.draggable:not(.no-scroll).active {
    cursor: grabbing;
    cursor: -webkit-grabbing
}

.card-slider-nav {
    direction: ltr;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 10px
}

@media (min-width:48rem) {
    .card-slider-nav {
        margin-top: 8px;
        padding: 0 24px
    }
}

.card-slider-nav:after,
.card-slider-nav:before {
    content: "";
    height: 2px;
    opacity: .2;
    background-color: #001838
}

.card-slider-nav--dark:after,
.card-slider-nav--dark:before {
    background-color: #fff
}

.card-slider-nav--light:after,
.card-slider-nav--light:before {
    background-color: #001838
}

.card-slider-nav:before {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 12px
}

.card-slider-nav:after {
    width: 16px;
    margin-left: 8px
}

@media (min-width:48rem) {
    .card-slider-nav:after {
        width: 53px;
        margin-left: 16px
    }
}

.card-slider-nav.nav-hidden {
    display: none
}

.card-slider-nav__button {
    width: 32px;
    height: 32px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    color: inherit;
    background: none;
    border: none;
    line-height: 0;
    cursor: pointer
}

.card-slider-nav__button:active,
.card-slider-nav__button:hover {
    opacity: .9
}

.card-slider-nav__button:disabled {
    cursor: not-allowed;
    opacity: .2
}

.card-slider-nav__button+.card-slider-nav__button {
    margin-left: 16px
}

@media (min-width:48rem) {
    .card-slider-nav__button+.card-slider-nav__button {
        margin-left: 12px
    }
}

@media (min-width:48rem) {
    .card-slider-nav__button {
        width: 40px;
        height: 40px
    }
}

.card-slider-nav__button-icon {
    width: inherit;
    height: inherit
}

@supports (-o-object-fit:contain) {
    .card-slider-nav {
        display: none
    }
}

.mc-tooltip__icon-wrapper {
    width: 24px;
    height: 24px;
    display: block;
    margin-left: auto;
    border-radius: 50%;
    cursor: pointer;
    position: absolute;
    right: 8px;
    top: 0
}

.mc-tooltip__icon-wrapper:hover {
    background-color: rgba(91, 131, 212, .7)
}

.mc-tooltip__icon-wrapper:hover+.mc-tooltip__text-block {
    display: block
}

.mc-tooltip__icon {
    width: 100%;
    height: 100%
}

.mc-tooltip__text-block {
    
    font-size: 13px;
    line-height: 17px;
    color: #001838;
    padding: 16px;
    top: 62px;
    border: 1px solid #98c5e9;
    background: #fff;
    position: absolute;
    display: none;
    width: 100%;
    max-width: -webkit-calc(100% - 16px);
    max-width: calc(100% - 16px);
    right: 8px;
    z-index: 3;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 2px 8px 0 rgba(0, 0, 0, .2)
}

.mc-tooltip__text-block:before {
    content: "";
    position: absolute;
    border-top: 1px solid #98c5e9;
    border-left: 1px solid #98c5e9;
    height: 8px;
    width: 8px;
    background: #fff;
    top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 7px
}

@media (min-width:48rem) {
    .mc-heading-wrapper {
        background: #dde6ed
    }
}

.mc-form {
    margin: 0
}

.mc-form__success-message {
    margin-top: 20px
}

.mc-form__heading {
    font-size: 32px;
    line-height: 32px;
    margin-top: 30px;
    margin-bottom: 0;
    text-transform: uppercase
}

.mc-form h1 {
    font-size: 36px;
    line-height: 1;
    letter-spacing: -1px
}

@media (min-width:48rem) {
    .mc-form h1 {
        font-size: 52px
    }
}

@media (min-width:64rem) {
    .mc-form h1 {
        font-size: 48px
    }
}

.mc-form h2 {
    font-size: 24px;
    line-height: 24px;
    letter-spacing: -1px;
    margin-top: 30px;
    margin-bottom: 0
}

@media (min-width:48rem) {
    .mc-form h2 {
        font-size: 36px;
        line-height: 34px
    }
}

@media (min-width:64rem) {
    .mc-form h2 {
        font-size: 32px;
        line-height: 32px
    }
}

.mc-form h3 {
    font-size: 20px;
    line-height: 20px
}

@media (min-width:48rem) {
    .mc-form h3 {
        font-size: 24px;
        line-height: 22px
    }
}

@media (min-width:64rem) {
    .mc-form h3 {
        font-size: 20px;
        line-height: 20px
    }
}

.mc-form--inner {
    background: #fff;
    padding: spacing(5) 0 0
}

.mc-form--inner h1,
.mc-form--inner h2,
.mc-form--inner h3,
.mc-form--inner h4,
.mc-form--inner h5,
.mc-form--inner h6 {
    text-align: left
}

.mc-form p {
    
    font-size: 15px;
    line-height: 19px;
    color: #001838;
    margin-top: 20px;
    margin-bottom: 0
}

.mc-input {
    position: relative
}

.mc-input__label {
    color: #979899;
    
    position: absolute;
    top: 26px;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0;
    -webkit-transition: all .2s ease-out
}

.mc-input__input,
.mc-input__label {
    font-size: 15px;
    line-height: 19px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out
}

.mc-input__input {
    color: #001838;
    padding: 8px 30px 8px 0;
    width: 100%;
    border: none;
    border-bottom: 2px solid #f3f6f9;
    background: transparent;
    caret-color: #98c5e9;
    outline: none;
    margin: 10px 0 0
}

@media (max-width:425px) {
    .mc-input__input {
        margin-top: 25px
    }
}

.mc-input__input:focus {
    border-bottom-color: #98c5e9
}

.mc-input__input:focus+.mc-input__label {
    font-size: 11px;
    line-height: 15px;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%)
}

.mc-input__input:not(:-ms-input-placeholder)+.mc-input__label {
    font-size: 11px;
    line-height: 15px;
    transform: translateY(-200%)
}

.mc-input__input:not(:placeholder-shown)+.mc-input__label {
    font-size: 11px;
    line-height: 15px;
    -webkit-transform: translateY(-200%);
    transform: translateY(-200%)
}

.mc-input__input.input-validation-error {
    border-bottom: 3px solid #f64d61
}

.mc-input .mc-tooltip__icon-wrapper {
    top: 15px
}

.mc-input .mc-tooltip__text-block {
    top: 45px
}

.mc-form__wrapper {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .mc-form__wrapper {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .mc-form__wrapper {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .mc-form__wrapper {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .mc-form__wrapper {
        margin-top: 43px
    }
}

@media (min-width:64rem) {
    .mc-form__wrapper:first-child {
        margin-top: 0
    }
}

.mc-form table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.mc-form table th {
    text-align: left;
    color: #69738c
}

.mc-form table td,
.mc-form table th {
    padding: 8px
}

.mc-form table td:first-child,
.mc-form table th:first-child {
    padding-left: 1rem
}

.mc-form table td:last-child,
.mc-form table th:last-child {
    padding-right: 1rem
}

.mc-form table thead {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.23;
    color: #69738c
}

.mc-form table tbody {
    border-top: 1px solid #001838;
    border-bottom: 1px solid #001838;
    font-size: 14px;
    line-height: 1.29;
    color: #001838
}

@media (min-width:37.5rem) {
    .mc-form table tbody {
        font-size: 16px;
        line-height: 1.63
    }
}

.mc-form table tbody tr {
    border-bottom: 1px solid #dde6ed
}

.mc-form table tbody tr:last-child {
    border-bottom: none
}

.mc-form-container {
    background: #fff;
    position: relative;
    padding: 10px 16px 30px;
    min-height: 300px;
    -webkit-box-shadow: 2px 4px 9px 0 rgba(0, 40, 94, .2);
    box-shadow: 2px 4px 9px 0 rgba(0, 40, 94, .2)
}

@media (min-width:48rem) {
    .mc-form-container {
        padding: 10px 40px 30px
    }
}

.popout-container .mc-form-container {
    -webkit-box-shadow: none;
    box-shadow: none;
    padding-left: 0;
    padding-right: 0
}

.mc-form-container fieldset {
    border: none;
    min-width: 100%
}

.field-validation-error {
    width: 100%;
    display: block;
    padding: 12px 18px;
    
    font-size: 13px;
    line-height: 17px;
    color: #001838;
    background-color: rgba(246, 77, 97, .1);
    position: relative;
    margin-top: 12px
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .field-validation-error {
        font-size: 15px;
        line-height: 19px
    }
}

.field-validation-error:before {
    content: "";
    position: absolute;
    border-color: rgba(246, 77, 97, .1) transparent;
    border-style: solid;
    border-width: 0 8px 8px;
    height: 0;
    width: 0;
    top: -8px;
    left: 7px
}

.mc-form-header {
    height: 110px;
    background: #f3f6f9
}

.mc-form-fieldtype {
    margin-top: 16px
}

.umbraco-forms-navigation {
    margin-top: 1em
}

.mc-checkbox {
    position: relative
}

.mc-checkbox--with-tooltip {
    margin-top: 40px
}

.mc-checkbox--no-label .mc-checkbox__span {
    left: 0
}

.mc-checkbox--no-label .mc-checkbox__span:after {
    border: 1px solid #001838;
    background: #fff
}

.mc-checkbox--no-label .mc-checkbox__input:checked+.mc-checkbox__label .mc-checkbox__span:after {
    border: 1px solid #98c5e9
}

.mc-checkbox:not(.mc-checkbox--no-label) .mc-checkbox__label {
    border: 1px solid #dde6ed;
    padding: 16px 16px 16px 56px
}

.mc-checkbox:not(.mc-checkbox--no-label) .mc-checkbox__label:hover {
    color: #001838;
    border: 2px solid #98c5e9;
    padding: 15px 15px 15px 55px
}

.mc-checkbox:not(.mc-checkbox--no-label) .mc-checkbox__input:checked+.mc-checkbox__label {
    color: #001838;
    border: 1px solid #98c5e9;
    padding: 16px 16px 16px 56px;
    background: rgba(152, 197, 233, .3)
}

.mc-checkbox--disabled,
.mc-checkbox--disabled:hover {
    pointer-events: none
}

.mc-checkbox .mc-tooltip__icon-wrapper {
    top: -26px;
    right: 8px
}

.mc-checkbox .mc-tooltip__text-block {
    top: 5px
}

.mc-checkbox .mc-tooltip__text-block:before {
    right: 6px
}

.mc-checkbox__label {
    
    font-size: 15px;
    line-height: 19px;
    color: #001838;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.mc-checkbox__label span:not(.mc-checkbox__span) {
    display: contents
}

.mc-checkbox__span {
    position: absolute;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 16px;
    margin: 0 24px 0 0;
    cursor: pointer;
    z-index: 1
}

.mc-checkbox__span:before {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75), -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    content: "";
    position: absolute;
    left: 6px;
    top: 4px;
    z-index: 1;
    width: 14px;
    height: 8px;
    border-color: #001838;
    border-style: none none solid solid;
    border-width: 3px
}

.mc-checkbox__span:after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    width: 24px;
    height: 24px;
    background: #dde6ed;
    cursor: pointer
}

.mc-checkbox__input {
    position: absolute;
    cursor: pointer;
    opacity: 0
}

.mc-checkbox__input:checked+.mc-checkbox__label>.mc-checkbox__span:before {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1);
    z-index: 3
}

.mc-checkbox__input:checked+.mc-checkbox__label>.mc-checkbox__span:after {
    background: #fff;
    z-index: 2
}

.mc-checkbox__input:not(:checked)+.mc-checkbox__label:hover .mc-tooltip__icon-wrapper {
    right: 7px;
    top: -27px
}

.mc-checkbox__input:not(:checked)+.mc-checkbox__label:hover .mc-checkbox__span {
    left: 15px
}

.mc-radiobutton {
    position: relative
}

.mc-radiobutton__label {
    
    font-size: 15px;
    line-height: 19px;
    color: #001838;
    cursor: pointer;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: 1px solid #dde6ed;
    padding: 16px 16px 16px 56px
}

.mc-radiobutton__label:hover {
    color: #001838;
    border: 2px solid #98c5e9;
    padding: 15px 15px 15px 55px
}

@media (min-width:48rem) {
    .mc-radiobutton__label {
        width: 292px
    }
}

@media (min-width:64rem) {
    .mc-radiobutton__label {
        width: 312px
    }
}

.mc-radiobutton__label span:not(.mc-radiobutton__span) {
    display: contents
}

.mc-radiobutton__span {
    position: absolute;
    top: -webkit-calc(50% - 10px);
    top: calc(50% - 10px);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 16px;
    margin: 0 24px 0 0;
    cursor: pointer;
    z-index: 1
}

.mc-radiobutton__span:before {
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75), -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    -webkit-transform: scale(0);
    transform: scale(0);
    content: "";
    position: absolute;
    left: 8px;
    top: 6px;
    z-index: 3;
    width: 8px;
    height: 8px;
    background-color: #001838;
    border-radius: 50%
}

.mc-radiobutton__span:after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    border: 1.5px solid #69738c;
    cursor: pointer
}

.mc-radiobutton__input {
    position: absolute;
    cursor: pointer;
    opacity: 0
}

.mc-radiobutton__input:not(:checked)+.mc-radiobutton__label:hover .mc-tooltip__icon-wrapper {
    right: 1px;
    top: -27px
}

.mc-radiobutton__input:not(:checked)+.mc-radiobutton__label:hover .mc-radiobutton__span {
    left: 15px
}

.mc-radiobutton__input:checked+.mc-radiobutton__label {
    color: #001838;
    border: 1px solid #98c5e9;
    padding: 16px 16px 16px 56px;
    background: rgba(152, 197, 233, .3)
}

.mc-radiobutton__input:checked+.mc-radiobutton__label .mc-radiobutton__span:before {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.mc-radiobutton__input:checked+.mc-radiobutton__label .mc-radiobutton__span:after {
    border-color: #001838
}

.mc-checkbox-list {
    position: relative
}

.mc-checkbox-list__label {
    color: #979899;
    
    font-size: 15px;
    line-height: 19px;
    position: relative
}

.mc-checkbox-list .mc-tooltip__icon-wrapper {
    right: -35px
}

.mc-checkbox-list .mc-tooltip__text-block {
    width: -webkit-calc(100% + 35px);
    width: calc(100% + 35px);
    top: 33px
}

.mc-radiobutton-list {
    position: relative
}

@media (max-width:425px) {
    .mc-radiobutton-list {
        padding-bottom: 20px;
        padding-top: 20px
    }
}

.mc-radiobutton-list__label {
    color: #979899;
    
    font-size: 15px;
    line-height: 19px;
    position: relative;
    width: 100%;
    display: block
}

@media (min-width:48rem) {
    .mc-radiobutton-list__label {
        width: 292px
    }
}

@media (min-width:64rem) {
    .mc-radiobutton-list__label {
        width: 312px
    }
}

.mc-radiobutton-list .mc-tooltip__icon-wrapper {
    right: 8px
}

.mc-radiobutton-list .mc-tooltip__text-block {
    top: 33px;
    right: 8px
}

.mc-dropdown {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-top: 10px
}

.mc-dropdown--50-width {
    width: 50%
}

.mc-dropdown--75-width {
    width: 75%
}

.mc-dropdown.open .mc-dropdown__list {
    display: block
}

.mc-dropdown.open .mc-dropdown__button {
    background-color: #dde6ed
}

.mc-dropdown.open .mc-dropdown__caret-icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mc-dropdown__button {
    font-size: 14px;
    line-height: 1.14;
    width: 100%;
    padding: 10px 12px;
    color: #001838;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid #001838;
    background-color: #fff;
    cursor: pointer;
    outline: none
}

.mc-dropdown__button:hover {
    background-color: #f3f6f9
}

.mc-dropdown__button span:first-child {
    padding-right: 5px
}

.mc-dropdown__btn-icon {
    width: 16px;
    height: 16px
}

.mc-dropdown__caret-icon {
    width: 100%;
    height: 100%
}

.mc-dropdown__list {
    display: none;
    position: absolute;
    background-color: #fff;
    width: 100%;
    border: 1px solid #dde6ed;
    border-top: none;
    z-index: 5;
    max-height: 303.4px;
    overflow: auto
}

.mc-dropdown__list--search {
    top: 76px
}

.mc-dropdown__list-item {
    padding: 10px 12px;
    text-decoration: none;
    display: block;
    color: #001838;
    cursor: pointer;
    position: relative
}

.mc-dropdown__list-item:not(:last-child) {
    border-bottom: 1px solid #dde6ed
}

.mc-dropdown__list-item:hover {
    background-color: rgba(59, 214, 255, .15)
}

.mc-dropdown__list-item.selected {
    font-weight: 700;
    background-color: rgba(59, 214, 255, .4);
    padding-right: 30px
}

.mc-dropdown__list-item.selected:after {
    display: block;
    content: " ";
    background-image: url(https://web-assets.mancity.com/dist/images/icons/tick.svg);
    background-size: 24px 24px;
    height: 24px;
    width: 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 5px
}

.mc-dropdown__select {
    display: none
}

.mc-dropdown--blue .mc-dropdown__button {
    background-color: #001838;
    color: #fff;
    border: 1px solid #fff
}

.mc-dropdown--blue.open .mc-dropdown__button {
    background-color: #001838
}

.mc-dropdown__search-input {
    width: 100%;
    height: 38px;
    padding-left: 12px;
    padding-right: 32px;
    color: #001838;
    display: none;
    position: absolute;
    z-index: 5;
    font-size: 16px
}

.mc-dropdown__btn-clear {
    border: none;
    background: transparent;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 8px;
    z-index: 6;
    top: 46px;
    display: none;
    cursor: pointer
}

.mc-dropdown__close-icon {
    width: 100%;
    height: 100%;
    color: #001838
}

.mc-dropdown-wrapper__label {
    color: #979899;
    
    font-size: 15px;
    line-height: 19px;
    position: relative
}

.mc-dropdown-wrapper__label--dark-theme {
    color: #dde6ed
}

.mc-dropdown-wrapper .mc-tooltip__icon-wrapper {
    right: 8px;
    top: -30px
}

.mc-dropdown-wrapper .mc-tooltip__text-block {
    width: -webkit-calc(100% + 35px);
    width: calc(100% + 35px);
    top: 0;
    right: 8px
}

.mc-file-input-label {
    display: block;
    position: relative
}

.mc-file-input-label .mc-tooltip__text-block {
    top: 30px
}

.mc-file-input {
    margin: 16px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mc-file-input input[type=file] {
    display: none
}

.mc-file-input .mc-file-val {
    position: absolute;
    width: 1px;
    height: 1px;
    border: 0;
    padding: 0;
    z-index: 1;
    background-color: transparent
}

.mc-file-input--hidden {
    display: none
}

.mc-file-input__icon-wrapper {
    display: inline-block;
    width: 24px;
    height: 24px
}

.mc-file-input__icon-wrapper--hidden {
    display: none
}

.mc-file-input__icon {
    width: 100%;
    height: 100%;
    color: #001838
}

.mc-file-status-wrap {
    display: block;
    padding: 10px 0
}

.mc-file-upload-template {
    display: none !important
}

.mc-file-existing,
.mc-file-inprogress,
.mc-file-input-label,
.mc-file-not-existing {
    width: 100%
}

@media (min-width:48rem) {

    .mc-file-existing,
    .mc-file-inprogress,
    .mc-file-input-label,
    .mc-file-not-existing {
        width: 292px
    }
}

@media (min-width:64rem) {

    .mc-file-existing,
    .mc-file-inprogress,
    .mc-file-input-label,
    .mc-file-not-existing {
        width: 312px
    }
}

.mc-file-existing,
.mc-file-inprogress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    border: 1px solid #dde6ed;
    padding: 16px
}

.mc-file-existing--hidden,
.mc-file-inprogress--hidden {
    display: none
}

.mc-file-not-existing {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mc-file-not-existing--hidden {
    display: none
}

.mc-file-not-existing--disable {
    pointer-events: none;
    cursor: default;
    opacity: .5
}

.mc-file-not-existing label {
    width: 100%
}

.mc-file-existing-name {
    width: 80%;
    overflow: hidden;
    line-height: 1.5;
    white-space: nowrap;
    color: #001838
}

.mc-file-existing-remove,
.mc-file-upload-cancel {
    margin-left: auto
}

.mc-file-progress-finishing-cont {
    display: none;
    position: absolute;
    top: 18px;
    left: 0;
    width: 85%;
    text-align: center;
    color: #fff;
    height: 20px;
    opacity: 0;
    -webkit-animation: blinker 1s linear infinite;
    animation: blinker 1s linear infinite
}

@-webkit-keyframes blinker {
    50% {
        opacity: 1
    }
}

@keyframes blinker {
    50% {
        opacity: 1
    }
}

form.mc-form[disabled=disabled] input[type=submit] {
    opacity: .5
}

.progress {
    background-color: #98c5e9;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 20px;
    width: 85%
}

@-webkit-keyframes progress-value-stripes {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-value-stripes {
    0% {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

.progress-value {
    background-color: #001838;
    -webkit-box-shadow: none;
    box-shadow: none;
    height: 20px
}

.progress-value.active {
    -webkit-animation: progress-value-stripes 2s linear infinite;
    animation: progress-value-stripes 2s linear infinite
}

.progress-value.progress-striped {
    background-size: 40px 40px;
    background-color: #98c5e9;
    background-image: linear-gradient(-45deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0, transparent)
}

.intro-1,
.intro-2 {
    margin-left: -21px;
    margin-right: -20px
}

.intro-1 p {
    margin-top: 0
}

.RichText.umbraco-forms-field:not(:first-child),
.Text.umbraco-forms-field:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {

    .RichText.umbraco-forms-field:not(:first-child),
    .Text.umbraco-forms-field:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {

    .RichText.umbraco-forms-field:not(:first-child),
    .Text.umbraco-forms-field:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {

    .RichText.umbraco-forms-field:not(:first-child),
    .Text.umbraco-forms-field:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {

    .RichText.umbraco-forms-field:not(:first-child),
    .Text.umbraco-forms-field:not(:first-child) {
        margin-top: 43px
    }
}

.RichText.umbraco-forms-field .ff-rich-text,
.Text.umbraco-forms-field .ff-rich-text {
    margin-top: 0
}

.mc-form-richtext {
    position: relative
}

.mc-form-richtext--tooltip>.ff-rich-text>:first-child {
    margin-right: 40px
}

.mc-form-richtext .mc-tooltip__text-block {
    top: 32px;
    width: auto
}

.mc-form-richtext .mc-form__heading {
    margin-right: 40px
}

.mc-textarea {
    position: relative
}

.mc-textarea__label {
    font-size: 15px;
    line-height: 19px;
    color: #979899;
    
    position: absolute;
    left: 5px;
    z-index: 0;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    top: 12px;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    padding-left: 5px
}

.mc-textarea__label--has-paceholder {
    font-size: 11px;
    line-height: 15px;
    top: -25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    min-height: 35px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0
}

@media (max-width:425px) {
    .mc-textarea__label--has-paceholder {
        top: -35px;
        min-height: 45px
    }
}

@media (max-width:375px) {
    .mc-textarea__label--has-paceholder {
        top: -40px;
        min-height: 50px
    }
}

@media (min-width:48rem) {
    .mc-textarea__label--has-paceholder {
        width: 93%
    }
}

@media (min-width:64rem) {
    .mc-textarea__label--has-paceholder {
        width: 95%
    }
}

.mc-textarea__textarea {
    font-size: 15px;
    line-height: 19px;
    max-width: 100%;
    color: #001838;
    padding: 8px 30px 8px 0;
    width: 100%;
    border: 2px solid #f3f6f9;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    background: transparent;
    caret-color: #98c5e9;
    outline: none;
    margin: 10px 0 0
}

.mc-textarea__textarea:focus {
    border-color: #98c5e9
}

.mc-textarea__textarea:focus+.mc-textarea__label {
    font-size: 11px;
    line-height: 15px;
    top: -25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    min-height: 35px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0
}

@media (max-width:425px) {
    .mc-textarea__textarea:focus+.mc-textarea__label {
        top: -35px;
        min-height: 45px
    }
}

@media (max-width:375px) {
    .mc-textarea__textarea:focus+.mc-textarea__label {
        top: -40px;
        min-height: 50px
    }
}

@media (min-width:48rem) {
    .mc-textarea__textarea:focus+.mc-textarea__label {
        width: 93%
    }
}

@media (min-width:64rem) {
    .mc-textarea__textarea:focus+.mc-textarea__label {
        width: 95%
    }
}

.mc-textarea__textarea:not(:-ms-input-placeholder)+.mc-textarea__label {
    font-size: 11px;
    line-height: 15px;
    top: -25px;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    min-height: 35px;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0
}

.mc-textarea__textarea:not(:placeholder-shown)+.mc-textarea__label {
    font-size: 11px;
    line-height: 15px;
    top: -25px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
    min-height: 35px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 0
}

@media (max-width:425px) {
    .mc-textarea__textarea:not(:-ms-input-placeholder)+.mc-textarea__label {
        top: -35px;
        min-height: 45px
    }

    .mc-textarea__textarea:not(:placeholder-shown)+.mc-textarea__label {
        top: -35px;
        min-height: 45px
    }
}

@media (max-width:375px) {
    .mc-textarea__textarea:not(:-ms-input-placeholder)+.mc-textarea__label {
        top: -40px;
        min-height: 50px
    }

    .mc-textarea__textarea:not(:placeholder-shown)+.mc-textarea__label {
        top: -40px;
        min-height: 50px
    }
}

@media (min-width:48rem) {
    .mc-textarea__textarea:not(:-ms-input-placeholder)+.mc-textarea__label {
        width: 93%
    }

    .mc-textarea__textarea:not(:placeholder-shown)+.mc-textarea__label {
        width: 93%
    }
}

@media (min-width:64rem) {
    .mc-textarea__textarea:not(:-ms-input-placeholder)+.mc-textarea__label {
        width: 95%
    }

    .mc-textarea__textarea:not(:placeholder-shown)+.mc-textarea__label {
        width: 95%
    }
}

.mc-textarea-wrapper {
    margin-top: 30px;
    position: relative
}

@media (max-width:425px) {
    .mc-textarea-wrapper {
        margin-top: 40px
    }
}

@media (max-width:375px) {
    .mc-textarea-wrapper {
        margin-top: 45px
    }
}

.mc-textarea-wrapper .mc-tooltip__icon-wrapper {
    top: -15px
}

@media (max-width:425px) {
    .mc-textarea-wrapper .mc-tooltip__icon-wrapper {
        right: 0
    }
}

.mc-textarea-wrapper .mc-tooltip__text-block {
    top: 16px
}

.datepicker--cells {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.datepicker--cell,
.datepicker--cells {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.datepicker--cell {
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 32px;
    z-index: 1
}

.datepicker--cell.-focus- {
    background: #f0f0f0
}

.datepicker--cell.-current- {
    color: #4eb5e6
}

.datepicker--cell.-current-.-focus- {
    color: #4a4a4a
}

.datepicker--cell.-current-.-in-range- {
    color: #4eb5e6
}

.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, .1);
    color: #4a4a4a;
    border-radius: 0
}

.datepicker--cell.-in-range-.-focus- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae
}

.datepicker--cell.-disabled-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-disabled-.-in-range- {
    color: #a1a1a1
}

.datepicker--cell.-disabled-.-current-.-focus- {
    color: #aeaeae
}

.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 4px 0 0 4px
}

.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, .5);
    background-color: rgba(92, 196, 239, .1);
    border-radius: 0 4px 4px 0
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
    color: #fff
}

.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px
}

.datepicker--cell.-selected- {
    border: none
}

.datepicker--cell.-selected-.-focus- {
    background: #45bced
}

.datepicker--cell:empty {
    cursor: default
}

.datepicker--days-names {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 8px 0 3px
}

.datepicker--day-name,
.datepicker--days-names {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.datepicker--day-name {
    color: #ff9a19;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    text-align: center;
    text-transform: uppercase;
    font-size: .8em
}

.-only-timepicker- .datepicker--content,
.datepicker--body,
.datepicker-inline .datepicker--pointer {
    display: none
}

.datepicker--cell-day {
    width: 14.28571%
}

.datepicker--cells-months {
    height: 170px
}

.datepicker--cell-month {
    width: 33.33%;
    height: 25%
}

.datepicker--cells-years,
.datepicker--years {
    height: 170px
}

.datepicker--cell-year {
    width: 25%;
    height: 33.33%
}

.datepickers-container {
    position: absolute;
    left: 0;
    top: 0
}

@media print {
    .datepickers-container {
        display: none
    }
}

.datepicker {
    background: #fff;
    border: 1px solid #dbdbdb;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    font-family: Tahoma, sans-serif;
    font-size: 14px;
    color: #4a4a4a;
    width: 250px;
    position: absolute;
    left: -100000px;
    opacity: 0;
    transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
    -webkit-transition: opacity .3s ease, left 0s .3s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s;
    transition: opacity .3s ease, transform .3s ease, left 0s .3s, -webkit-transform .3s ease;
    z-index: 100
}

.datepicker.-from-top- {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px)
}

.datepicker.-from-right- {
    -webkit-transform: translateX(8px);
    transform: translateX(8px)
}

.datepicker.-from-bottom- {
    -webkit-transform: translateY(8px);
    transform: translateY(8px)
}

.datepicker.-from-left- {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px)
}

.datepicker.active {
    opacity: 1;
    -webkit-transform: translate(0);
    transform: translate(0);
    transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
    -webkit-transition: opacity .3s ease, left 0s 0s, -webkit-transform .3s ease;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s;
    transition: opacity .3s ease, transform .3s ease, left 0s 0s, -webkit-transform .3s ease
}

.datepicker-inline .datepicker {
    border-color: #d7d7d7;
    -webkit-box-shadow: none;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    -webkit-transform: none;
    transform: none
}

.datepicker--content {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding: 4px
}

.datepicker--pointer {
    position: absolute;
    background: #fff;
    border-top: 1px solid #dbdbdb;
    border-right: 1px solid #dbdbdb;
    width: 10px;
    height: 10px;
    z-index: -1
}

.datepicker--nav-action:hover,
.datepicker--nav-title:hover {
    background: #f0f0f0
}

.-top-center- .datepicker--pointer,
.-top-left- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    top: -webkit-calc(100% - 4px);
    top: calc(100% - 4px);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.-right-bottom- .datepicker--pointer,
.-right-center- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    right: -webkit-calc(100% - 4px);
    right: calc(100% - 4px);
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg)
}

.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: -webkit-calc(100% - 4px);
    bottom: calc(100% - 4px);
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

.-left-bottom- .datepicker--pointer,
.-left-center- .datepicker--pointer,
.-left-top- .datepicker--pointer {
    left: -webkit-calc(100% - 4px);
    left: calc(100% - 4px);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.-bottom-left- .datepicker--pointer,
.-top-left- .datepicker--pointer {
    left: 10px
}

.-bottom-right- .datepicker--pointer,
.-top-right- .datepicker--pointer {
    right: 10px
}

.-bottom-center- .datepicker--pointer,
.-top-center- .datepicker--pointer {
    left: -webkit-calc(50% - 5px);
    left: calc(50% - 5px)
}

.-left-top- .datepicker--pointer,
.-right-top- .datepicker--pointer {
    top: 10px
}

.-left-bottom- .datepicker--pointer,
.-right-bottom- .datepicker--pointer {
    bottom: 10px
}

.-left-center- .datepicker--pointer,
.-right-center- .datepicker--pointer {
    top: -webkit-calc(50% - 5px);
    top: calc(50% - 5px)
}

.datepicker--body.active {
    display: block
}

.datepicker--nav {
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #efefef;
    min-height: 32px;
    padding: 4px
}

.-only-timepicker- .datepicker--nav {
    display: none
}

.datepicker--nav-action,
.datepicker--nav-title {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    cursor: pointer;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center
}

.datepicker--nav-action {
    width: 32px;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.datepicker--nav-action.-disabled- {
    visibility: hidden
}

.datepicker--nav-action svg {
    width: 32px;
    height: 32px
}

.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px
}

.datepicker--nav-title {
    border-radius: 4px;
    padding: 0 8px
}

.datepicker--buttons,
.datepicker--time {
    border-top: 1px solid #efefef;
    padding: 4px
}

.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px
}

.datepicker--nav-title.-disabled- {
    cursor: default;
    background: 0 0
}

.datepicker--buttons {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex
}

.datepicker--button {
    color: #4eb5e6;
    cursor: pointer;
    border-radius: 4px;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: -webkit-inline-box;
    display: inline-flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    height: 32px
}

.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0
}

.datepicker--time {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    position: relative
}

.datepicker--time.-am-pm- .datepicker--time-sliders {
    -webkit-flex: 0 1 138px;
    -ms-flex: 0 1 138px;
    -webkit-box-flex: 0;
    flex: 0 1 138px;
    max-width: 138px
}

.-only-timepicker- .datepicker--time {
    border-top: none
}

.datepicker--time-sliders {
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 153px;
    -webkit-box-flex: 0;
    flex: 0 1 153px;
    margin-right: 10px;
    max-width: 153px
}

.datepicker--time-label {
    display: none;
    font-size: 12px
}

.datepicker--time-current {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    font-size: 14px;
    text-align: center;
    margin: 0 0 0 10px
}

.datepicker--time-current-colon {
    margin: 0 2px 3px;
    line-height: 1
}

.datepicker--time-current-hours,
.datepicker--time-current-minutes {
    line-height: 1;
    font-size: 19px;
    font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
    position: relative;
    z-index: 1
}

.datepicker--time-current-hours:after,
.datepicker--time-current-minutes:after {
    content: "";
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0
}

.datepicker--time-current-hours.-focus-:after,
.datepicker--time-current-minutes.-focus-:after {
    opacity: 1
}

.datepicker--time-current-ampm {
    text-transform: uppercase;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    color: #9c9c9c;
    margin-left: 6px;
    font-size: 11px;
    margin-bottom: 1px
}

.datepicker--time-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
    font-size: 11px;
    height: 17px;
    background: -webkit-gradient(linear, left top, right top, from(#dedede), to(#dedede)) left 50%/100% 1px no-repeat;
    background: linear-gradient(90deg, #dedede, #dedede) left 50%/100% 1px no-repeat
}

.datepicker--time-row:first-child {
    margin-bottom: 4px
}

.datepicker--time-row input[type=range] {
    background: 0 0;
    cursor: pointer;
    -webkit-flex: 1;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none
}

.datepicker--time-row input[type=range]::-ms-tooltip {
    display: none
}

.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-moz-range-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:hover::-ms-thumb {
    border-color: #b8b8b8
}

.datepicker--time-row input[type=range]:focus {
    outline: 0
}

.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-moz-range-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]:focus::-ms-thumb {
    background: #5cc4ef;
    border-color: #5cc4ef
}

.datepicker--time-row input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    -webkit-transition: background .2s;
    transition: background .2s;
    margin-top: -6px
}

.datepicker--time-row input[type=range]::-moz-range-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    -moz-transition: background .2s;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-ms-thumb {
    box-sizing: border-box;
    height: 12px;
    width: 12px;
    border-radius: 3px;
    border: 1px solid #dedede;
    background: #fff;
    cursor: pointer;
    -ms-transition: background .2s;
    transition: background .2s
}

.datepicker--time-row input[type=range]::-webkit-slider-runnable-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-moz-range-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-track {
    border: none;
    height: 1px;
    cursor: pointer;
    color: transparent;
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-lower {
    background: 0 0
}

.datepicker--time-row input[type=range]::-ms-fill-upper {
    background: 0 0
}

.datepicker--time-row span {
    padding: 0 12px
}

.datepicker--time-icon {
    color: #9c9c9c;
    border: 1px solid;
    border-radius: 50%;
    font-size: 16px;
    position: relative;
    margin: 0 5px -1px 0;
    width: 1em;
    height: 1em
}

.datepicker--time-icon:after,
.datepicker--time-icon:before {
    content: "";
    background: currentColor;
    position: absolute
}

.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: -webkit-calc(50% - 1px);
    left: calc(50% - 1px);
    top: -webkit-calc(50% + 1px);
    top: calc(50% + 1px);
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%)
}

.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: -webkit-calc(50% + 1px);
    top: calc(50% + 1px);
    left: -webkit-calc(50% - 1px);
    left: calc(50% - 1px)
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.datepicker--cell-day.-other-month-:hover,
.datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5
}

.-disabled-.-focus-.datepicker--cell-day.-other-month-,
.-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede
}

.-selected-.datepicker--cell-day.-other-month-,
.-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6
}

.-selected-.-focus-.datepicker--cell-day.-other-month-,
.-selected-.-focus-.datepicker--cell-year.-other-decade- {
    background: #8ad5f4
}

.-in-range-.datepicker--cell-day.-other-month-,
.-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .1);
    color: #ccc
}

.-in-range-.-focus-.datepicker--cell-day.-other-month-,
.-in-range-.-focus-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, .2)
}

.datepicker--cell-day.-other-month-:empty,
.datepicker--cell-year.-other-decade-:empty {
    background: 0 0;
    border: none
}

.mc-datepicker {
    margin-top: 10px
}

.mc-datepicker__label {
    font-size: 15px;
    line-height: 19px;
    color: #979899;
    
    position: relative
}

.mc-datepicker__input-wrapper {
    position: relative
}

.mc-datepicker .mc-tooltip__icon-wrapper {
    top: -40px
}

.mc-datepicker .mc-tooltip__text-block {
    top: -7px
}

.mc-datepicker__input {
    font-size: 15px;
    line-height: 19px;
    border: 2px solid #f3f6f9;
    margin-top: 10px;
    padding: 8px;
    cursor: pointer;
    width: 100%
}

.mc-datepicker__input::-webkit-input-placeholder {
    color: #979899
}

.mc-datepicker__input:-ms-input-placeholder {
    color: #979899
}

.mc-datepicker__input::-ms-input-placeholder {
    color: #979899
}

.mc-datepicker__input::placeholder {
    color: #979899
}

@media (min-width:48rem) {
    .mc-datepicker__input {
        width: 292px
    }
}

@media (min-width:64rem) {
    .mc-datepicker__input {
        width: 312px
    }
}

.datepicker--day-name {
    color: #001838;
    font-weight: 700
}

.locale-selector-modal {
    display: none;
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding-top: 36px;
    border: 0;
    -webkit-transition: .2s cubic-bezier(.215, .61, .355, 1);
    transition: .2s cubic-bezier(.215, .61, .355, 1);
    background-color: #fff;
    -webkit-overflow-scrolling: touch;
    z-index: -1
}

.locale-selector-modal .btn-close {
    cursor: pointer;
    position: absolute;
    right: 2.40964%;
    top: 2.40964%;
    width: 50px;
    height: 19px;
    color: #01285f;
    background: transparent;
    border: none
}

.locale-selector-modal .btn-close svg {
    width: 100%;
    height: 100%
}

.locale-selector-modal .btn-close:after,
.locale-selector-modal .btn-close:before {
    background-color: #001838
}

.locale-selector-modal[open] {
    display: block;
    z-index: 25
}

.locale-selector-page {
    padding: 2.40964% 0 0
}

.locale-selector-page__divider {
    border-top: 6px solid #001838;
    left: 0;
    position: absolute;
    margin-top: 10px;
    width: 24.10714%
}

@media (max-width:1343px) {
    .locale-selector-page__divider {
        width: 21.42859%
    }
}

@media (max-width:1024px) {
    .locale-selector-page__divider {
        width: 16.21624%
    }
}

@media (max-width:519px) {
    .locale-selector-page__divider {
        display: none
    }
}

.locale-selector-header {
    margin-bottom: 40px
}

.locale-selector-header__heading {
    margin: 0;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 67px;
    line-height: 68px;
    letter-spacing: .67px
}

@media (min-width:37.5rem) {
    .locale-selector-header__heading {
        font-size: 43px;
        line-height: 44px;
        letter-spacing: .43px
    }
}

@media (max-width:519px) {
    .locale-selector-header__heading {
        margin-left: 40px
    }
}

.locale-selector-header__icon {
    float: left;
    height: 57px;
    margin-right: 20px;
    margin-top: 3px;
    width: 57px
}

@media (max-width:1024px) {
    .locale-selector-header__icon {
        height: 40px;
        width: 40px
    }
}

@media (max-width:519px) {
    .locale-selector-header__icon {
        height: 40px;
        margin-top: 0;
        position: absolute;
        width: 40px
    }
}

.locale-selector-content {
    font-size: 18px;
    margin: 0 25.89286vw;
    width: 54.24107vw
}

@media (max-width:1343px) {
    .locale-selector-content {
        margin: 0 23.2143%;
        width: 53.57148%
    }
}

@media (max-width:1024px) {
    .locale-selector-content {
        margin: 0 18.91893%;
        width: 78.3785%
    }
}

@media (max-width:519px) {
    .locale-selector-content {
        font-size: 16px;
        margin: 20px auto;
        width: 86.2069%
    }
}

.locale-selector-items p {
    font-size: 16px;
    margin: 0 0 30px
}

.locale-selector-item {
    font-size: 18px;
    border-bottom: 1px solid rgba(47, 49, 51, .1);
    float: left;
    margin-right: 1.78571vw;
    max-height: 50px;
    min-height: 50px;
    padding: 12px 0;
    width: 22.32143vw
}

.locale-selector-item:first-of-type {
    border-top: 1px solid rgba(47, 49, 51, .1)
}

.locale-selector-item:nth-of-type(2) {
    border-top: 1px solid rgba(47, 49, 51, .1)
}

@media (max-width:519px) {
    .locale-selector-item:nth-of-type(2) {
        border-top: none
    }
}

@media (max-width:1343px) {
    .locale-selector-item {
        margin-right: 1.7857vw;
        width: 19.64289vw
    }
}

@media (max-width:1024px) {
    .locale-selector-item {
        margin-right: 2.70269vw;
        width: 29.72979vw
    }
}

@media (max-width:519px) {
    .locale-selector-item {
        margin-right: 6.89655vw;
        width: 86.2069vw
    }
}

.locale-selector-item a {
    color: #001838
}

.locale-selector-item__social {
    float: right;
    opacity: 1;
    visibility: visible;
    -webkit-transition: .3s;
    transition: .3s
}

.locale-selector-item__social a {
    display: inline-block;
    height: 25px;
    position: relative;
    width: 25px
}

.locale-selector-item__social .icon {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 15px
}

.mc-mobile-menu-cityzens-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mc-mobile-menu-cityzens-nav__item {
    max-width: 90px;
    margin-right: 8px
}

.mc-mobile-menu-cityzens-nav__item:last-child {
    margin-right: 0
}

.mc-mobile-menu-cityzens-nav__link {
    overflow: hidden;
    display: block;
    padding: 4px 7.5px;
    border-radius: 2px;
    border: 1px solid #3bd6ff;
    text-overflow: ellipsis;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    text-decoration: none;
    color: #fff;
    -webkit-transition: border .1s ease-in-out;
    transition: border .1s ease-in-out;
    text-align: center
}

.mc-mobile-menu-cityzens-nav__link:hover {
    border: 1px solid #4496d7
}

.mc-mobile-menu-cityzens-nav__link-text {
    white-space: nowrap;
    text-transform: uppercase
}

.mc-mobile-menu-primary-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mc-mobile-menu-primary-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 44px;
    font-family: KippaxCondensed, sans-serif
}

.mc-mobile-menu-primary-list__item:not(:last-child) {
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.mc-mobile-menu-primary-list__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 28px;
    letter-spacing: .27px;
    color: #fff;
    text-transform: uppercase
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .mc-mobile-menu-primary-list__link {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.mc-mobile-menu-primary-list__link:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff;
    will-change: opacity
}

.mc-mobile-menu-primary-list__link-text {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.mc-mobile-menu-primary-list__link-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto;
    padding-right: 8px;
    padding-left: 8px
}

.mc-mobile-menu-primary-list__link-icon svg {
    width: 16px;
    height: 16px
}

.mc-mobile-menu-primary-list__cityzens-nav {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 10px
}

.mc-mobile-menu-secondary-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    padding-top: 18px
}

.mc-mobile-menu-secondary-list__item {
    width: 48%;
    margin: 0 0 5px;
    font-family: Kippax, sans-serif
}

.mc-mobile-menu-secondary-list__item:nth-child(odd) {
    margin-right: 4%
}

.mc-mobile-menu-secondary-list__item:nth-child(odd):nth-last-child(-n+2),
.mc-mobile-menu-secondary-list__item:nth-child(odd):nth-last-child(-n+2)~.mc-mobile-menu-secondary-list__item {
    margin-bottom: 0
}

.mc-mobile-menu-secondary-list__link {
    display: block;
    padding: 6px 0;
    word-spacing: -1px;
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
    color: #fff
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .mc-mobile-menu-secondary-list__link {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.mc-mobile-menu-secondary-list__link:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff;
    will-change: opacity
}

.mc-mobile-menu-secondary-list__link-text {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mc-mobile-menu {
    display: none;
    position: fixed;
    margin: 0;
    padding: 17px 16px;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
    z-index: 3000;
    color: #fff;
    background-color: #001838
}

.mc-mobile-menu[open] {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mc-mobile-menu__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mc-mobile-menu__heading {
    margin: 0;
    
    color: #3bd6ff;
    font-size: 13px;
    line-height: 17px;
    font-weight: 700
}

.mc-mobile-menu__heading-link {
    color: inherit
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .mc-mobile-menu__heading-link {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.mc-mobile-menu__heading-link:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #98c5e9;
    text-decoration-color: #98c5e9;
    will-change: opacity
}

.mc-mobile-menu__close {
    background-color: transparent;
    border: none;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    margin: 0 3px 0 auto;
    padding: 0;
    border-radius: 50%;
    background: #fff;
    cursor: pointer
}

.mc-mobile-menu__close svg {
    width: 16px;
    height: 16px;
    color: #001838;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.mc-mobile-menu__close:hover svg {
    color: #98c5e9
}

.mc-mobile-menu__nav {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 100%;
    margin-top: 1px;
    overflow-y: auto
}

.mc-mobile-menu__nav::-webkit-scrollbar {
    display: none
}

.mc-mobile-menu__secondary-list {
    margin-top: 19px
}

.mc-mobile-menu__secondary-list:first-child {
    margin-top: 0
}

.sub-header {
    padding: 30px 0 0;
}

.sub-header__primary {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.sub-header__primary:last-child {
    margin-bottom: 0
}

.sub-header__heading {
    margin: 0;
    color: #d80000;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 41px;
    letter-spacing: .4px
}

@media (min-width:37.5rem) {
    .sub-header__heading {
        font-size: xx-large;
        line-height: 61px;
        letter-spacing: .6px
    }
}

.sub-header__sponsor {
    margin-top: -5px;
    margin-left: auto
}

@media (min-width:64rem) {
    .sub-header__sponsor {
        margin-top: -2px
    }
}

.sub-header__sponsor-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.sub-header__sponsor-text {
    color: #69738c;
    font-size: 13px;
    margin-right: 25px;
    text-transform: uppercase
}

.sub-header__sponsor-text:last-child {
    margin-right: 0
}

@media (min-width:64rem) {
    .sub-header__sponsor-text {
        margin-right: 22px
    }
}

.sub-header__sponsor-img {
    height: 20px;
    max-height: 20px;
    width: auto
}

@media (min-width:48rem) {
    .sub-header__sponsor-img {
        height: 26px;
        max-height: 26px
    }
}

@media (min-width:64rem) {
    .sub-header__sponsor-img {
        height: 27px;
        max-height: 27px
    }
}

.sub-header__sponsor-img img {
    -o-object-fit: contain;
    object-fit: contain
}

.sub-header nav {
    position: relative
}

@media (max-width:19.99rem) {
    .sub-header nav {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .sub-header nav {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .sub-header nav {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:37.5rem) and (max-width:47.99rem) {
    .sub-header nav {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .sub-header nav {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

@media (max-width:63.99rem) {

    .sub-header nav:after,
    .sub-header nav:before {
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        z-index: 1;
        width: 1rem
    }
}

@media (max-width:63.99rem) and (min-width:22.5rem) {

    .sub-header nav:after,
    .sub-header nav:before {
        width: 1rem
    }
}

@media (max-width:63.99rem) and (min-width:37.5rem) {

    .sub-header nav:after,
    .sub-header nav:before {
        width: 1rem
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {

    .sub-header nav:after,
    .sub-header nav:before {
        width: 1.5rem
    }
}

@media (max-width:63.99rem) {
    .sub-header nav:before {
        background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0));
        left: 0
    }

    .sub-header nav:after {
        background: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0));
        right: 0
    }
}

.sub-header .mc-tabs-nav {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:22.5rem) {
    .sub-header .mc-tabs-nav {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:37.5rem) {
    .sub-header .mc-tabs-nav {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .sub-header .mc-tabs-nav {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:64rem) {
    .sub-header .mc-tabs-nav {
        padding-right: 0;
        padding-left: 0
    }
}

.sub-header .mc-tabs-nav__item:after {
    position: absolute;
    display: block;
    content: "";
    height: 16px;
    top: 1px;
    right: -1px;
    border-left: thin solid #6caddf
}

@supports (-o-object-fit:contain) {
    .sub-header .mc-tabs-nav__item:after {
        width: 1px;
        background: #6caddf
    }
}

.sub-header .mc-tabs-nav__item:last-child:after {
    display: none
}

@media (min-width:48rem) {
    .sub-header {
        padding: 36px 0 0
    }
}

.mc-main-content--obsidian-navy .sub-header {
    border-bottom: 1px solid rgba(221, 230, 237, .3);
    -webkit-box-shadow: none;
    box-shadow: none
}

.mc-main-content--obsidian-navy .sub-header__heading {
    color: #d80000
}

.mc-main-content--obsidian-navy .sub-header__sponsor-text {
    color: #dde6ed
}

@media (max-width:63.99rem) {
    .mc-main-content--obsidian-navy .sub-header nav:before {
        background: -webkit-gradient(linear, left top, right top, from(#001838), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(90deg, #001838, hsla(0, 0%, 100%, 0));
        left: 0
    }

    .mc-main-content--obsidian-navy .sub-header nav:after {
        background: -webkit-gradient(linear, right top, left top, from(#001838), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(270deg, #001838, hsla(0, 0%, 100%, 0));
        right: 0
    }
}

.mc-main-content--obsidian-navy .sub-header .mc-tabs-nav__item:after {
    border-left: thin solid rgba(221, 230, 237, .3)
}

@supports (-o-object-fit:contain) {
    .mc-main-content--obsidian-navy .sub-header .mc-tabs-nav__item:after {
        width: 1px;
        background: rgba(221, 230, 237, .3)
    }
}

.mc-main-content--obsidian-navy .sub-header .mc-tabs-nav__item:last-child:after {
    display: none
}

.sub-header.is-stuck {
    position: -webkit-sticky;
    position: sticky;
    background: #fff;
    z-index: 10
}

.mc-header-fly-out {
    position: relative;
    overflow: hidden;
    cursor: pointer
}

.mc-header-fly-out__trigger {
    position: relative
}

.mc-header-fly-out__chevron {
    position: absolute;
    width: 16px;
    height: 16px;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

.mc-header-fly-out__drop-down {
    visibility: hidden;
    position: absolute;
    left: 50%;
    left: -webkit-calc(50% - 92px);
    left: calc(50% - 92px);
    top: 100%;
    top: -webkit-calc(100% + 10px);
    top: calc(100% + 10px);
    width: 168px;
    padding: 24px 0;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0, 24, 56, .3);
    box-shadow: 0 8px 20px 0 rgba(0, 24, 56, .3);
    border: 1px solid #001838;
    background: #fff;
    cursor: auto;
    z-index: 1
}

@media (min-width:64rem) {
    .mc-header-fly-out__drop-down {
        width: 200px;
        left: 50%;
        left: -webkit-calc(50% - 100px);
        left: calc(50% - 100px)
    }
}

.mc-header-fly-out__drop-down:after,
.mc-header-fly-out__drop-down:before {
    bottom: 100%;
    border: solid hsla(0, 0%, 100%, 0);
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none
}

.mc-header-fly-out__drop-down:before {
    border-color: rgba(0, 24, 56, 0) rgba(0, 24, 56, 0) #001838;
    border-width: 7px;
    left: 50%;
    left: -webkit-calc(50% - 7px);
    left: calc(50% - 7px)
}

.mc-header-fly-out__drop-down:after {
    border-color: hsla(0, 0%, 100%, 0) hsla(0, 0%, 100%, 0) #fff;
    border-width: 5px;
    left: 50%;
    left: -webkit-calc(50% - 5px);
    left: calc(50% - 5px)
}

.mc-header-fly-out__sub-list {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-overflow-scrolling: touch
}

.mc-header-fly-out__sub-list::-webkit-scrollbar {
    display: none
}

.mc-header-fly-out__sub-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 47px
}

.mc-header-fly-out__sub-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    padding: 10px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 700;
    text-decoration: none
}

.mc-header-fly-out__sub-link.is-selected,
.mc-header-fly-out__sub-link:hover {
    background: rgba(59, 214, 255, .4)
}

.mc-header-fly-out__sub-text {
    text-align: center;
    word-break: break-word;
    font-family: Kippax, sans-serif
}

.mc-header-fly-out.is-active {
    overflow: visible
}

.mc-header-fly-out.is-active .mc-header-fly-out__chevron {
    display: block;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media (min-width:48rem) {
    .mc-header-fly-out.is-active .mc-header-fly-out__chevron {
        display: none
    }
}

.mc-header-fly-out.is-active .mc-header-fly-out__drop-down {
    display: block;
    visibility: visible
}

.mc-header-fly-out.is-active--to-right .mc-header-fly-out__drop-down {
    right: auto;
    left: 0
}

.mc-header-fly-out.is-active--to-right .mc-header-fly-out__drop-down:before {
    right: auto;
    left: 28px
}

.mc-header-fly-out.is-active--to-right .mc-header-fly-out__drop-down:after {
    right: auto;
    left: 30px
}

.mc-header-fly-out.is-active--to-left .mc-header-fly-out__drop-down {
    right: 0;
    left: auto
}

.mc-header-fly-out.is-active--to-left .mc-header-fly-out__drop-down:before {
    right: 28px;
    left: auto
}

.mc-header-fly-out.is-active--to-left .mc-header-fly-out__drop-down:after {
    right: 30px;
    left: auto
}

.mc-header-fly-out.is-selected {
    cursor: auto
}

.mc-header-fly-out.is-selected .mc-header-fly-out__chevron {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mc-header-fly-out.is-selected .mc-header-fly-out__trigger {
    cursor: auto
}

@media (min-width:64rem) {
    .mc-header-fly-out.is-selected {
        padding-right: 0
    }

    .mc-header-fly-out.is-selected .mc-header-fly-out__trigger {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: #001838;
        text-decoration-color: #001838;
        will-change: opacity
    }

    .mc-header-fly-out.is-selected .mc-header-fly-out__chevron {
        display: none
    }
}

.mc-header-top-banner {
    height: 0;
    overflow: hidden;
    text-align: center;
    background-color: #ebedf0;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.mc-header-top-banner iframe {
    margin: 5px 0
}

.mc-header-primary-nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    opacity: 0;
    -webkit-animation: opacity-animation 5s cubic-bezier(1, 0, 1, 0) forwards;
    animation: opacity-animation 5s cubic-bezier(1, 0, 1, 0) forwards;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

@-webkit-keyframes opacity-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes opacity-animation {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.mc-header-primary-nav__list.is-steady {
    -webkit-animation: none;
    animation: none
}

.mc-header-primary-nav__list.is-visible {
    opacity: 1
}

.mc-header-primary-nav__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 48px;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 20px;
    letter-spacing: -.5px
}

@media (-ms-high-contrast:active),
(max-width:63.99rem) and (-ms-high-contrast:none) {
    .mc-header-primary-nav__item {
        height: 30px
    }
}

@media (min-width:64rem) {
    .mc-header-primary-nav__item {
        margin-left: 15px
    }
}

.mc-header-primary-nav__item:first-child {
    margin-left: 0
}

.mc-header-primary-nav__item.is-hidden {
    display: none
}

.mc-header-primary-nav__item.is-invisible {
    visibility: hidden
}

@media (min-width:64rem) {
    .mc-header-primary-nav__item--is-selected {
        position: relative
    }

    .mc-header-primary-nav__item--is-selected:after {
        position: absolute;
        bottom: 7px;
        left: 50%;
        margin-left: -8px;
        content: "";
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #001838
    }
}

.mc-header-primary-nav__link {
    font-weight: 700;
    font-size: medium;
    line-height: 28px;
    letter-spacing: .27px;
    text-transform: uppercase;
    text-decoration: none;
    color: black
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .mc-header-primary-nav__link {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.mc-header-primary-nav__link:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838;
    will-change: opacity
}

.mc-header-primary-nav__link--as-trigger:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    will-change: opacity
}

.mc-header-primary-nav__link--underline {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838;
    will-change: opacity
}

.mc-header-primary-nav__chevron {
    top: 50%;
    right: -20px;
    margin-top: -10px;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    transition: transform .25s ease-out, -webkit-transform .25s ease-out
}

@media (min-width:64rem) {
    .mc-header-primary-nav__chevron {
        top: 100%;
        top: -webkit-calc(100% + 9px);
        top: calc(100% + 9px);
        right: auto;
        left: 50%;
        left: -webkit-calc(50% - 8px);
        left: calc(50% - 8px)
    }
}

.mc-header-primary-nav__fly-out {
    padding-right: 22px
}

.mc-header-primary-nav__fly-out.is-active .mc-header-primary-nav__chevron {
    display: block;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media (min-width:64rem) {
    .mc-header-primary-nav__fly-out.is-active .mc-header-primary-nav__chevron {
        display: none
    }
}

@media (min-width:64rem) {
    .mc-header-primary-nav__fly-out {
        padding-right: 0;
        padding-bottom: 16px;
        margin-bottom: -16px
    }
}

.mc-header-primary-nav__drop-down {
    z-index: 1
}

@media (min-width:64rem) {
    .mc-header-primary-nav__drop-down {
        top: 100%;
        top: -webkit-calc(100% - 4px);
        top: calc(100% - 4px)
    }
}

.mc-header-primary-nav:not(.is-active) {
    overflow: hidden
}

.mc-header-primary-nav:not(.is-active) .mc-header-primary-nav__list {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow-x: scroll;
    overflow-y: hidden
}

.mc-header-primary-nav:not(.is-active) .mc-header-primary-nav__list::-webkit-scrollbar {
    display: none
}

.mc-header-locale-selector {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #001838;
    cursor: pointer
}

.mc-header-locale-selector__icon {
    width: 24px;
    height: 24px
}

.mc-header-locale-selector__text {
    margin-left: 1px;
    font-size: 15px;
    font-weight: 700;
    text-transform: uppercase
}

.mc-header-log-in__thumbnail-wrapper,
.mc-header-my-account__thumbnail-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #001838;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.mc-header-log-in__user-icon,
.mc-header-my-account__user-icon {
    position: relative;
    top: 3px;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.mc-header-log-in {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none
}

.mc-header-log-in__text {
    margin-right: 11px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 150px
}

@media (min-width:48rem) {
    .mc-header-log-in__text {
        margin-right: 8px;
        font-size: 15px;
        font-weight: 700
    }
}

.mc-header-log-in__thumbnail-wrapper {
    width: 21px;
    height: 21px;
    color: #001838
}

@media (min-width:48rem) {
    .mc-header-log-in__thumbnail-wrapper {
        width: 24px;
        height: 24px
    }
}

@media (min-width:48rem) {
    .mc-header-my-account {
        padding-bottom: 16px;
        margin-bottom: -16px
    }
}

.mc-header-my-account__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:47.99rem) {
    .mc-header-my-account__link {
        padding-right: 20px
    }
}

.mc-header-my-account__thumbnail-wrapper {
    width: 38px;
    height: 38px;
    color: #fff;
    background: #001838
}

@media (min-width:64rem) {
    .mc-header-my-account__thumbnail-wrapper {
        width: 34px;
        height: 34px
    }
}

.mc-header-my-account__user-pic {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.mc-header-my-account__user-icon+.mc-header-my-account__user-pic {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden
}

.mc-header-my-account__chevron {
    display: block;
    top: 100%;
    left: 50%;
    left: -webkit-calc(50% - 8px);
    left: calc(50% - 8px)
}

@media (max-width:47.99rem) {
    .mc-header-my-account__chevron {
        top: 50%;
        margin-top: -8px;
        left: 40px
    }
}

.mc-header-my-account__drop-down {
    left: 50%;
    left: -webkit-calc(50% - 94px);
    left: calc(50% - 94px);
    top: 100%;
    top: -webkit-calc(100% + 10px);
    top: calc(100% + 10px)
}

.mc-header-my-account__drop-down:before {
    right: 8px
}

.mc-header-my-account__drop-down:after {
    right: 10px
}

@media (min-width:48rem) {
    .mc-header-my-account__drop-down {
        left: -webkit-calc(50% - 84px);
        left: calc(50% - 84px);
        top: -webkit-calc(100% - 5px);
        top: calc(100% - 5px)
    }
}

@media (min-width:64rem) {
    .mc-header-my-account__drop-down {
        left: -webkit-calc(50% - 100px);
        left: calc(50% - 100px);
        top: -webkit-calc(100% - 5px);
        top: calc(100% - 5px)
    }
}

.mc-header-my-account.is-active--to-left .mc-header-my-account__drop-down {
    right: 0;
    left: auto
}

.mc-header-my-account.is-active--to-left .mc-header-my-account__drop-down:before {
    right: 11px;
    left: auto
}

.mc-header-my-account.is-active--to-left .mc-header-my-account__drop-down:after {
    right: 13px;
    left: auto
}

.mc-header-open-mobile {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.mc-header-open-mobile__icon {
    width: 24px;
    height: 24px;
    color: #98c5e9
}

.mc-header-secondary-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.mc-header-secondary-nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    
    font-size: 16px;
    font-weight: 700;
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out
}

.mc-header-secondary-nav__list.is-hidden {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: hidden
}

@media (min-width:48rem) {
    .mc-header-secondary-nav__mob-nav {
        display: none
    }
}

.mc-header-secondary-nav__item,
.mc-header-secondary-nav__mob-nav {
    position: relative;
    margin-left: 24px
}

@media (min-width:48rem) {

    .mc-header-secondary-nav__item,
    .mc-header-secondary-nav__mob-nav {
        margin-left: 32px
    }
}

@media (min-width:64rem) {

    .mc-header-secondary-nav__item,
    .mc-header-secondary-nav__mob-nav {
        margin-left: 28px
    }
}

.mc-header-secondary-nav__item:before,
.mc-header-secondary-nav__mob-nav:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 24px;
    top: 50%;
    left: -17px;
    margin-top: -12px;
    background: #6caddf
}

@media (min-width:64rem) {

    .mc-header-secondary-nav__item:before,
    .mc-header-secondary-nav__mob-nav:before {
        left: -14px
    }
}

.mc-header-secondary-nav__item:first-child,
.mc-header-secondary-nav__mob-nav:first-child {
    margin-left: 0
}

.mc-header-secondary-nav__item:first-child:before,
.mc-header-secondary-nav__mob-nav:first-child:before {
    display: none
}

@media (max-width:47.99rem) {
    .mc-header-secondary-nav__choose-lang {
        display: none
    }
}

@media (max-width:47.99rem) {

    .mc-header-secondary-nav__log-in,
    .mc-header-secondary-nav__my-account {
        margin-left: 0;
        padding-left: 0
    }

    .mc-header-secondary-nav__log-in:before,
    .mc-header-secondary-nav__my-account:before {
        display: none
    }
}

.mc-header-secondary-nav__wix-icon-wrapper {
    display: none
}

@media (min-width:64rem) {
    .mc-header-secondary-nav__wix-icon-wrapper {
        display: block
    }
}

.mc-header-secondary-nav__wix-icon {
    height: 24px
}

.mc-header-sub-nav__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    
    font-size: 15px;
    line-height: 19px;
    font-weight: 700
}

.mc-header-sub-nav__item {
    position: relative;
    margin-left: 39px;
    letter-spacing: .5px
}

.mc-header-sub-nav__item:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 16px;
    top: 50%;
    left: -20px;
    margin-top: -8px;
    background: hsla(0, 0%, 100%, .4)
}

.mc-header-sub-nav__item:first-child {
    margin-left: 0
}

.mc-header-sub-nav__item:first-child:before {
    display: none
}

.mc-header-sub-nav__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 100%;
    color: #fff;
    text-decoration: none
}

.mc-header-sub-nav__link:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: #98c5e9;
    -webkit-transition: .2s;
    transition: .2s;
    z-index: -1
}

.mc-header-sub-nav__link--is-selected:after,
.mc-header-sub-nav__link:focus:after,
.mc-header-sub-nav__link:hover:after {
    height: 4px;
    z-index: 0
}

.mc-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    z-index: 1
}

.mc-header--sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100
}

@supports (-ms-ime-align:auto) {
    html[dir=rtl] .mc-header--sticky {
        position: relative
    }
}

.mc-header__primary-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 64px;
    background-color: white;
}

@media (min-width:64rem) {
    .mc-header__primary-wrapper {
        min-height: 96px
    }
}

.mc-header__primary-container {
    padding-right: 1rem;
    padding-left: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 768px
}

@media (min-width:22.5rem) {
    .mc-header__primary-container {
        /* background-image: url(./bg.jpg); */
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:37.5rem) {
    .mc-header__primary-container {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .mc-header__primary-container {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:64rem) {
    .mc-header__primary-container {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header__primary-container {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 16px
    }
}

@media (min-width:64rem) {
    .mc-header__primary-container {
        max-width: 1024px
    }
}

.mc-header__secondary-wrapper {
    display: none;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: 48px;
    background: #001838
}

@media (min-width:48rem) {
    .mc-header__secondary-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:64rem) {
    .mc-header__secondary-wrapper {
        margin-top: -7px
    }
}

.mc-header__secondary-container {
    padding-right: 1rem;
    padding-left: 1rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    max-width: 768px
}

@media (min-width:22.5rem) {
    .mc-header__secondary-container {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:37.5rem) {
    .mc-header__secondary-container {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .mc-header__secondary-container {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:64rem) {
    .mc-header__secondary-container {
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        max-width: 1024px
    }
}

.mc-header__main-title {
    display: block;
    line-height: unset;
    font-size: unset;
    margin: 0
}

.mc-header__main-title span {
    display: none
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header__logo {
        position: relative;
        margin-left: 50%;
        left: -36px
    }
}

.mc-header__logo-img {
    width: 53px;
    height: 53px
}

@media (min-width:48rem) {
    .mc-header__logo-img {
        width: 81px;
        height: 81px
    }
}

@media (min-width:64rem) {
    .mc-header__logo-img {
        width: 67px;
        height: 67px
    }
}

.mc-header__primary-nav {
    display: none;
    width: 100%
}

@media (min-width:48rem) {
    .mc-header__primary-nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header__primary-nav {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 12px
    }

    .mc-header__primary-nav:before {
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
        height: 1px;
        background: #6caddf
    }
}

@media (min-width:64rem) {
    .mc-header__primary-nav {
        max-width: 700px;
        height: 100%;
        margin-left: 12px
    }
}

.mc-header__secondary-nav {
    margin-left: auto
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header__secondary-nav {
        margin-top: 8px;
        margin-bottom: auto
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header.is-stuck .mc-header__primary-container {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        padding-top: 5px;
        padding-bottom: 5px
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header.is-stuck .mc-header__logo {
        margin-left: 0;
        left: auto
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header.is-stuck .mc-header__logo-img {
        width: 65px;
        height: 65px
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header.is-stuck .mc-header__primary-nav {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0;
        max-width: 420px;
        height: 100%;
        margin-top: 0;
        margin-left: 20px
    }

    .mc-header.is-stuck .mc-header__primary-nav:before {
        display: none
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header.is-stuck .mc-header__secondary-nav {
        margin-top: 0;
        margin-bottom: 0
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-header.is-stuck .mc-header-log-in__text {
        display: none
    }
}

.mc-page {
    min-width: 20rem
}

.mc-page--full-height {
    height: 100%
}

.mc-main-content--obsidian-navy {
    background: #001838
}

.mc-main-content--ucl {
    background: #04113b
}

.mc-main-content--obsidian-blue {
    background: #001838
}

.mc-main-content--off-white {
    background: #f3f6f9
}

.mc-main-content--dark-grey {
    background: #001838
}

.mc-main-content--ox-hidden {
    overflow-x: hidden
}

.related-news .news-list__item {
    padding-top: 17px;
    margin-bottom: 0
}

@media (min-width:37.5rem) {
    .related-news .news-list__item {
        border-top: none;
        border-bottom: none
    }

    .related-news .news-list__item .article-preview__figure-image,
    .related-news .news-list__item.failed-to-load {
        height: 129px
    }
}

@media (min-width:64rem) {
    .related-news .news-list__item {
        padding-top: 0
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .related-news .news-list__item:nth-child(4) {
        display: none
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .ff-news-listing .related-news .news-list__item:nth-child(4) {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:22.5rem) {
    .related-news .article-preview__figure-image {
        height: 64px
    }
}

@media (min-width:37.5rem) {
    .related-news .article-preview {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .related-news .article-preview__figure-wrapper {
        margin-bottom: 10px;
        width: 100%
    }
}

.related-news .article-preview__header-container {
    width: 100%
}

.error-page__error-message-box {
    background: #f3f6f9
}

.error-message-box {
    padding-top: 35px;
    padding-bottom: 36px;
    
    color: #001838
}

@media (min-width:48rem) {
    .error-message-box {
        padding-top: 49px;
        padding-bottom: 44px
    }
}

@media (min-width:64rem) {
    .error-message-box {
        padding-bottom: 41px
    }
}

.error-message-box__heading {
    font-size: 35px;
    line-height: 39px;
    margin-bottom: 11px;
    line-height: .95;
    letter-spacing: -1px;
    font-weight: 700
}

.error-message-box__heading:last-child {
    margin-bottom: 0
}

@media (min-width:48rem) {
    .error-message-box__heading {
        margin-bottom: 26px;
        font-size: 52px
    }
}

.error-message-box__error {
    display: block;
    margin-bottom: 11px;
    
    font-weight: 400;
    font-size: 11px;
    line-height: 15px
}

@media (min-width:48rem) {
    .error-message-box__error {
        margin-bottom: 13px;
        font-size: 12px;
        line-height: 16px
    }
}

.error-message-box__sub-heading {
    margin-bottom: 16px
}

@media (min-width:48rem) {
    .error-message-box__sub-heading {
        margin-bottom: 8px
    }
}

.error-message-box__message {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:48rem) {
    .error-message-box__message {
        font-size: 17px;
        line-height: 21px
    }
}

.misc-info-box {
    padding-top: 25px;
    padding-bottom: 25px
}

@media (min-width:48rem) {
    .misc-info-box {
        padding-top: 38px;
        padding-bottom: 38px
    }
}

@media (min-width:64rem) {
    .misc-info-box {
        padding-top: 36px;
        padding-bottom: 36px
    }
}

.misc-info-box__heading {
    margin-bottom: 12px;
    font-size: 19px;
    line-height: 23px
}

.misc-info-box__heading:last-child {
    margin-bottom: 0
}

@media (min-width:48rem) {
    .misc-info-box__heading {
        margin-bottom: 27px;
        font-size: 23px;
        line-height: 27px
    }
}

@media (min-width:48rem) {
    .links-list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 490px
    }
}

@media (min-width:64rem) {
    .links-list {
        width: 502px
    }
}

.links-list__item {
    margin-bottom: 13px;
    font-size: 15px;
    line-height: 19px
}

.links-list__item:last-child {
    margin-bottom: 0
}

@media (min-width:48rem) {
    .links-list__item {
        width: 50%;
        margin-bottom: 18px;
        font-size: 17px;
        line-height: 21px
    }

    .links-list__item--home {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .links-list__item--tickets {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .links-list__item--shop {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .links-list__item--channel {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
}

.links-list__link {
    letter-spacing: -.1px;
    color: #001838
}

.add-to-calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    text-align: left;
    margin-right: 30px
}

.add-to-calendar__img {
    width: 23px;
    height: 20px;
    max-width: 23px;
    max-height: 20px;
    margin-right: 10px
}

@media (min-width:48rem) {
    .add-to-calendar__img {
        width: 32px;
        height: 22px;
        max-width: 32px;
        max-height: 22px;
        margin-right: 5px
    }
}

@media (min-width:64rem) {
    .add-to-calendar__img {
        margin-right: 10px
    }
}

.add-to-calendar__text {
    line-height: 1.08
}

@media (min-width:48rem) {
    .add-to-calendar__text {
        margin-top: -4px;
        font-size: 14px
    }
}

.ticket-info {
    padding: 5px 10px;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 1px;
    color: #001838;
    background: #e6ff00
}

.toggle-fixture-tickets {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001838;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

@media (min-width:48rem) {
    .toggle-fixture-tickets {
        display: none
    }
}

.toggle-fixture-tickets__checkbox {
    position: relative;
    margin-left: 6px;
    top: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 0
}

.toggle-fixture-tickets__checkbox:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 6px;
    top: 4px;
    left: 3px;
    border-color: #fff;
    border-style: none none solid solid;
    border-width: 2px;
    z-index: 1;
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75), -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75)
}

.toggle-fixture-tickets__checkbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 1px solid #001838;
    cursor: pointer
}

.toggle-fixture-tickets__checkbox:checked:before {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}

.toggle-fixture-tickets__checkbox:checked:after {
    background: #001838
}

.toggle-fixture-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

.toggle-fixture-info__title-text {
    display: none;
    margin-right: 8px;
    font-size: 13px;
    color: #69738c
}

@media (min-width:64rem) {
    .toggle-fixture-info__title-text {
        display: inline
    }
}

.toggle-fixture-info__title-text--short {
    display: none
}

@media (max-width:63.99rem) {
    .toggle-fixture-info__title-text--short {
        display: inline
    }
}

.toggle-fixture-info--short {
    display: none
}

@media (max-width:63.99rem) {
    .toggle-fixture-info--short {
        display: inline
    }
}

.toggle-fixture-info__label {
    min-width: 40px;
    height: 32px;
    border: 1px solid #001838;
    color: #001838;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    cursor: pointer
}

@supports (transition:initial) {
    .toggle-fixture-info__label {
        -webkit-transition: background .6s ease, color .6s ease;
        transition: background .6s ease, color .6s ease
    }
}

.toggle-fixture-info__label--toggle-left {
    border-right: 0
}

.toggle-fixture-info__label--toggle-left:after {
    left: 100%
}

.toggle-fixture-info__label--toggle-right {
    border-left: 0
}

.toggle-fixture-info__label--toggle-right:after {
    left: -100%
}

@media (min-width:64rem) {
    .toggle-fixture-info__label {
        min-width: 80px;
        padding: 5px 10px
    }
}

.toggle-fixture-info__input {
    display: none
}

.toggle-fixture-info__input:checked+.toggle-fixture-info__label {
    cursor: default;
    color: #fff;
    background: #001838
}

@supports (transition:initial) {
    .toggle-fixture-info__input:checked+.toggle-fixture-info__label {
        -webkit-transition: color .2s;
        transition: color .2s
    }
}

@supports (-o-object-fit:contain) {
    .toggle-fixture-info__input:checked+.toggle-fixture-info__label {
        color: #001838;
        background: #c4ddff
    }
}

.toggle-fixture-info__input:checked+.toggle-fixture-info__label:after {
    left: 0
}

.toggle-fixture-info__icon {
    width: 18px;
    height: 18px;
    max-width: 18px;
    max-height: 18px
}

.toggle-fixture-info__icon--tv {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px
}

.toggle-fixture-info__text {
    margin-left: 5px
}

.month-term__header {
    margin-bottom: 11px;
    text-align: center
}

.month-term__header--margin-less {
    margin-bottom: 0
}

@media (min-width:48rem) {
    .month-term__header {
        margin-bottom: 15px;
        text-align: left
    }

    .month-term__header--margin-less {
        margin-bottom: 33px
    }
}

@media (min-width:64rem) {
    .month-term__header {
        margin-bottom: 8px
    }

    .month-term__header--margin-less {
        margin-bottom: 29px
    }
}

.month-term__header-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:48rem) {
    .month-term__header-group {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.month-term__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.month-term__heading:last-child {
    margin-bottom: 0
}

@media (max-width:47.99rem) {
    .month-term__heading {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:48rem) {
    .month-term__heading {
        margin-bottom: 2px
    }
}

@media (min-width:64rem) {
    .month-term__heading {
        margin-bottom: 5px
    }
}

.month-term__header-date {
    margin: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 32px;
    letter-spacing: .31px;
    color: #6caddf;
    text-transform: uppercase
}

@media (min-width:37.5rem) {
    .month-term__header-date {
        font-size: 41px;
        line-height: 42px;
        letter-spacing: .41px
    }
}

@media (min-width:48rem) {
    .month-term__header-date {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.month-term__header-date .add-to-calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 0;
    margin-left: 16px;
    font-weight: 400;
    text-transform: none;
    
    letter-spacing: normal
}

@media (max-width:47.99rem) {
    .month-term__header-date .add-to-calendar {
        display: none
    }
}

@media (min-width:48rem) {
    .month-term .add-to-calendar {
        text-decoration: underline
    }

    .month-term .add-to-calendar:hover {
        text-decoration: none
    }
}

.month-term__header-description {
    margin-top: 3px;
    padding-bottom: 21px;
    color: #69738c;
    font-size: 14px
}

@media (min-width:48rem) {
    .month-term__header-description {
        margin-top: 0;
        padding-bottom: 0
    }
}

@media (min-width:64rem) {
    .month-term__header-description {
        margin-top: 4px
    }
}

.month-term .month-term-misc {
    margin-top: -25px
}

@media (max-width:63.99rem) {
    .month-term .month-term-misc {
        display: none
    }
}

.month-term__ticket-info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 9px
}

.grouped-fixtures {
    padding-bottom: 40px
}

@media (max-width:47.99rem) {
    .grouped-fixtures {
        padding: 0 0 40px
    }
}

.grouped-fixtures__month-term {
    margin-bottom: 41px
}

.grouped-fixtures__month-term:last-child {
    margin-bottom: 0
}

@media (max-width:37.5rem) {
    .grouped-fixtures__month-term {
        padding-bottom: 16px;
        border-bottom: 1px solid #dde6ed
    }

    .grouped-fixtures__month-term:last-child {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.grouped-fixtures__no-fixtures {
    padding: 1.5rem 0
}

@media (max-width:47.99rem) {
    .grouped-fixtures__no-fixtures {
        padding: 35px 16px 0
    }
}

.grouped-fixtures__no-fixtures--results {
    padding-top: 0
}

.fixture-actions {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 11px;
    padding-bottom: 9px;
    margin-bottom: 31px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 13px;
    border-bottom: 1px solid #dde6ed
}

@media (max-width:47.99rem) {
    .fixture-actions {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .fixture-actions {
        height: 32px;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 0;
        margin-left: 16px;
        padding: 0;
        border-bottom: 0
    }

    .fixture-actions .add-to-calendar {
        display: none
    }
}

.fixtures-list {
    padding: 0;
    list-style: none
}

.fixtures-list .fixtures-list-item {
    margin: 0 0 20px
}

.fixtures-list .fixtures-list-item:last-child {
    margin: 0
}

@media (min-width:48rem) {
    .fixtures-list .fixtures-list-item {
        margin: 0 0 18px;
        border-bottom: 0
    }
}

@media (max-width:64rem) {
    .fixtures-list .fixtures-list-item {
        margin-bottom: 20px
    }

    .fixtures-list .fixtures-list-item:last-child {
        margin-bottom: 0
    }
}

@media (min-width:64rem) {
    .fixtures-list .fixtures-list-item {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin: 0 0 25px;
        padding: 17px 0 0;
        border-top: 1px solid #dde6ed
    }
}

.fixture {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fixture .fixture-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 17px;
    padding: 4px 12px 4px 1rem;
    border-top: 1px solid #dde6ed;
    background-color: #f3f6f9
}

.fixture .fixture-header__competition-icon {
    width: 65px;
    height: 32px
}

.fixture .fixture-header__competition-icon .failed-to-load {
    display: none
}

@media (min-width:64rem) {
    .fixture .fixture-header__competition-icon .failed-to-load {
        display: initial
    }
}

@media (min-width:64rem) {
    .fixture .fixture-header__competition-icon {
        width: 32px;
        margin-right: 8px
    }
}

.fixture .fixture-header__competition {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: auto;
    text-align: center;
    color: #001838;
    padding-top: 8px;
    padding-bottom: 9px
}

@media (min-width:22.5rem) {
    .fixture .fixture-header__competition {
        padding-top: 11px;
        padding-bottom: 8px
    }
}

@media (min-width:64rem) {
    .fixture .fixture-header__competition {
        margin: 0;
        padding: 0;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }
}

.fixture .fixture-header__competition-time {
    font-size: 13px;
    line-height: 17px;
    font-weight: 700
}

.fixture .fixture-header__competition-time:last-child {
    margin-bottom: 0
}

.fixture .fixture-header__competition-name {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px
}

.fixture .fixture-header__side-info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 65px
}

@media (min-width:37.5rem) {
    .fixture .fixture-header__side-info {
        max-width: 65px;
        width: 100%
    }
}

@media (min-width:64rem) {
    .fixture .fixture-header__side-info {
        margin-top: 5px;
        margin-right: 5px;
        margin-left: auto
    }
}

.fixture .fixture-header .uk-broadcasters-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fixture .fixture-header .uk-broadcasters-list__item {
    line-height: 0;
    margin-bottom: 0
}

.fixture .fixture-header .uk-broadcasters-list__item:last-child {
    margin-bottom: 0
}

@media (min-width:64rem) {
    .fixture .fixture-header .uk-broadcasters-list__item {
        max-width: 65px
    }
}

.fixture .fixture-header .uk-broadcasters-list__item-link {
    min-width: 60px;
    height: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    white-space: nowrap;
    text-decoration: none
}

.fixture .fixture-header .uk-broadcasters-list__item-link:before {
    content: " ";
    display: inline-block;
    height: 100%;
    margin-left: -4px;
    vertical-align: middle
}

.fixture .fixture-header .uk-broadcasters-list__item-img {
    width: 100%;
    height: auto;
    max-width: 60px
}

.fixture .fixture-header .uk-broadcasters-list__item-fallback-text,
.fixture .fixture-header .uk-broadcasters-list__item-img.failed-to-load {
    display: none
}

.fixture .fixture-header .uk-broadcasters-list__item-img.failed-to-load+.uk-broadcasters-list__item-fallback-text {
    display: inline;
    font-size: 9px
}

.fixture .fixture-header .uk-broadcasters-list__item-replacement-text {
    line-height: 1;
    font-size: 9px
}

@media (min-width:64rem) and (orientation:landscape) {
    .fixture .fixture-header .uk-broadcasters-list__item-replacement-text {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

@media (min-width:48rem) {
    .fixture .fixture-header {
        margin-bottom: 26px
    }
}

@media (min-width:64rem) {
    .fixture .fixture-header {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
        padding: 0;
        border-top: none;
        background: transparent
    }
}

.fixture .fixture-body {
    display: table;
    table-layout: fixed
}

.fixture .fixture-body__first-team,
.fixture .fixture-body__second-team {
    display: table-cell;
    vertical-align: middle
}

.fixture .fixture-body__first-team-content,
.fixture .fixture-body__second-team-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
    color: #001838
}

@media (min-width:48rem) {

    .fixture .fixture-body__first-team-content,
    .fixture .fixture-body__second-team-content {
        font-size: 17px;
        line-height: 21px
    }
}

.fixture .fixture-body__first-team-content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.fixture .fixture-body__first-team-name {
    margin-right: 9px
}

.fixture .fixture-body__second-team-content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.fixture .fixture-body__second-team-name {
    margin-left: 9px
}

.fixture .fixture-body__first-team-crest-container,
.fixture .fixture-body__second-team-crest-container {
    display: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    text-align: center
}

@media (min-width:375px) {

    .fixture .fixture-body__first-team-crest-container,
    .fixture .fixture-body__second-team-crest-container {
        display: block
    }

    .fixture .fixture-body__first-team-crest-container--regular,
    .fixture .fixture-body__second-team-crest-container--regular {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.fixture .fixture-body__first-team-crest-container {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-right: 3px
}

@media (min-width:48rem) {
    .fixture .fixture-body__first-team-crest-container {
        margin-right: 9px
    }
}

.fixture .fixture-body__second-team-crest-container {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    margin-left: 3px
}

@media (min-width:48rem) {
    .fixture .fixture-body__second-team-crest-container {
        margin-left: 9px
    }
}

.fixture .fixture-body__first-team-crest,
.fixture .fixture-body__second-team-crest {
    max-width: 36px;
    max-height: 36px;
    height: auto
}

.fixture .fixture-body__when {
    display: table-cell;
    width: 56px;
    vertical-align: middle
}

.fixture .fixture-body__when-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 56px;
    height: 36px;
    text-align: center;
    background-color: #dde6ed
}

.fixture .fixture-body__when-tz {
    margin-top: -1px;
    margin-bottom: 0;
    font-size: 10px;
    color: #69738c
}

@media (max-width:47.99rem) {
    .fixture .fixture-body {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (max-width:63.99rem) {
    .fixture .fixture-body {
        width: 100%
    }
}

@media (min-width:64rem) {
    .fixture .fixture-body {
        padding: 0
    }
}

.fixture .fixture-tickets {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 15px;
    color: #001838
}

.fixture .fixture-tickets:last-child {
    margin-bottom: 10px
}

.fixture .fixture-tickets.shown-lg {
    display: none
}

@media (min-width:48rem) {
    .fixture .fixture-tickets.shown-lg {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

.fixture .fixture-tickets__icon {
    width: 18px;
    height: 18px;
    max-width: 18px;
    max-height: 18px;
    margin-right: 5px;
    color: #001838;
    -webkit-box-flex: 0;
    -webkit-flex: none;
    -ms-flex: none;
    flex: none
}

@media (min-width:64rem) {
    .fixture .fixture-tickets__icon {
        margin-right: 8px
    }
}

.fixture .fixture-tickets__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 6px;
    margin-bottom: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.fixture .fixture-tickets__text:last-child {
    margin-right: 0
}

@media (min-width:64rem) {
    .fixture .fixture-tickets__text {
        display: block;
        margin-top: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

.fixture .fixture-tickets__text-paragraph {
    display: inline;
    margin-right: 3px;
    margin-bottom: 4px
}

@media (min-width:64rem) {
    .fixture .fixture-tickets__text-paragraph {
        margin-right: 0;
        display: block
    }
}

@media (max-width:48rem) {
    .fixture .fixture-tickets__text-paragraph {
        margin-right: 10px
    }
}

.fixture .fixture-tickets__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fixture .fixture-tickets__list--list-of-btns {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .fixture .fixture-tickets__list--list-of-btns {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .fixture .fixture-tickets__list--list-of-btns .fixture-tickets__list-item {
        padding: 5px 0
    }

    .fixture .fixture-tickets__list--list-of-btns .fixture-tickets__list-item:after {
        position: absolute;
        display: block;
        content: "";
        width: 100%;
        height: 1px;
        bottom: 0;
        right: 0;
        top: auto;
        background: #001838
    }
}

.fixture .fixture-tickets__list-item {
    position: relative;
    padding: 0 5px;
    width: 100%
}

.fixture .fixture-tickets__list-item:after {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    height: -webkit-calc(100% - 3px);
    height: calc(100% - 3px);
    top: 1px;
    right: -1px;
    background: #001838
}

.fixture .fixture-tickets__list-item:first-child {
    padding-left: 0
}

.fixture .fixture-tickets__list-item:last-child {
    padding-right: 0;
    border: 0
}

.fixture .fixture-tickets__list-item:last-child:after {
    display: none
}

.fixture .fixture-tickets__link {
    max-width: 195px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

@media (max-width:47.99rem) {
    .fixture .fixture-tickets {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .fixture .fixture-tickets {
        margin-top: 18px
    }
}

@media (min-width:64rem) {
    .fixture .fixture-tickets {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: -7px;
        padding: 8px 0 0 13px
    }

    .fixture .fixture-tickets:last-child {
        margin-bottom: 0
    }
}

.fixture .fixture-broadcasters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 10px
}

.fixture .fixture-broadcasters--hidden {
    display: none
}

.fixture .fixture-broadcasters__icon {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
    margin-right: 10px;
    color: #001838
}

.fixture .fixture-broadcasters__icon:last-child {
    margin-right: 0
}

@media (min-width:64rem) {
    .fixture .fixture-broadcasters__icon {
        margin-right: 8px
    }
}

.fixture .fixture-broadcasters__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-right: 6px;
    margin-bottom: 0;
    margin-top: 3px
}

.fixture .fixture-broadcasters__text:last-child {
    margin-right: 0
}

.fixture .fixture-broadcasters .intl-broadcasters-list__item {
    display: inline
}

@media (min-width:64rem) {
    .fixture .fixture-broadcasters .intl-broadcasters-list__item {
        display: block
    }
}

@media (min-width:48rem) {
    .fixture .fixture-broadcasters {
        margin-top: 15px
    }
}

@media (max-width:47.99rem) {
    .fixture .fixture-broadcasters {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:64rem) {
    .fixture .fixture-broadcasters {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: -7px;
        padding: 6px 0 0 13px
    }

    .fixture .fixture-broadcasters:last-child {
        margin-bottom: 0
    }
}

.fixture .alert-wrapper {
    margin-top: 14px;
    margin-right: auto;
    margin-left: auto
}

@media (max-width:47.99rem) {
    .fixture .alert-wrapper {
        margin-top: 17px;
        padding-right: 1rem;
        padding-left: 1rem
    }
}

.fixture .fixture-alert {
    text-align: center;
    color: #69738c;
    font-size: 12px
}

@media (min-width:48rem) {
    .fixture .fixture-alert {
        font-size: 13px
    }
}

.banner-wrapper {
    margin-top: 28px
}

.banner-wrapper--no-margin {
    margin: 0;
    padding: 0
}

@media (min-width:48rem) {
    .banner-wrapper {
        margin-bottom: 26px
    }
}

@media (min-width:64rem) {
    .banner-wrapper {
        margin-bottom: -9px
    }
}

.fixture-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 320px;
    margin: auto;
    width: 100%;
    font-size: 16px;
    color: #69738c
}

.fixture-banner--centered {
    text-align: center
}

@media (min-width:48rem) {
    .fixture-banner {
        max-width: 100%
    }
}

.fixtures--international .fixture-actions {
    margin-bottom: 33px;
    padding-top: 13px;
    padding-bottom: 11px
}

@media (min-width:48rem) {
    .fixtures--international .fixture-actions {
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (min-width:64rem) {
    .fixtures--international .month-term__header--margin-less {
        margin-bottom: 21px
    }
}

@media (max-width:48rem) {
    .fixtures {
        overflow: hidden
    }
}

@media (min-width:48rem) {
    .fixtures {
        margin-top: 45px
    }
}

.ff-component .grouped-fixtures {
    padding-bottom: 0
}

.fixtures--results {
    margin-top: 31px
}

@media (min-width:48rem) {
    .fixtures--results {
        margin-top: 45px
    }
}

.fixtures--results .fixtures-list-item {
    margin: 0 0 23px
}

@media (min-width:48rem) {
    .fixtures--results .fixtures-list-item {
        margin: 0 0 26px
    }
}

.fixtures--results .fixtures-list-item:last-child {
    margin: 0
}

.fixtures--results .grouped-fixtures__month-term {
    padding-bottom: 23px
}

@media (min-width:48rem) {
    .fixtures--results .grouped-fixtures__month-term {
        margin-bottom: 40px
    }
}

@media (min-width:64rem) {
    .fixtures--results .grouped-fixtures__month-term {
        margin-bottom: 47px
    }
}

.fixtures--results .grouped-fixtures__month-term:last-child {
    margin-bottom: 0;
    padding-bottom: 0
}

@media (min-width:64rem) {
    .fixtures--results .month-term__header {
        margin-bottom: 8px
    }
}

@media (min-width:64rem) {
    .fixtures--results .fixture-header__side-info {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-left: auto
    }
}

.fixtures--results .fixture-body {
    margin-top: auto;
    margin-bottom: auto
}

.fixtures--results .fixture-body__score {
    display: table-cell;
    width: 76px;
    vertical-align: middle
}

@media (min-width:48rem) {
    .fixtures--results .fixture-body__score {
        width: 76px
    }
}

.fixtures--results .fixture-body__score-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.fixtures--results .fixture-body__score-goals {
    text-align: center;
    color: #fff;
    background-color: #001838;
    min-width: 36px;
    padding: 5px 0;
    margin-left: 1px;
    margin-right: 1px;
    border-radius: 4px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .fixtures--results .fixture-body__score-goals {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .fixtures--results .fixture-body__score-goals {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.fixtures--results .fixture-body__score-goals:last-child {
    margin-right: 0
}

.fixtures--results .edge-scores {
    width: 214px;
    margin: 18px auto 0;
    padding-bottom: 14px;
    text-align: center;
    font-size: 14px;
    color: #001838;
    border-bottom: 1px solid #d8d8d8
}

@media (min-width:64rem) {
    .fixtures--results .edge-scores {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        border-bottom: 0
    }
}

.fixtures--results .result-links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:63.99rem) {
    .fixtures--results .result-links {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 21px
    }
}

@media (min-width:64rem) {
    .fixtures--results .result-links {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin: auto;
        padding-left: 15px
    }
}

.fixtures--results .result-links .result-links-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fixtures--results .result-links .result-links-list__item {
    margin-right: 14px;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

.fixtures--results .result-links .result-links-list__item:last-child {
    margin-right: 0
}

.fixtures--results .result-links .result-links-list__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #001838
}

.fixtures--results .result-links .result-links-list__link:hover {
    text-decoration: underline
}

.fixtures--results .result-links .result-links-list__link-text {
    margin-right: 7px
}

.fixtures--results .result-links .result-links-list__link-icon {
    width: 13px;
    height: 13px;
    max-width: 13px;
    max-height: 13px
}

.fixtures--results .game-result {
    width: 24px;
    height: 24px
}

.fixtures--results .game-result__icon {
    width: 100%;
    height: 100%
}

.league-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #69738c;
    border-top: 1px solid #69738c
}

.league-table__caption {
    display: none
}

.league-table__body {
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #001838
}

@media (max-width:37.5rem) {
    .league-table__body {
        font-size: 14px;
        line-height: 1.29
    }
}

.league-table__cell {
    height: 48px;
    padding: 0
}

.league-table__cell--position {
    width: 13%;
    font-size: 14px
}

@media (min-width:22.5rem) {
    .league-table__cell--position {
        width: 11%
    }
}

@media (min-width:37.5rem) {
    .league-table__cell--position {
        width: 6%
    }
}

@media (min-width:48rem) {
    .league-table__cell--position {
        width: 4%
    }
}

.league-table__cell--change {
    display: none
}

@media (min-width:37.5rem) {
    .league-table__cell--change {
        display: table-cell;
        width: 3%
    }
}

.league-table__cell--team-crest {
    text-align: center
}

@media (max-width:22.49rem) {
    .league-table__cell--team-crest {
        text-align: left
    }
}

@media (min-width:22.5rem) {
    .league-table__cell--team-crest {
        width: 9%
    }
}

@media (min-width:37.5rem) {
    .league-table__cell--team-crest {
        width: 7%
    }
}

@media (min-width:48rem) {
    .league-table__cell--team-crest {
        width: 4%
    }
}

.league-table__cell--played {
    width: 9%
}

@media (min-width:37.5rem) {
    .league-table__cell--played {
        width: 5%
    }
}

@media (min-width:48rem) {
    .league-table__cell--played {
        width: 4%
    }
}

.league-table__cell--won {
    width: 9%
}

@media (min-width:22.5rem) {
    .league-table__cell--won {
        width: 6%
    }
}

@media (min-width:37.5rem) {
    .league-table__cell--won {
        width: 7%
    }
}

@media (min-width:48rem) {
    .league-table__cell--won {
        width: 3%
    }
}

.league-table__cell--drawn {
    width: 5%
}

@media (min-width:22.5rem) {
    .league-table__cell--drawn {
        width: 6%
    }
}

@media (min-width:37.5rem) {
    .league-table__cell--drawn {
        width: 2%
    }
}

@media (min-width:48rem) {
    .league-table__cell--drawn {
        width: 3%
    }
}

.league-table__cell--lost {
    width: 9%
}

@media (min-width:22.5rem) {
    .league-table__cell--lost {
        width: 6%
    }
}

@media (min-width:48rem) {
    .league-table__cell--lost {
        width: 4%;
        padding-right: 15px
    }
}

.league-table__cell--goals-for {
    display: none
}

@media (min-width:37.5rem) {
    .league-table__cell--goals-for {
        display: table-cell;
        width: 6%
    }
}

@media (min-width:48rem) {
    .league-table__cell--goals-for {
        width: 3%
    }
}

.league-table__cell--goals-against {
    display: none
}

@media (min-width:37.5rem) {
    .league-table__cell--goals-against {
        display: table-cell;
        width: 5%
    }
}

@media (min-width:48rem) {
    .league-table__cell--goals-against {
        width: 3%
    }
}

.league-table__cell--goal-difference {
    width: 10%
}

@media (min-width:37.5rem) {
    .league-table__cell--goal-difference {
        width: 6%
    }
}

@media (min-width:48rem) {
    .league-table__cell--goal-difference {
        width: 4%;
        padding-right: 12px
    }
}

.league-table__cell--points {
    width: 16%;
    height: 100%;
    font-weight: 700
}

@media (min-width:22.5rem) {
    .league-table__cell--points {
        width: 14%
    }
}

@media (min-width:37.5rem) {
    .league-table__cell--points {
        width: 11%;
        position: relative
    }

    .league-table__cell--points:after {
        background: #f3f6f9;
        content: "";
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        height: inherit;
        z-index: -1
    }
}

@media (min-width:48rem) {
    .league-table__cell--points {
        width: 6%
    }
}

.league-table__cell--form {
    display: none;
    width: 11%;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: 4px;
    color: #001838;
    border-left: 1px solid #69738c;
    text-align: left;
    padding-left: 21px
}

@media (min-width:64rem) {
    .league-table__cell--form {
        display: table-cell
    }
}

.league-table__cell--next-opponent {
    display: none;
    font-size: 14px;
    color: #69738c
}

@media (min-width:64rem) {
    .league-table__cell--next-opponent {
        display: table-cell;
        width: 12%;
        text-align: left;
        padding-left: 3px
    }
}

@media (max-width:22.49rem) {
    .league-table__cell--crest {
        display: none
    }
}

@media (min-width:22.5rem) {
    .league-table__cell--crest {
        width: 9%
    }
}

@media (min-width:37.5rem) {
    .league-table__cell--crest {
        width: 7%
    }
}

@media (min-width:48rem) {
    .league-table__cell--crest {
        width: 4%
    }
}

.league-table__cell--crest img {
    display: block;
    margin: 0 auto;
    height: 26px
}

@media (min-width:37.5rem) {
    .league-table__cell--crest img {
        height: 30px
    }
}

.league-table__cell--team-name {
    width: 29%;
    max-width: 0;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700
}

@media (min-width:37.5rem) {
    .league-table__cell--team-name {
        width: 36%
    }
}

@media (min-width:48rem) {
    .league-table__cell--team-name {
        width: 26%
    }
}

@media (max-width:37.49rem) {
    .league-table__cell--team-name .full-team-name {
        display: none
    }
}

@media (min-width:37.5rem) {
    .league-table__cell--team-name .short-team-name {
        display: none
    }
}

.league-table__cell--heading {
    height: 36px;
    border-bottom: 1px solid #69738c;
    color: #69738c;
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal
}

@media (min-width:37.5rem) {
    .league-table__cell--heading.league-table__cell--position {
        display: table-cell
    }
}

.league-table__cell--heading.league-table__cell--change {
    display: none
}

@media (min-width:37.5rem) {
    .league-table__cell--heading.league-table__cell--change {
        display: table-cell;
        width: 3%
    }
}

.league-table__cell--heading.league-table__cell--points,
.league-table__cell--heading.league-table__cell--team-crest {
    font-weight: 700
}

.league-table__cell--heading.league-table__cell--team-name {
    display: none
}

@media (min-width:22.5rem) {
    .league-table__cell--heading.league-table__cell--team-name {
        display: table-cell
    }
}

.league-table__cell--heading.league-table__cell--form {
    display: none;
    width: 11%;
    text-align: left;
    padding-left: 21px;
    color: #69738c;
    
    font-size: 13px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.23;
    letter-spacing: normal
}

@media (min-width:64rem) {
    .league-table__cell--heading.league-table__cell--form {
        display: table-cell
    }
}

.league-table__row:not(:last-child) {
    border-bottom: 1px solid #dde6ed
}

.league-table__row--mancity {
    background-color: rgba(114, 233, 255, .15)
}

.league-table--0 .league-table__row:nth-child(4),
.league-table--0 .league-table__row:nth-child(5),
.league-table--0 .league-table__row:nth-last-child(4) {
    border-bottom: 1px dashed #69738c
}

.leagues-tables-header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 23px
}

@media (max-width:37.5rem) {
    .leagues-tables-header {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        margin-bottom: 11px
    }
}

.leagues-tables-header__league-img-wrapper {
    position: relative;
    width: 213px;
    height: 48px
}

@media (max-width:37.5rem) {
    .leagues-tables-header__league-img-wrapper {
        margin-top: 16px
    }
}

.leagues-tables-header__league-img {
    display: block;
    max-width: 100%;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin: 0 auto
}

.leagues-tables-header__league-img--hidden {
    display: none
}

.leagues-tables-header__toggle-wrapper {
    margin-left: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (max-width:37.5rem) {
    .leagues-tables-header__toggle-wrapper {
        margin-left: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

@media (min-width:37.5rem) {
    .leagues-tables-header__toggle-name {
        font-size: 13px;
        margin-right: 8px;
        color: #69738c
    }
}

@media (min-width:48rem) {
    .leagues-tables-header .toggle-buttons__label {
        min-width: 159px;
        padding: 7px 0 6px
    }
}

@media (max-width:37.5rem) {
    .league-section {
        padding-left: 0;
        padding-right: 0
    }
}

.league-section--hidden {
    display: none
}

.league-section__last-updated {
    margin-top: 21px;
    margin-bottom: 62px;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #001838
}

@media (max-width:37.5rem) {
    .league-section__last-updated {
        padding-left: 16px
    }
}

.leagues-tables {
    margin-top: 36px
}

@media (max-width:376px) {
    .leagues-tables {
        margin-top: 25px
    }
}

@media (min-width:37.5rem) and (max-width:48rem) {
    .leagues-tables {
        margin-top: 38px
    }
}

@media (min-width:22.5rem) and (max-width:48rem) {
    .leagues-tables--has-only-one {
        margin-top: 25px
    }
}

.leagues-tables--has-only-one .leagues-tables-header {
    margin-bottom: 25px
}

.leagues-tables--has-only-one .leagues-tables-header__league-img-wrapper {
    margin-top: 0
}

.calendars-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.calendars-page__grid {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.idm-header {
    height: 164px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#308ad2), to(#72b4e9));
    background-image: linear-gradient(180deg, #308ad2, #72b4e9)
}

@supports (-o-object-fit:contain) {
    .idm-header {
        background: #6caddf
    }
}

.idm-header__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.idm-header__logo-link {
    display: block;
    margin-top: 10px;
    margin-bottom: auto
}

.idm-header__player-picture {
    height: 164px;
    margin-top: auto;
    margin-left: auto
}

.idm-header__player-image {
    max-width: 100%;
    height: 100%
}

@media (min-width:64rem) {
    .idm-header {
        height: 316px
    }

    .idm-header__logo-link {
        margin-top: 16px
    }

    .idm-header__logo-image {
        width: 56px;
        height: 56px
    }

    .idm-header__player-picture {
        height: 316px
    }
}

.idm-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (min-width:64rem) {
    .idm-content {
        background-color: #f3f6f9
    }
}

.idm-content-section {
    margin-bottom: 20px;
    margin-top: -100px;
    font-family: Kippax, sans-serif
}

.idm-content-section__heading {
    color: #fff;
    text-transform: uppercase;
    width: 175px;
    margin-bottom: 52px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 43px;
    line-height: 44px;
    letter-spacing: .43px
}

@media (max-width:63.99rem) {
    .idm-content-section__heading {
        min-height: 72px
    }
}

.idm-content-section__heading-link {
    color: #fff;
    text-decoration: none
}

@media (min-width:64rem) {
    .idm-content-section {
        margin-bottom: 60px;
        margin-top: -284px
    }

    .idm-content-section__heading {
        width: 233px;
        font-size: 48px;
        margin-bottom: 38px
    }

    .idm-content-section__heading:after {
        margin-top: 10px;
        display: block;
        content: "";
        height: 6px;
        background: #3bd6ff
    }
}

@media (min-width:64rem) and (min-width:64rem) {
    .idm-content-section__heading:after {
        width: 146px;
        margin-right: 20px
    }

    .idm-content-section__heading:after:last-child {
        margin-right: 0
    }
}

@media (min-width:64rem) and (max-width:63.99rem) {
    .idm-content-section__heading {
        min-height: 59px
    }
}

.idm-fixtures-calendar {
    
    font-size: 15px;
    line-height: 19px
}

.idm-fixtures-calendar__heading {
    
    font-size: 17px;
    line-height: 21px;
    margin-bottom: 6px
}

.idm-fixtures-calendar p:last-child {
    margin-bottom: 0
}

@media (min-width:64rem) {
    .idm-fixtures-calendar {
        padding: 48px;
        -webkit-box-shadow: 2px 4px 9px 0 rgba(0, 24, 56, .2);
        box-shadow: 2px 4px 9px 0 rgba(0, 24, 56, .2);
        background-color: #fff
    }

    .idm-fixtures-calendar__heading {
        text-transform: uppercase;
        line-height: 27px;
        margin-bottom: 8px
    }
}

.idm-calendars-list {
    margin-top: 28px
}

.idm-calendars-list:first-child {
    margin-top: 0
}

.idm-calendars-list__item {
    margin-bottom: 16px
}

.idm-calendars-list__item:last-child {
    margin-bottom: 0
}

.idm-calendars-list__item-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background: #001838;
    font-weight: 700;
    color: #fff;
    border: 1px solid transparent;
    text-align-last: center
}

.idm-calendars-list__item-link:hover {
    background: #003e91;
    border: 1px solid #001838
}

.idm-calendars-list__item-link--google {
    background: #ea4335
}

.idm-calendars-list__item-link--google:hover {
    background: #fc9383;
    border: 1px solid #ea4335
}

.idm-calendars-list__item-link--apple {
    background: #464646
}

.idm-calendars-list__item-link--apple:hover {
    background: #989898;
    border: 1px solid #464646
}

.idm-calendars-list__item-link--outlook {
    background: #1436b0
}

.idm-calendars-list__item-link--outlook:hover {
    background: #5b83d4;
    border: 1px solid #1436b0
}

.idm-calendars-list__item-link--download {
    background: #acacac
}

.idm-calendars-list__item-link--download:hover {
    background: #c7c7c7;
    border: 1px solid #acacac
}

.idm-calendars-list__item-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 4px
}

.idm-google-subscription-wrapper.is-hidden {
    display: none
}

.idm-google-subscription {
    padding-left: 20px
}

.idm-google-subscription__item {
    margin-bottom: 16px;
    list-style-type: disc
}

.idm-google-subscription__item:last-child {
    margin-bottom: 0
}

.idm-google-subscription__item--full-width {
    margin-left: -20px;
    list-style-type: none
}

@supports (-o-object-fit:contain) {
    .idm-google-subscription__item--show-unless-opera-mini {
        display: none
    }
}

.idm-google-subscription__item--show-if-opera-mini {
    display: none
}

@supports (-o-object-fit:contain) {
    .idm-google-subscription__item--show-if-opera-mini {
        display: list-item
    }
}

.idm-google-subscription__item p:last-child {
    margin-bottom: 0
}

.idm-google-subscription__sign-in {
    margin: 0 auto;
    width: 225px
}

.idm-google-subscription__add-calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    width: 225px;
    padding: 10px;
    text-align-last: center;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 22px;
    letter-spacing: .21px;
    color: #fff;
    background: #ea4335;
    border: 1px solid transparent
}

.idm-google-subscription__add-calendar:hover {
    background: #fc9383;
    border: 1px solid #ea4335
}

.idm-google-subscription__add-calendar:disabled {
    opacity: .5;
    cursor: not-allowed;
    background: #ea4335;
    border: 1px solid transparent
}

.idm-google-subscription__add-calendar.is-hidden {
    display: none
}

.idm-google-subscription__button-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 4px
}

.idm-google-subscription-success-message {
    margin-top: 20px
}

.idm-google-subscription-success-message.is-hidden {
    display: none
}

.idm-other-webcal__calendar-url {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #dde6ed;
    padding-bottom: 8px;
    margin-top: 30px;
    margin-bottom: 25px
}

.idm-other-webcal__calendar-url:first-child {
    margin-top: 0
}

.idm-other-webcal__calendar-url:last-child {
    margin-bottom: 0
}

.idm-other-webcal__calendar-url-icon {
    width: 40px;
    height: 20px;
    margin-right: 8px
}

.idm-other-webcal__calendar-url-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #2d8ad1;
    font-weight: 700
}

.idm-other-webcal__copy-button-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-top: 4px
}

.idm-other-webcal__copy-button-text--success {
    display: none
}

.idm-other-webcal__copy-button-icon {
    display: none;
    width: 18px;
    height: 18px
}

.idm-other-webcal__copy-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 10px;
    text-align-last: center;
    background: #98c5e9;
    color: #001838;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    border: 1px solid #98c5e9
}

.idm-other-webcal__copy-button:hover {
    background: #c2ddf2;
    border: 1px solid #98c5e9
}

.idm-other-webcal__copy-button.is-copied {
    background: #2fdca5;
    border: 1px solid #2fdca5
}

.idm-other-webcal__copy-button.is-copied .idm-other-webcal__copy-button-text--default {
    display: none
}

.idm-other-webcal__copy-button.is-copied .idm-other-webcal__copy-button-text--success {
    display: inline;
    padding-right: 5px
}

.idm-other-webcal__copy-button.is-copied .idm-other-webcal__copy-button-icon {
    display: inline
}

.mc-fixture-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mc-fixture-header__heading {
    margin: 0;
    color: #69738c;
    
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    width: 50%
}

@media (min-width:48rem) {
    .mc-fixture-header__heading {
        font-size: 12px;
        line-height: 16px
    }
}

.mc-fixture-header__view-all {
    margin-left: auto;
    font-size: 13px;
    line-height: 17px;
    text-decoration: underline
}

.mc-fixture-header__view-all:hover {
    text-decoration: none
}

@media (min-width:48rem) {
    .mc-fixture-header__view-all {
        font-size: 12px;
        line-height: 16px
    }
}

.mc-fixture-start-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #001838
}

.mc-fixture-start-date__competition-time {
    font-size: 13px;
    line-height: 17px;
    font-weight: 700
}

.mc-fixture-start-date__competition-time:last-child {
    margin-bottom: 0
}

.mc-fixture-start-date__competition-name {
    margin-bottom: 0;
    font-size: 12px;
    line-height: 16px
}

.mc-fixture-start-date__competition-time+.mc-fixture-start-date__competition-name {
    margin-top: 3px
}

.mc-fixture-competition-info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mc-fixture-first-team,
.mc-fixture-second-team {
    width: 50%
}

.mc-fixture-first-team__content,
.mc-fixture-second-team__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 15px;
    line-height: 19px;
    font-weight: 700
}

.mc-fixture-first-team__name,
.mc-fixture-second-team__name {
    color: #001838;
    font-size: 15px;
    line-height: 19px;
    text-align: center
}

.mc-fixture-first-team__crest-container,
.mc-fixture-second-team__crest-container {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 52px;
    height: 52px;
    text-align: center;
    margin-bottom: 10px
}

.mc-fixture-first-team__crest,
.mc-fixture-second-team__crest {
    max-width: 52px;
    max-height: 52px;
    height: auto
}

.mc-fixture-first-team {
    padding-right: 12px
}

.mc-fixture-first-team__content {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    text-align: right
}

.mc-fixture-start-time {
    position: absolute;
    left: 50%;
    top: 6px;
    margin-left: -30px;
    width: 60px
}

@media (min-width:48rem) {
    .mc-fixture-start-time {
        margin-left: -32px;
        width: 64px
    }
}

.mc-fixture-start-time__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 40px;
    text-align: center;
    background-color: #dde6ed
}

.mc-fixture-start-time__time {
    font-size: 13px;
    line-height: 17px;
    color: #001838
}

.mc-fixture-start-time__tz {
    margin-bottom: 0;
    font-size: 10px;
    line-height: 14px;
    color: #69738c
}

.mc-fixture-second-team {
    padding-left: 12px
}

.mc-fixture-second-team__content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-align: left
}

.mc-fixture-competitors {
    position: relative;
    display: table;
    table-layout: fixed;
    width: 100%
}

.mc-fixture-competitors__first-team,
.mc-fixture-competitors__second-team,
.mc-fixture-competitors__start-time {
    display: table-cell;
    vertical-align: top
}

.mc-fixture-last-result-first-team__content,
.mc-fixture-last-result-second-team__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    line-height: 19px;
    font-weight: 700
}

.mc-fixture-last-result-first-team__score,
.mc-fixture-last-result-second-team__score {
    text-align: center;
    color: #fff;
    background-color: #001838;
    min-width: 36px;
    padding: 5px 0;
    margin-left: 1px;
    margin-right: 1px;
    border-radius: 4px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {

    .mc-fixture-last-result-first-team__score,
    .mc-fixture-last-result-second-team__score {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {

    .mc-fixture-last-result-first-team__score,
    .mc-fixture-last-result-second-team__score {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.mc-fixture-last-result-first-team__name,
.mc-fixture-last-result-second-team__name {
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
    line-height: 1.3;
    text-align: right;
    color: #001838;
    margin-right: 7px;
    overflow: hidden;
    max-height: 47px
}

.mc-fixture-last-result-second-team__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mc-fixture-last-result-second-team__name {
    margin-left: 7px;
    margin-right: 0;
    text-align: left
}

.mc-fixture-last-result {
    margin-top: 27px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.mc-fixture-last-result:last-child {
    margin-bottom: 0
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-fixture-last-result {
        margin-top: 29px
    }
}

.mc-fixture-last-result__first-team,
.mc-fixture-last-result__second-team {
    width: 50%
}

.mc-fixture-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mc-fixture-footer .mc-button {
    width: 100%;
    margin-right: 8px
}

.mc-fixture-footer .mc-button:last-child {
    margin-right: 0
}

.mc-fixture {
    width: 100%;
    padding: 20px 16px 16px;
    background: #fff;
    border: 1px solid #dde6ed
}

@media (min-width:48rem) {
    .mc-fixture {
        padding: 21px 17px 17px
    }
}

.mc-fixture__header+.mc-fixture__competition-info {
    margin-top: 23px
}

@media (min-width:48rem) {
    .mc-fixture__header+.mc-fixture__competition-info {
        margin-top: 15px
    }
}

.mc-fixture__competition-info+.mc-fixture__competitors {
    margin-top: 16px
}

@media (min-width:48rem) {
    .mc-fixture__competition-info+.mc-fixture__competitors {
        margin-top: 14px
    }
}

.mc-fixture__competitors+.mc-fixture__footer {
    margin-top: 20px
}

@media (min-width:48rem) {
    .mc-fixture__competitors+.mc-fixture__footer {
        margin-top: 24px
    }
}

.mc-fixture__last-result+.mc-fixture__footer {
    margin-top: 32px
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-fixture__last-result+.mc-fixture__footer {
        margin-top: 44px
    }
}

.mc-fixture--border-top {
    border-top: 3px solid #3bd6ff
}

.mc-fixture[min-width~="360"] .mc-fixture-first-team__crest-container,
.mc-fixture[min-width~="360"] .mc-fixture-second-team__crest-container {
    margin-bottom: 0
}

.mc-fixture[min-width~="360"] .mc-fixture-first-team__content,
.mc-fixture[min-width~="360"] .mc-fixture-second-team__content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row
}

.mc-fixture[min-width~="360"] .mc-fixture-first-team {
    padding-right: 43px
}

.mc-fixture[min-width~="360"] .mc-fixture-first-team__crest-container {
    margin-left: 10px
}

.mc-fixture[min-width~="360"] .mc-fixture-first-team__content {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.mc-fixture[min-width~="360"] .mc-fixture-second-team {
    padding-left: 43px
}

.mc-fixture[min-width~="360"] .mc-fixture-second-team__crest-container {
    margin-right: 10px
}

.mc-fixture[min-width~="360"] .mc-button {
    width: 33.33%
}

.mc-fixture[min-width~="500"] {
    padding: 19px 28px
}

.mc-fixture__container {
    position: relative;
    padding: 0 0 16px
}

@media (min-width:37.5rem) {
    .mc-fixture__container {
        padding-bottom: 34px
    }
}

.mc-fixture__head {
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px;
    text-transform: uppercase;
    color: #001838;
    margin-bottom: 20px
}

@media (min-width:37.5rem) {
    .mc-fixture__head {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .mc-fixture__head {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: .4px
    }
}

.mc-fixture__card {
    width: 100%;
    height: 100%;
    padding: 17px;
    border: 1px solid #dde6ed;
    position: relative;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.mc-fixture__card .mc-fixture-footer {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.mc-fixture__card .mc-fixture-footer .mc-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mc-fixture__card .mc-fixture-competitors {
    height: 100px
}

.mc-fixture__competition-icon {
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    display: block
}

.mc-fixture__slider-nav {
    direction: ltr;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 11px
}

@media (min-width:48rem) {
    .mc-fixture__slider-nav {
        margin-top: 7px;
        padding: 0 24px
    }
}

.mc-fixture__slider-nav:after,
.mc-fixture__slider-nav:before {
    content: "";
    height: 2px;
    opacity: .2;
    background-color: #001838
}

.mc-fixture__slider-nav:before {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: 12px
}

.mc-fixture__slider-nav:after {
    width: 16px;
    margin-left: 8px
}

@media (min-width:48rem) {
    .mc-fixture__slider-nav:after {
        width: 53px;
        margin-left: 16px
    }
}

.mc-fixture__slider-nav.nav-hidden {
    display: none
}

@supports (-o-object-fit:contain) {
    .mc-fixture__slider-nav {
        display: none
    }
}

.mc-fixture--membership-matchday .mc-fixture__head {
    color: #3bd6ff
}

.mc-fixture--membership-matchday .mc-fixture__slider-nav:after,
.mc-fixture--membership-matchday .mc-fixture__slider-nav:before {
    background-color: #fff
}

.mc-fixture--membership-cityzens .mc-fixture__head {
    color: #001838
}

.mc-fixture--membership-cityzens .mc-fixture__slider-nav:after,
.mc-fixture--membership-cityzens .mc-fixture__slider-nav:before {
    background-color: #001838
}

.mc-fixture--membership-junior .mc-fixture__head {
    color: #001838
}

.mc-fixture--membership-junior .mc-fixture__slider-nav:after,
.mc-fixture--membership-junior .mc-fixture__slider-nav:before {
    background-color: #001838
}

.mc-fixture-slider {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 12px 0 15px;
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none
}

.mc-fixture-slider::-webkit-scrollbar {
    display: none
}

.mc-fixture-slider__item {
    margin-right: 20px;
    width: 288px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative
}

@media (min-width:22.5rem) {
    .mc-fixture-slider__item {
        width: 312px
    }
}

.mc-fixture-slider__item:first-child {
    margin-left: 16px
}

@media (min-width:48rem) {
    .mc-fixture-slider__item:first-child {
        margin-left: 24px
    }
}

.mc-fixture-slider__item:last-child {
    margin-right: 16px
}

.mc-fixture-slider__item--hidden-spacer {
    width: 1px;
    height: 1px;
    content: "";
    visibility: hidden;
    margin: 0
}

.next-fixtures__header {
    margin-bottom: -8px
}

.next-fixtures__fixture {
    margin-top: 8px
}

.no-js .next-fixtures__header {
    visibility: hidden;
    height: 0
}

.article-preview {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-preview__figure-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0
}

@media (max-width:22.49rem) {
    .article-preview__figure-wrapper {
        width: 96px
    }
}

@media (min-width:22.5rem) {
    .article-preview__figure-wrapper {
        width: 102px;
        margin-right: 12px
    }

    .article-preview__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (min-width:37.5rem) {
    .article-preview__figure-wrapper {
        width: 128px;
        margin-right: 16px
    }

    .article-preview__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (min-width:48rem) {
    .article-preview__figure-wrapper {
        width: 168px;
        margin-right: 16px
    }

    .article-preview__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (min-width:64rem) {
    .article-preview__figure-wrapper {
        width: 229px;
        margin-right: 20px
    }

    .article-preview__figure-wrapper:last-child {
        margin-right: 0
    }
}

.article-preview__figure-container {
    position: relative;
    display: block;
    background-size: contain
}

.article-preview__figure-image {
    overflow: hidden;
    font-size: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.article-preview__figure-image.failed-to-load {
    opacity: 0
}

.article-preview__figure-marker {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

@media (min-width:37.5rem) {
    .article-preview__figure-marker {
        display: block
    }
}

.article-preview__figure-marker-icon-wrapper {
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%
}

.article-preview__figure-marker-text {
    display: inline-block;
    width: auto;
    height: 12px;
    font-size: 8px;
    line-height: 12px;
    text-align: center;
    border-radius: 2px;
    font-weight: 700;
    color: #001838;
    padding: 0 3px;
    margin-right: 4px;
    background-color: #dde6ed
}

.article-preview__figure-marker-text:last-child {
    margin-bottom: 0
}

@media (min-width:37.5rem) {
    .article-preview__figure-marker-text {
        font-size: 10px;
        line-height: 13px;
        height: 12px
    }
}

.article-preview__heading-icon-wrapper {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative
}

@media (min-width:37.5rem) {
    .article-preview__heading-icon-wrapper {
        display: none
    }
}

.article-preview__heading-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -1px;
    left: -1px
}

.article-preview__heading-icon:lang(ar) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.article-preview__heading-icon--padlock {
    opacity: 0
}

.article-preview__heading-icon--padlock:lang(ar) {
    -webkit-transform: translate(-50%) rotate(0deg);
    transform: translate(-50%) rotate(0deg)
}

.article-preview__heading-icon--gallery:lang(ar) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.article-preview__tag-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.article-preview__figure-marker-icon {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    color: rgba(0, 24, 56, .5);
    top: 0;
    left: 0
}

.article-preview__figure-marker-icon:lang(ar) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.article-preview__figure-marker-icon--padlock {
    opacity: 0;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.article-preview__figure-marker-icon--padlock:lang(ar) {
    -webkit-transform: translate(-50%) rotate(0deg);
    transform: translate(-50%) rotate(0deg)
}

.article-preview__figure-marker-icon--gallery:lang(ar) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.article-preview__header-container {
    letter-spacing: .3px
}

@media (min-width:37.5rem) {
    .article-preview__header-container {
        width: 368px;
        margin-right: 16px
    }

    .article-preview__header-container:last-child {
        margin-right: 0
    }
}

@media (min-width:48rem) {
    .article-preview__header-container {
        width: 352px;
        margin-right: 16px
    }

    .article-preview__header-container:last-child {
        margin-right: 0
    }
}

@media (min-width:64rem) {
    .article-preview__header-container {
        width: 229px;
        margin-right: 20px
    }

    .article-preview__header-container:last-child {
        margin-right: 0
    }
}

.article-preview__heading {
    font-size: 15px;
    line-height: 19px;
    margin-bottom: 10px;
    color: #001838;
    font-family: Kippax, sans-serif
}

.article-preview__heading:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -.125em
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .article-preview__heading {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

@media (min-width:64rem) {
    .article-preview__heading {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 8px
    }
}

.article-preview__category {
    margin-bottom: 0;
    color: #69738c;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .article-preview__category {
        font-size: 12px;
        line-height: 16px
    }
}

.article-preview__category--premium {
    background: #001838;
    color: #fff;
    padding: 0 6px;
    font-weight: 700
}

@media (max-width:63.99rem) {
    .article-preview--highlighted {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .article-preview--highlighted {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width:63.99rem) {
    .article-preview--highlighted .article-preview__figure-wrapper {
        margin-bottom: 17px
    }

    .article-preview--highlighted .article-preview__figure-wrapper:last-child {
        margin-bottom: 0
    }
}

@media (max-width:63.99rem) and (max-width:47.99rem) {
    .article-preview--highlighted .article-preview__figure-wrapper {
        width: 100%;
        margin-right: 0
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .article-preview--highlighted .article-preview__figure-wrapper {
        width: 291px;
        margin-right: 16px
    }

    .article-preview--highlighted .article-preview__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (max-width:63.99rem) and (min-width:64rem) {
    .article-preview--highlighted .article-preview__figure-wrapper {
        width: 229px;
        margin-right: 20px
    }

    .article-preview--highlighted .article-preview__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .article-preview--highlighted .article-preview__figure-wrapper {
        margin-bottom: 0
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .article-preview--highlighted .article-preview__header-container {
        width: 229px;
        margin-right: 16px
    }

    .article-preview--highlighted .article-preview__header-container:last-child {
        margin-right: 0
    }
}

@media (max-width:63.99rem) and (min-width:64rem) {
    .article-preview--highlighted .article-preview__header-container {
        width: 229px;
        margin-right: 20px
    }

    .article-preview--highlighted .article-preview__header-container:last-child {
        margin-right: 0
    }
}

.article-preview--highlighted .article-preview__heading-icon-wrapper {
    display: none
}

.article-preview--highlighted .article-preview__figure-marker {
    display: block
}

.article-preview--premium .article-preview__figure-marker-icon {
    opacity: 0
}

.article-preview--premium .article-preview__figure-marker-icon--padlock {
    opacity: 1
}

.article-preview--premium .article-preview__heading-icon {
    opacity: 0
}

.article-preview--premium .article-preview__heading-icon--padlock {
    opacity: 1
}

.article-preview--premium .article-preview__figure-marker-text {
    height: 15px;
    line-height: 15px;
    padding: 0 6px
}

@media (min-width:48rem) {
    .article-preview--premium .article-preview__figure-marker-text {
        height: 16px;
        line-height: 16px
    }
}

.article-preview--premium.is-eligible .article-preview__figure-marker-icon {
    opacity: 1
}

.article-preview--premium.is-eligible .article-preview__figure-marker-icon--padlock {
    opacity: 0
}

.article-preview--premium.is-eligible .article-preview__heading-icon {
    opacity: 1
}

.article-preview--premium.is-eligible .article-preview__heading-icon--padlock {
    opacity: 0
}

.mc-main-content--obsidian-navy .article-preview__heading,
.mc-main-content--obsidian-navy .news-card__heading,
.mc-main-content--obsidian-navy .profile-news-section__heading {
    color: #fff
}

.mc-main-content--obsidian-navy .article-preview__category,
.mc-main-content--obsidian-navy .news-card__category,
.mc-main-content--obsidian-navy .profile-news-section__category {
    color: #3bd6ff
}

.mc-main-content--obsidian-navy .article-preview__category--premium,
.mc-main-content--obsidian-navy .news-card__category--premium,
.mc-main-content--obsidian-navy .profile-news-section__category--premium {
    background: #fff;
    color: #001838
}

.mc-main-content--obsidian-navy .article-preview__figure-marker-text,
.mc-main-content--obsidian-navy .news-card__figure-marker-text,
.mc-main-content--obsidian-navy .profile-news-section__figure-marker-text {
    background-color: #fff
}

.article-preview-wrapping-link,
.related-article-preview {
    text-decoration: none
}

.article-preview-wrapping-link:hover .article-preview__heading,
.article-preview-wrapping-link:hover .article-preview__heading-link,
.related-article-preview:hover .article-preview__heading,
.related-article-preview:hover .article-preview__heading-link {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    will-change: opacity
}

.article-preview-wrapping-link:hover .article-preview__figure-marker-icon,
.related-article-preview:hover .article-preview__figure-marker-icon {
    color: #001838
}

.news-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    padding-bottom: 21px;
    border-bottom: 1px solid #dde6ed
}

@media (min-width:48rem) {
    .news-list__item {
        padding-bottom: 17px
    }
}

@media (min-width:64rem) {
    .news-list__item {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.news-list__item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

@media (max-width:47.99rem) {
    .news-list__item--highlighted .news-list__item-link {
        width: 100%
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .news-list__item--highlighted {
        padding-bottom: 25px;
        margin-bottom: 24px
    }
}

.feed-filters__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    font-size: 14px;
    color: #69738c
}

@media (min-width:48rem) {
    .feed-filters__header {
        margin-bottom: 18px
    }
}

@media (min-width:64rem) {
    .feed-filters__header {
        margin-bottom: 10px
    }
}

.feed-filters__heading {
    margin: 0 auto 0 0;
    
    font-size: inherit;
    font-weight: 400
}

.feed-filters__feed-name {
    font-weight: 700
}

.feed-filters__reset {
    font-size: 12px;
    line-height: 16px;
    color: #001838
}

@media (min-width:48rem) {
    .feed-filters__heading+.feed-filters__reset {
        display: none
    }
}

.feed-filters__list-wrapper {
    overflow: hidden
}

.feed-filters__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -8px;
    margin-left: -8px
}

.feed-filters__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px;
    margin-left: 8px
}

@media (min-width:48rem) {
    .feed-filters__list-item--has-toggle {
        display: none
    }
}

html.no-js .feed-filters__list-item--has-toggle {
    display: none
}

.feed-filters__list-link {
    border-radius: 2px;
    border: 1px solid rgba(0, 24, 56, .2);
    background-color: rgba(243, 246, 249, .2);
    font-weight: 700;
    color: #001838;
    padding: 5px 8.5px;
    text-decoration: none;
    text-transform: capitalize;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.feed-filters__list-link--active,
.feed-filters__list-link:hover {
    color: #fff;
    background: #001838
}

.feed-filters__short-text {
    display: inline
}

@media (min-width:48rem) {
    .feed-filters__short-text {
        display: none
    }
}

.feed-filters__full-text {
    display: none
}

@media (min-width:48rem) {
    .feed-filters__full-text {
        display: inline
    }
}

.feed-filters__footer {
    display: none;
    margin-top: 12px
}

@media (min-width:48rem) {
    .feed-filters__footer {
        display: block
    }
}

.feed-filters .list-toggle {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 13px;
    color: #001838;
    cursor: pointer;
    text-decoration: underline
}

.feed-filters .list-toggle__show-more {
    display: inline
}

.feed-filters .list-toggle__show-less {
    display: none
}

@media (max-width:47.99rem) {
    .feed-filters__list-item--hideable {
        display: none
    }
}

@media (max-width:47.99rem) {

    .feed-filters.is-expanded .feed-filters__list-item--hideable,
    html.no-js .feed-filters__list-item--hideable {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .feed-filters.is-expanded .list-toggle__show-more {
        display: none
    }

    .feed-filters.is-expanded .list-toggle__show-less {
        display: inline
    }
}

.news-wrapper {
    margin-top: 20px;
    padding-bottom: 20px
}

@media (min-width:64rem) {
    .news-wrapper {
        margin-top: 26px
    }
}

.all-news__sidebar .next-fixtures__heading {
    margin-bottom: 7px;
    padding: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 32px;
    letter-spacing: .31px;
    text-transform: uppercase;
    border-top: 0
}

@media (max-width:63.99rem) {
    .all-news__sidebar .next-fixtures {
        display: none
    }
}

.all-news__sidebar-ads {
    margin-top: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:63.99rem) {
    .all-news__sidebar-ads {
        display: none
    }
}

@media (min-width:48rem) {
    .news-section {
        margin-bottom: 16px
    }
}

@media (min-width:64rem) {
    .news-section {
        margin-bottom: 32px
    }
}

.news-section:last-child {
    margin-bottom: 0
}

.news-section__heading {
    margin-bottom: 11px;
    
    padding-top: 2px;
    color: #69738c;
    border-top: 1px solid #dde6ed;
    font-size: 13px;
    line-height: 17px
}

@media (min-width:48rem) {
    .news-section__heading {
        color: #001838;
        line-height: 1.5
    }
}

@media (min-width:64rem) {
    .news-section__heading {
        margin-bottom: 20px
    }
}

.news-section__heading--highlighted {
    display: none
}

@media (min-width:48rem) {
    .news-section__heading--highlighted {
        display: block;
        margin-bottom: 7px;
        padding: 0;
        font-family: KippaxCondensed, sans-serif;
        font-weight: 700;
        font-size: 31px;
        line-height: 32px;
        letter-spacing: .31px;
        text-transform: uppercase;
        border-top: 0
    }
}

.news-section__heading--semi-highlighted {
    border-top: 0
}

@media (max-width:47.99rem) {
    .news-section__heading--tag-applied {
        display: block;
        margin-bottom: 14px;
        padding-top: 0;
        border-top: 0
    }
}

.team-news {
    margin-top: 10px
}

@media (min-width:48rem) {
    .team-news {
        margin-top: 26px
    }
}

@media (min-width:64rem) {
    .team-news {
        margin-top: 33px
    }
}

.team-news__header {
    display: none
}

@media (min-width:48rem) {
    .team-news__header {
        display: block
    }
}

@media (min-width:64rem) {
    .team-news__header {
        padding-bottom: 6px
    }
}

.team-news__heading {
    margin: 0;
    color: #001838;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 32px;
    letter-spacing: .31px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:48rem) {
    .team-news .news-section:first-child {
        padding-top: 15px;
        border-top: 1px solid #dde6ed
    }
}

@media (min-width:64rem) {
    .team-news .news-section:first-child {
        padding-top: 16px
    }
}

.team-news .news-section:first-child .news-section__heading {
    display: none
}

@media (min-width:48rem) {
    .team-news .news-section:first-child .news-list {
        width: 474px;
        margin-right: 16px
    }

    .team-news .news-section:first-child .news-list:last-child {
        margin-right: 0
    }
}

@media (min-width:64rem) {
    .team-news .news-section:first-child .news-list {
        width: 478px;
        margin-right: 20px
    }

    .team-news .news-section:first-child .news-list:last-child {
        margin-right: 0
    }
}

@media (min-width:48rem) {
    .team-news .news-section:nth-child(1n+2) {
        width: 474px;
        margin-right: 16px
    }

    .team-news .news-section:nth-child(1n+2):last-child {
        margin-right: 0
    }
}

@media (min-width:64rem) {
    .team-news .news-section:nth-child(1n+2) {
        width: 561px;
        margin-right: 20px
    }

    .team-news .news-section:nth-child(1n+2):last-child {
        margin-right: 0
    }
}

.team-news__sidebar {
    margin-bottom: 8px
}

.team-news__sidebar:last-child {
    margin-bottom: 0
}

@media (min-width:48rem) {
    .team-news__sidebar {
        margin-bottom: 0
    }
}

.team-news__sidebar-section {
    padding-bottom: 16px;
    border-bottom: 1px solid #dde6ed
}

@media (min-width:48rem) {
    .team-news__sidebar-section {
        padding-top: 3px;
        padding-bottom: 0;
        border-top: 1px solid #dde6ed;
        border-bottom: 0
    }
}

@media (min-width:64rem) {
    .team-news__sidebar-section {
        padding-top: 10px
    }
}

.team-news__sidebar-ads {
    margin-top: 32px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:63.99rem) {
    .team-news__sidebar-ads {
        display: none
    }
}

@media (min-width:64rem) {
    .team-news .feed-filters__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.socials-footer {
    color: #fff;
    background-color: #001838
}

.socials-footer__container {
    padding-top: 34px;
    padding-bottom: 40px
}

@media (min-width:48rem) {
    .socials-footer__container {
        padding-top: 50px;
        padding-bottom: 71px
    }
}

.socials-footer__heading {
    margin-bottom: 27px;
    color: #e6ff00;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px
}

@media (min-width:37.5rem) {
    .socials-footer__heading {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .socials-footer__heading {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: .4px
    }
}

@media (min-width:48rem) {
    .socials-footer__heading {
        padding-left: 17px;
        margin-bottom: 30px
    }
}

@media (min-width:64rem) {
    .socials-footer__heading {
        padding-left: 0
    }
}

.socials-footer__socials-list-wrapper {
    overflow: hidden
}

@media (min-width:48rem) {
    .socials-footer__socials-list-wrapper {
        padding-left: 17px
    }
}

@media (min-width:64rem) {
    .socials-footer__socials-list-wrapper {
        padding-left: 0
    }
}

.socials-footer .socials-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -24px;
    margin-left: -8px
}

@media (min-width:37.5rem) {
    .socials-footer .socials-list {
        margin-left: -4px
    }
}

@media (min-width:48rem) {
    .socials-footer .socials-list {
        margin-left: -45px
    }
}

.socials-footer .socials-list__item {
    width: 139px;
    margin-left: 8px;
    margin-top: 24px
}

@media (min-width:37.5rem) {
    .socials-footer .socials-list__item {
        margin-left: 4px
    }
}

@media (min-width:48rem) {
    .socials-footer .socials-list__item {
        margin-left: 45px
    }
}

.socials-footer .socials-list__link {
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    text-decoration: none
}

.socials-footer .socials-list__icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    -webkit-flex-basis: 36px;
    -ms-flex-preferred-size: 36px;
    flex-basis: 36px;
    border-radius: 50%;
    border: 1px solid #fff
}

.socials-footer .socials-list__icon {
    width: 100%;
    height: 100%;
    max-width: 18px;
    max-height: 18px;
    pointer-events: none
}

.socials-footer .socials-list__name {
    margin-left: 13px;
    font-size: 16px;
    font-weight: 700;
    letter-spacing: .3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.socials-footer .socials-list__name:first-child {
    margin-left: 0
}

.mc-main-content--obsidian-navy .socials-footer {
    border-top: 1px solid rgba(221, 230, 237, .3);
    background: #001838
}

.mc-main-content--obsidian-navy .socials-footer__heading {
    color: #fff
}

.mc-main-content--obsidian-navy .socials-footer .socials-list__name {
    color: #3bd6ff
}

.mc-main-content--obsidian-navy .collections-section+.socials-footer {
    border-top: 0
}

.partners-section {
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    position: relative;
    z-index: 2
}
.footerclass{
    background-color: black;
    /* padding: 20px 0 */
    margin-right: -50px;
    margin-left: -40px;
    margin-top: -47px;
    margin-bottom: 20px;
    display: grid;

}

/* .partners-section__view-all-wrapper {
    background-color: black;
    padding: 20px 0
} */



.partners-section__primary-partners-wrapper,
.partners-section__secondary-partners-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.partners-section__primary-partners-wrapper {
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out;
    position: relative;
    padding: 24px 7%;
    background-color: #fff
}

.partners-section__primary-partners-wrapper:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .5;
    background-size: 5px 5px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPUlEQVQYlWMsevn/PwMDA0OvGAMjAx7AhE8SGTD+hxiIExS/YvhPkokshEyCuZ18E9FNggHSTcRlEskmAgD7MBJvQ1V/KQAAAABJRU5ErkJggg==");
    z-index: 1
}

@media (max-width:519px) {
    .partners-section__primary-partners-wrapper {
        padding: 22px 0 27px
    }
}

.partners-section .view-all {
    display: block;
    position: relative;
    margin: 0 16px;
    padding: 13px 11px 11px;
    font-size: 13px;
    line-height: 1.08;
    background: transparent;
    border: 1.5px solid #001838;
    color: #001838;
    cursor: pointer;
    font-weight: 700;
    letter-spacing: .13px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none
}

@media (min-width:520px) {
    .partners-section .view-all {
        display: none
    }
}

.partners-section__secondary-partners-wrapper {
    padding: 24px 7%;
    background-color: #6caddf
}

@media (max-width:519px) {
    .partners-section__secondary-partners-wrapper {
        display: none
    }
}

.partners-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 2
}

.partners-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 1% 4px
}

.partners-list__link {
    display: block
}

.partners-list__img--hidden {
    display: none
}

.partners-list--primary .partners-list__item {
    width: auto;
    height: 54px
}

@media (min-width:520px) {
    .partners-list--primary .partners-list__item {
        width: 160px;
        height: 96px
    }
}

@media (max-width:519px) {
    .partners-list--primary .partners-list__img {
        height: 54px;
        width: auto
    }
}

@media (max-width:519px) {
    .partners-list--global {
        display: none
    }
}

.partners-list--global .partners-list__item {
    width: 120px;
    height: 72px
}

@media (max-width:519px) {
    .partners-list--regional {
        display: none
    }
}

.partners-list--regional .partners-list__item {
    width: 80px;
    height: 48px
}

.partners-list__primary-block {
    width: 100%;
    position: relative;
    height: 108px;
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
    background-color: #fff
}

.partners-list__primary-block:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    opacity: .5;
    background-size: 5px 5px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAPUlEQVQYlWMsevn/PwMDA0OvGAMjAx7AhE8SGTD+hxiIExS/YvhPkokshEyCuZ18E9FNggHSTcRlEskmAgD7MBJvQ1V/KQAAAABJRU5ErkJggg==");
    z-index: 2
}

@media (min-width:520px) {
    .partners-list__primary-block {
        height: 150px
    }
}

.partners-list__secondary-block {
    height: 0;
    -webkit-transition: height .5s ease-in-out;
    transition: height .5s ease-in-out;
    background-color: #6caddf;
    width: 100%
}

@media (min-width:520px) {
    .partners-list__secondary-block {
        height: 316px
    }
}

@media (min-width:64rem) {
    .partners-list__secondary-block {
        height: 451px
    }
}

@media (min-width:1280px) {
    .partners-list__secondary-block {
        height: 485px
    }
}

.main-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 16px 56px;
    background-color: #004911;
    color: #fff;
    z-index: 2;
    position: relative
}

@media (min-width:520px) {
    .main-footer {
        padding: 40px 24px
    }
}

@media (min-width:64rem) {
    .main-footer {
        padding: 48px 40px
    }
}

.main-footer .primary-nav-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 24px;
    border-top: 1px solid #69738c;
    width: 100%
}

@media (min-width:520px) {
    .main-footer .primary-nav-list {
        margin-top: 40px
    }
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list {
        margin-top: 0;
        border-top: none
    }
}

.main-footer .primary-nav-list__item {
    margin-top: 24px;
    border-top: 1px solid #69738c;
    padding-top: 24px
}

@media (min-width:520px) {
    .main-footer .primary-nav-list__item {
        border-top: none;
        margin-top: 40px;
        padding-top: 0
    }
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list__item {
        margin-top: 0
    }
}

.main-footer .primary-nav-list__item:first-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 18px;
    margin-right: 18px;
    border: none
}

@media (max-width:519px) {
    .main-footer .primary-nav-list__item:first-child {
        margin-top: 0
    }
}

@media (min-width:520px) {
    .main-footer .primary-nav-list__item:first-child {
        border-right: 1px solid #69738c;
        margin-right: 19.5px;
        padding-right: 19.5px
    }
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list__item:first-child {
        margin-right: 24px;
        padding-right: 24px
    }
}

@media (max-width:519px) {
    .main-footer .primary-nav-list__item:last-child {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.main-footer .primary-nav-list__item.primary-nav-list__item--hidden {
    display: none
}

.main-footer .primary-nav-list .locale-selector {
    background-color: transparent;
    border: none;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    cursor: pointer;
    background-color: #083456;
    padding: 10px;
    border-radius: 20px
}

@media (min-width:520px) {
    .main-footer .primary-nav-list .locale-selector {
        padding: 10.5px 14px 10.5px 10.5px
    }
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .locale-selector {
        padding: 12px;
        border-radius: 28px
    }
}

.main-footer .primary-nav-list .locale-selector__icon {
    width: 20px;
    height: 20px;
    margin-right: 9px;
    color: #3bd6ff
}

@media (min-width:520px) {
    .main-footer .primary-nav-list .locale-selector__icon {
        width: 18.9px;
        height: 18.9px
    }
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .locale-selector__icon {
        width: 24px;
        height: 24px
    }
}

.main-footer .primary-nav-list .locale-selector__icon:last-child {
    margin-right: 0
}

.main-footer .primary-nav-list .locale-selector__text {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1.38
}

@media (min-width:520px) {
    .main-footer .primary-nav-list .locale-selector__text {
        font-size: 11px;
        line-height: 1.18
    }
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .locale-selector__text {
        font-size: 14px
    }
}

.main-footer .primary-nav-list .locale-selector:hover {
    background-color: #3bd6ff
}

.main-footer .primary-nav-list .locale-selector:hover .locale-selector__icon,
.main-footer .primary-nav-list .locale-selector:hover .locale-selector__text {
    color: #001838
}

.main-footer .primary-nav-list .socials-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

@media (min-width:520px) {
    .main-footer .primary-nav-list .socials-list {
        gap: 12px
    }
}

.main-footer .primary-nav-list .socials-list__item {
    width: 40px;
    height: 40px;
    background-color: #083456;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .socials-list__item {
        width: 48px;
        height: 48px
    }
}

.main-footer .primary-nav-list .socials-list__link {
    display: block;
    width: 21px;
    height: 21px;
    color: #3bd6ff
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .socials-list__link {
        width: 24px;
        height: 24px
    }
}

.main-footer .primary-nav-list .socials-list__link--one {
    width: 19px;
    height: 17px
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .socials-list__link--one {
        width: 27px;
        height: 24px
    }
}

.main-footer .primary-nav-list .socials-list__link--linkedin {
    width: 17px;
    height: 17px
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .socials-list__link--linkedin {
        width: 24px;
        height: 24px
    }
}

.main-footer .primary-nav-list .socials-list__link--dugout {
    width: 16px;
    height: 17px
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .socials-list__link--dugout {
        width: 22px;
        height: 24px
    }
}

.main-footer .primary-nav-list .socials-list__link--you_tube {
    width: 21px;
    height: 15px
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .socials-list__link--you_tube {
        width: 29px;
        height: 21px
    }
}

.main-footer .primary-nav-list .socials-list__link--twitter {
    width: 21px;
    height: 17px
}

@media (min-width:64rem) {
    .main-footer .primary-nav-list .socials-list__link--twitter {
        width: 29px;
        height: 24px
    }
}

.main-footer .primary-nav-list .socials-list__icon {
    pointer-events: none;
    max-width: 100%;
    max-height: 100%
}

.main-footer .primary-nav-list .socials-list .socials-list__item:hover {
    background-color: #3bd6ff
}

.main-footer .primary-nav-list .socials-list .socials-list__item:hover .socials-list__link {
    color: #001838
}

@media (max-width:519px) {
    .main-footer .primary-nav-list {
        height: auto;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-footer .primary-nav-list__item {
        width: 100%
    }

    .main-footer .primary-nav-list__item:first-child {
        margin-right: 0;
        padding-right: 0;
        border-right: 0
    }

    .main-footer .primary-nav-list .socials-list {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:520px) {
    .main-footer .primary-nav-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.main-footer .primary-nav-section {
    position: relative
}

@media (min-width:520px) {
    .main-footer .primary-nav-section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.main-footer .primary-nav-section .back-to-top {
    position: absolute;
    top: 123px;
    right: 0;
    background-color: transparent;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 15px;
    border: none;
    border-bottom: 1px solid #fff;
    line-height: 1.47;
    cursor: pointer;
    font-weight: 700;
    color: #fff
}

@media (min-width:520px) {
    .main-footer .primary-nav-section .back-to-top {
        top: 20px;
        font-size: 16px
    }
}

@media (min-width:64rem) {
    .main-footer .primary-nav-section .back-to-top {
        top: 8px
    }
}

.main-footer .primary-nav-section .back-to-top__text {
    margin-right: 2px
}

.main-footer .primary-nav-section .back-to-top__text:last-child {
    margin-right: 0
}

.main-footer .primary-nav-section .back-to-top__icon {
    width: 13px;
    height: 20px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.main-footer .primary-nav-section .back-to-top__icon:lang(ar) {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

@media (min-width:520px) {
    .main-footer .primary-nav-section .back-to-top__icon {
        width: 14px;
        height: 27px
    }
}

.main-footer .secondary-nav-list {
    margin-top: 40px;
    -webkit-column-count: 2;
    column-count: 2
}

.main-footer .secondary-nav-list__link {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    letter-spacing: .22px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase
}

@media (min-width:37.5rem) {
    .main-footer .secondary-nav-list__link {
        font-size: 24px;
        line-height: 25px;
        letter-spacing: .24px
    }
}

@media (min-width:64rem) {
    .main-footer .secondary-nav-list__link {
        font-size: 26px;
        line-height: 27px;
        letter-spacing: .26px
    }
}

@media (min-width:64rem) and (max-width:1919px) {
    .main-footer .secondary-nav-list__link {
        font-size: 24px;
        line-height: 25px;
        letter-spacing: .24px
    }
}

.main-footer .secondary-nav-list__link:hover {
    text-decoration: underline
}

@media (max-width:519px) {
    .main-footer .secondary-nav-list {
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .main-footer .secondary-nav-list__item {
        margin-right: 0;
        margin-bottom: 14px
    }

    .main-footer .secondary-nav-list__item:nth-child(odd):nth-last-child(-n+2),
    .main-footer .secondary-nav-list__item:nth-child(odd):nth-last-child(-n+2)~.secondary-nav-list__item {
        margin-bottom: 0
    }
}

@media (min-width:520px) {
    .main-footer .secondary-nav-list {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 40px;
        gap: 24px;
        width: 83%
    }
}

@media (min-width:64rem) {
    .main-footer .secondary-nav-list {
        margin-top: 48px;
        width: 68.5%
    }
}

@media (min-width:1920px) {
    .main-footer .secondary-nav-list {
        gap: 48px
    }
}

.main-footer .footer-info-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 12px;
    border-top: 1px solid #69738c;
    margin-top: 24px
}

.main-footer .footer-info-list__item {
    margin-top: 24px;
    color: #fff;
    font-size: 13px;
    line-height: 1.38;
    text-align: center
}

@media (min-width:64rem) {
    .main-footer .footer-info-list__item {
        margin-top: 0
    }
}

.main-footer .footer-info-list__item a {
    color: #fff
}

@media (max-width:63.99rem) {
    .main-footer .footer-info-list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .main-footer .footer-info-list__item:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .main-footer .footer-info-list__item:last-child {
        margin-bottom: 0
    }
}

@media (max-width:47.99rem) {
    .main-footer .footer-info-list__item:nth-child(2) {
        padding-bottom: 16px
    }
}

@media (min-width:48rem) {
    .main-footer .footer-info-list {
        margin-top: 40px;
        padding-top: 16px
    }

    .main-footer .footer-info-list__item {
        font-size: 16px;
        line-height: 1.5
    }
}

@media (min-width:64rem) {
    .main-footer .footer-info-list {
        margin-top: 48px;
        padding-top: 48px;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.main-footer .footer-glyph-list {
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 32px
}

.main-footer .footer-glyph-list__item {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.main-footer .footer-glyph-list__item--rose {
    width: 25px
}

.main-footer .footer-glyph-list__item--cross {
    height: 20px;
    width: 20px
}

.main-footer .footer-glyph-list__item--ship {
    width: 35px
}

.main-footer .footer-glyph-list__item--bee {
    width: 30px
}

.main-footer .footer-glyph-list__item--crown {
    height: 21px;
    width: 26px
}

.main-footer .footer-glyph-list__item svg {
    width: auto;
    height: 100%
}

@media (min-width:48rem) {
    .main-footer .footer-glyph-list {
        gap: 48px
    }
}

.article-section {
    border-top: 1px solid #001838
}

@media (min-width:64rem) {
    .article-section {
        padding-top: 22px
    }
}

.article-section__title {
    margin-bottom: 12px;
    padding-top: 7px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 28px;
    letter-spacing: .27px;
    color: #001838;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .article-section__title {
        font-size: 31px;
        line-height: 32px;
        letter-spacing: .31px
    }
}

@media (min-width:22.5rem) {
    .article-section__title {
        margin-bottom: 8px
    }
}

@media (min-width:37.5rem) {
    .article-section__title {
        margin-bottom: 0;
        padding-top: 12px
    }
}

@media (min-width:48rem) {
    .article-section__title {
        padding-top: 15px;
        padding-bottom: 5px
    }
}

*+.article-section {
    margin-top: 40px
}

.article-section+.article-section {
    margin-top: 12px
}

@media (min-width:48rem) {
    .article-section+.article-section {
        margin-top: 17px
    }
}

@media (min-width:64rem) {
    .article-section+.article-section {
        margin-top: 22px
    }
}

.article-header {
    padding-top: 13px
}

@media (min-width:37.5rem) {
    .article-header {
        padding-top: 30px
    }
}

@media (min-width:64rem) {
    .article-header {
        padding-top: 28px
    }
}

.article-header__title {
    color: #001838
}

.article-header__category {
    font-size: 13px;
    font-weight: 400;
    line-height: 1.23
}

.article-header__category--premium {
    background: #001838;
    color: #fff;
    padding: 0 6px;
    font-weight: 700;
    text-transform: uppercase
}


.article-header__title {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 43px;
    line-height: 44px;
    letter-spacing: .43px;
    margin-bottom: 13px;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .article-header__title {
        font-size: 59px;
        line-height: 60px;
        letter-spacing: .59px
    }
}

.article-header__title:lang(ar) {
    line-height: 1.1
}

@media (min-width:22.5rem) {
    .article-header__title {
        margin-bottom: 9px
    }
}

@media (min-width:37.5rem) {
    .article-header__title {
        margin-bottom: 13px
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .article-header__title {
        padding-left: 5px
    }
}

@media (min-width:64rem) {
    .article-header__title {
        margin-bottom: 13px
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .article-header__image-wrapper {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .article-header__image-wrapper {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:37.5rem) and (max-width:47.99rem) {
    .article-header__image-wrapper {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .article-header__image-wrapper {
        margin-top: -.25rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .article-header__image-wrapper {
        margin-top: -.375rem
    }
}

@media (min-width:37.5rem) and (max-width:47.99rem) {
    .article-header__image-wrapper {
        margin-top: -.5rem
    }
}

@media (min-width:37.5rem) {
    .article-header__image-wrapper {
        -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
        box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2)
    }
}

@supports (-o-object-fit:contain) {
    .article-header__image-wrapper {
        margin-left: 0;
        margin-right: 0
    }
}

.article-header__image {
    height: auto;
    min-height: 180px;
    display: block;
    width: 100%
}

@media (min-width:22.5rem) {
    .article-header__image {
        min-height: 211px
    }
}

@media (min-width:37.5rem) {
    .article-header__image {
        min-height: 310px
    }
}

@media (min-width:48rem) {
    .article-header__image {
        min-height: 404px
    }
}

@media (min-width:64rem) {
    .article-header__image {
        min-width: 455px
    }
}

.mc-main-content--obsidian-navy .article-header__category--premium {
    background: #fff;
    color: #001838
}

.article-body {
    padding-top: 22px;
    word-break: break-word
}

@media (min-width:22.5rem) {
    .article-body {
        padding-top: 17px
    }
}

@media (min-width:48rem) {
    .article-body {
        padding-top: 24px
    }
}

@media (min-width:64rem) {
    .article-body {
        padding-top: 25px
    }
}

.article-body__subtitle {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #001838
}

@media (min-width:48rem) {
    .article-body__subtitle {
        font-size: 22px;
        line-height: 1.27
    }
}

.article-body__article-text {
    font-size: 17px;
    font-weight: 400;
    line-height: 1.41;
    color: #001838;
    padding-top: 14px
}

@media (min-width:37.5rem) {
    .article-body__article-text {
        padding-top: 25px
    }
}

@media (min-width:48rem) {
    .article-body__article-text {
        font-size: 18px;
        line-height: 1.33
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .article-body__article-text .mc-button:not(.mc-button--hidden) {
        display: inline-block
    }
}

.article-body__article-text img {
    max-width: 100%
}

.article-body__article-text h1,
.article-body__article-text h2,
.article-body__article-text h3,
.article-body__article-text h4,
.article-body__article-text h5,
.article-body__article-text h6 {
    text-transform: uppercase
}

.article-body__article-text h1 img,
.article-body__article-text h2 img,
.article-body__article-text h3 img,
.article-body__article-text h4 img,
.article-body__article-text h5 img,
.article-body__article-text h6 img {
    width: 1.65em;
    height: 1.65em;
    margin-right: 21px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (max-width:47.99rem) {

    .article-body__article-text h1 img,
    .article-body__article-text h2 img,
    .article-body__article-text h3 img,
    .article-body__article-text h4 img,
    .article-body__article-text h5 img,
    .article-body__article-text h6 img {
        display: none
    }
}

@media (min-width:64rem) {

    .article-body__article-text h1 img,
    .article-body__article-text h2 img,
    .article-body__article-text h3 img,
    .article-body__article-text h4 img,
    .article-body__article-text h5 img,
    .article-body__article-text h6 img {
        width: 2em;
        height: 2em;
        margin-right: 26px
    }
}

.article-body__article-text h1 img+span,
.article-body__article-text h2 img+span,
.article-body__article-text h3 img+span,
.article-body__article-text h4 img+span,
.article-body__article-text h5 img+span,
.article-body__article-text h6 img+span {
    padding-top: .2em
}

.article-body__article-text *+h1,
.article-body__article-text *+h2,
.article-body__article-text *+h3,
.article-body__article-text *+h4,
.article-body__article-text *+h5,
.article-body__article-text *+h6 {
    margin-top: 1.08em;
    margin-bottom: .66em
}

.article-body__article-text ol,
.article-body__article-text ul {
    margin-bottom: 1em
}

.article-body__article-text ul:not(.ff-totaliser-stats__list) li:before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    background: #6caddf;
    border-radius: 50%;
    margin-right: 15px;
    vertical-align: middle
}

.article-body__article-text .ff-list-ticks li {
    background-image: url(https://web-assets.mancity.com/dist/images/icons/icon_navigation_check_24px.svg);
    background-repeat: no-repeat;
    padding-left: 30px;
    margin: 0 0 28px 14px
}

.article-body__article-text .ff-list-ticks>li:before {
    content: inherit
}

.article-body__article-text .ff-list-default li {
    margin: 0 0 28px 42px;
    position: relative
}

.article-body__article-text .ff-list-default>li:before {
    height: 8px;
    width: 8px;
    background: #001838;
    margin-right: 12px;
    position: absolute;
    left: -20px;
    top: 8px
}

.article-body__article-text a {
    color: #001838
}

@supports ((-webkit-text-decoration-color: #001838) or (text-decoration-color: #001838)) or (-webkit-text-decoration-color:#001838) {
    .article-body__article-text a {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: #001838;
        text-decoration-color: #001838;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.article-body__article-text a:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    will-change: opacity
}

.article-body__article-text [class*="--numbered"] span {
    margin-right: 6px
}

.article-body__article-text .h3--numbered {
    padding-left: 24px;
    position: relative;
    text-transform: uppercase;
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    font-size: 35px;
    color: #001838;
    letter-spacing: -1px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
    z-index: 1;
    font-family: KippaxCondensed, sans-serif;
    overflow: hidden;
    padding-top: 2em;
    padding-bottom: 10px
}

.article-body__article-text .h3--numbered>span {
    font-size: 150px;
    color: #98c5e9;
    position: absolute;
    line-height: 1;
    left: 0;
    bottom: -14px;
    z-index: -1
}

.article-body__article-text .h3--numbered>span:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABlJREFUCNdjsD8AQv8ZQOjPARD6DEbnQQgAvLIN+RgkO4kAAAAASUVORK5CYII=);
    background-size: 5px 5px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.article-body__article-text>table {
    border-collapse: collapse;
    border-spacing: 0
}

@supports not (-o-object-fit:contain) {
    @media (min-width:20rem) and (max-width:22.49rem) {
        .article-body__article-text>table {
            margin-right: -1rem;
            margin-left: -1rem
        }
    }

    @media (min-width:22.5rem) and (max-width:37.49rem) {
        .article-body__article-text>table {
            margin-right: -1rem;
            margin-left: -1rem
        }
    }

    @media (max-width:37.49rem) {
        .article-body__article-text>table {
            width: 100% !important
        }
    }
}

@supports not (-o-object-fit:contain) {
    .article-body__article-text>table td {
        padding: 8px;
        white-space: normal
    }

    @media (max-width:37.49rem) {
        .article-body__article-text>table td:first-child {
            padding-left: 1rem
        }

        .article-body__article-text>table td:last-child {
            padding-right: 1rem
        }
    }
}

@supports (-o-object-fit:contain) {
    .article-body__article-text>table td {
        padding: 8px 0
    }
}

.article-body__article-text>table thead {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.23;
    color: #69738c
}

.article-body__article-text>table tbody {
    border-top: 1px solid #001838;
    border-bottom: 1px solid #001838;
    font-size: 14px;
    line-height: 1.29;
    color: #001838
}

@media (min-width:37.5rem) {
    .article-body__article-text>table tbody {
        font-size: 16px;
        line-height: 1.63
    }
}

.article-body__article-text>table tbody tr {
    border-bottom: 1px solid #dde6ed
}

.article-body__article-text>table tbody tr:last-child {
    border-bottom: none
}

.article-body__article-text img[height],
.article-body__article-text img[style*=height],
.article-body__article-text img[style*=width],
.article-body__article-text img[width] {
    max-width: 100% !important;
    height: auto !important
}

.article-body__article-text iframe {
    max-width: 100% !important
}

.article-body__article-text .crt-widget {
    width: 100%;
    overflow: hidden
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks::-webkit-scrollbar {
    display: none
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li {
    margin-right: 5px
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li:last-child {
    margin-right: 0
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li:before {
    display: none
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li.crt-filter-label {
    margin: 0 5px 0 0
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li.crt-filter-label label {
    color: #69738c
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    color: #001838;
    border: 1px solid rgba(0, 24, 56, .2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li a:hover {
    color: #fff;
    background: #001838
}

.article-body__article-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li.active a {
    color: #fff;
    background: #001838
}

.article-body [id^=article_page_slot] {
    text-align: center;
    margin: 0 -16px
}

.mc-main-content--obsidian-navy .article-body .crt-widget .crt-filter .crt-filter-networks .crt-networks li.crt-filter-label label {
    color: #fff
}

.mc-main-content--obsidian-navy .article-body .crt-widget .crt-filter .crt-filter-networks .crt-networks li a {
    color: #fff;
    border: 1px solid hsla(0, 0%, 100%, .2)
}

.mc-main-content--obsidian-navy .article-body .crt-widget .crt-filter .crt-filter-networks .crt-networks li a:hover {
    color: #001838;
    background: #98c5e9;
    border-color: #98c5e9
}

.mc-main-content--obsidian-navy .article-body .crt-widget .crt-filter .crt-filter-networks .crt-networks li.active a {
    color: #001838;
    background: #98c5e9;
    border-color: #98c5e9
}

.mc-main-content--obsidian-navy .article-body .h3--numbered {
    color: #fff
}

.mc-main-content--obsidian-navy .article-body .h3--numbered>span:after {
    background-image: none
}

.picture-special .article-body .h3--numbered {
    color: #fff
}

.picture-special .article-body .h3--numbered>span:after {
    background-image: none
}

.match-report .article-header {
    background-color: #001838;
    padding-top: 10px
}

@media (min-width:48rem) {
    .match-report .article-header {
        padding-top: 29px
    }
}

@media (min-width:64rem) {
    .match-report .article-header {
        padding-top: 24px
    }
}

.match-report .article-header__title {
    color: #fff
}

.match-report .article-header__title {
    padding-left: 9px
}

.match-report .article-body__article-text h2 {
    text-transform: uppercase
}

.match-report-header {
    max-width: 48rem;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px
}

@media (min-width:48rem) {
    .match-report-header {
        margin-top: 19px
    }
}

@media (min-width:64rem) {
    .match-report-header {
        margin-top: 25px;
        border-top: 2px solid #3bd6ff;
        max-width: 976px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-flow: row;
        -ms-flex-flow: row;
        flex-flow: row;
        -webkit-box-shadow: 0 10px 20px 0 rgba(0, 24, 56, .5);
        box-shadow: 0 10px 20px 0 rgba(0, 24, 56, .5);
        border-right: 1px solid rgba(59, 214, 255, .3)
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-report-header__image-wrapper:after {
        content: "";
        background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 24, 56, 0)), color-stop(2%, rgba(0, 24, 56, 0)), color-stop(68%, rgba(0, 24, 56, .85)), to(#001838));
        background-image: linear-gradient(180deg, rgba(0, 24, 56, 0), rgba(0, 24, 56, 0) 2%, rgba(0, 24, 56, .85) 68%, #001838);
        height: 287px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block
    }
}

@media (min-width:64rem) {
    .match-report-header__image-wrapper {
        margin-right: 8px
    }
}

@supports (-o-object-fit:contain) {
    .match-report-header__image-wrapper {
        padding-left: 16px;
        padding-right: 16px
    }
}

.match-report-header__match-result {
    color: #fff;
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 24px
}

@media (min-width:48rem) {
    .match-report-header__match-result {
        padding-left: 0;
        padding-right: 0;
        max-width: 720px;
        margin-left: auto;
        margin-right: auto;
        margin-top: -69px
    }
}

@media (min-width:64rem) {
    .match-report-header__match-result {
        padding-left: 10px;
        padding-right: 14px;
        width: 33.33333%;
        position: relative;
        padding-bottom: 84px;
        margin-top: 0
    }
}

.match-report-header__highlights-button {
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.08px;
    text-align: center;
    cursor: pointer;
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    color: #fff;
    text-decoration: none;
    border: 1px solid #fff;
    margin-top: 4px
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-report-header__highlights-button {
        width: 49%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 6px;
        padding-top: 11px;
        padding-bottom: 11px
    }
}

@media (min-width:64rem) {
    .match-report-header__highlights-button {
        width: 93%;
        position: absolute;
        bottom: 24px;
        margin-top: 0
    }
}

.competition-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 17px;
    padding-bottom: 9px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .competition-block {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 8px;
        padding-bottom: 18px
    }
}

@media (min-width:64rem) {
    .competition-block {
        padding-top: 25px;
        padding-bottom: 17px
    }
}

.competition-block__icon {
    width: 32px;
    margin-left: 5px
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .competition-block__icon {
        margin-left: -42px
    }
}

@media (min-width:64rem) {
    .competition-block__icon {
        margin-left: 2px
    }
}

.competition-block__icon img {
    width: 100%;
    height: auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden
}

.competition-block__info {
    padding-left: 13px
}

@media (min-width:64rem) {
    .competition-block__info {
        padding-left: 8px
    }
}

.competition-block__name {
    font-weight: 700
}

.competition-block__date,
.competition-block__name {
    font-size: 14px;
    line-height: 1.29
}

.match-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    padding-bottom: 25px
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result {
        margin-top: 23px
    }
}

.match-result__away-team,
.match-result__home-team {
    width: 100%;
    margin-top: 15px;
    text-transform: uppercase
}

@media (min-width:37.5rem) and (max-width:63.99rem) {

    .match-result__away-team,
    .match-result__home-team {
        margin-top: 0;
        width: 48%;
        -webkit-align-self: center;
        -ms-flex-item-align: center;
        align-self: center
    }
}

.match-result__home-team {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.match-result__away-team {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin-top: 20px
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result__away-team {
        margin-top: 0
    }
}

.match-result__away-team-crest,
.match-result__home-team-crest {
    width: 37px;
    height: 37px;
    min-width: 37px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 13px
}

@media (min-width:37.5rem) {

    .match-result__away-team-crest,
    .match-result__home-team-crest {
        width: 44px;
        height: 44px;
        min-width: 44px
    }
}

@media (min-width:64rem) {

    .match-result__away-team-crest,
    .match-result__home-team-crest {
        width: 30px;
        height: 30px;
        min-width: 30px;
        margin-right: 7px
    }
}

.match-result__away-team-crest img,
.match-result__home-team-crest img {
    width: 100%;
    height: auto;
    max-width: 37px
}

@media (min-width:37.5rem) {

    .match-result__away-team-crest img,
    .match-result__home-team-crest img {
        max-width: 44px
    }
}

@media (min-width:64rem) {

    .match-result__away-team-crest img,
    .match-result__home-team-crest img {
        max-width: 30px
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result__home-team-crest {
        margin-right: 0;
        margin-left: 7px
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result__away-team-crest {
        margin-right: 7px
    }
}

.match-result__away-team-name,
.match-result__home-team-name {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 32px;
    letter-spacing: .31px
}

@media (min-width:37.5rem) {

    .match-result__away-team-name,
    .match-result__home-team-name {
        font-size: 43px;
        line-height: 44px;
        letter-spacing: .43px
    }
}

@media (min-width:48rem) {

    .match-result__away-team-name,
    .match-result__home-team-name {
        font-size: 37px;
        line-height: 38px;
        letter-spacing: .37px
    }
}

.match-result__away-team-logo,
.match-result__home-team-logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result__home-team-logo {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse
    }
}

.match-result__away-team-score,
.match-result__home-team-score {
    width: 40px;
    min-width: 40px;
    text-align: center;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 32px;
    letter-spacing: .31px
}

@media (min-width:37.5rem) {

    .match-result__away-team-score,
    .match-result__home-team-score {
        font-size: 43px;
        line-height: 44px;
        letter-spacing: .43px
    }
}

@media (min-width:48rem) {

    .match-result__away-team-score,
    .match-result__home-team-score {
        font-size: 37px;
        line-height: 38px;
        letter-spacing: .37px
    }
}

@media (min-width:64rem) {

    .match-result__away-team-score,
    .match-result__home-team-score {
        width: 35px;
        min-width: 35px
    }
}

.match-result__delimiter {
    display: none;
    width: 4%
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result__delimiter {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.match-result__away-team-content,
.match-result__home-team-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

@media (min-width:37.5rem) and (max-width:63.99rem) {

    .match-result__away-team-content,
    .match-result__home-team-content {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result__home-team-content {
        text-align: right
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result__away-team-content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-flow: row-reverse;
        -ms-flex-flow: row-reverse;
        flex-flow: row-reverse
    }
}

.match-result__away-team-goals,
.match-result__home-team-goals {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 50px;
    padding-right: 40px;
    margin-top: -5px
}

@media (min-width:37.5rem) and (max-width:63.99rem) {

    .match-result__away-team-goals,
    .match-result__home-team-goals {
        width: 48%;
        margin-top: 2px
    }
}

@media (min-width:64rem) {

    .match-result__away-team-goals,
    .match-result__home-team-goals {
        padding-left: 39px;
        margin-top: 0
    }
}

.match-result__home-team-goals {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result__home-team-goals {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        padding-left: 0;
        padding-right: 88px;
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
}

.match-result__away-team-goals {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .match-result__away-team-goals {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5;
        padding-right: 0;
        padding-left: 118px;
        width: 52%
    }
}

.rectangle {
    width: 16px;
    height: 6px;
    background-color: #fff
}

.penalties {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.29;
    text-align: center;
    color: #3bd6ff;
    padding-top: 13px;
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .penalties {
        width: 50%;
        margin-left: auto;
        margin-right: auto
    }
}

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

.scorer-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.mc-lightbox-indicator {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    position: absolute;
    bottom: 8px;
    left: 8px;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 44px;
    height: 44px;
    color: #fff;
    -webkit-transition: opacity .5s ease-out;
    transition: opacity .5s ease-out;
    cursor: zoom-in
}

.mc-lightbox-indicator:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: .6;
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background-color: #001838;
    border-radius: 50%;
    top: 0;
    left: 0
}

@media (min-width:48rem) {
    .mc-lightbox-indicator {
        width: 48px;
        height: 48px;
        bottom: 16px;
        left: 16px
    }
}

.mc-lightbox-indicator__icon {
    position: relative;
    z-index: 1;
    width: 20px;
    height: 20px
}

.mc-lightbox-indicator--lazy {
    opacity: 0
}

.lazyloaded+.mc-lightbox-indicator--lazy {
    opacity: 1
}

@supports (-o-object-fit:contain) {
    .mc-lightbox-indicator {
        display: none
    }
}

.picture-special {
    background: #001838
}

.picture-special .article-header {
    padding-top: 9px
}

@media (min-width:48rem) {
    .picture-special .article-header {
        padding-top: 0
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .picture-special .article-header .headline-image-section__image-wrapper {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

@media (min-width:64rem) {
    .picture-special .article-header .headline-image-section__image-wrapper {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .picture-special .article-header .headline-image-section__image-wrapper {
        margin-top: -.5rem
    }
}

@media (min-width:64rem) {
    .picture-special .article-header .headline-image-section__image-wrapper {
        margin-top: -.625rem
    }
}

.picture-special .article-header .headline-image-section__image {
    width: 100%;
    height: auto;
    max-width: 100%;
    display: block;
    min-height: auto
}

@media (min-width:64rem) {
    .picture-special .article-header .headline-image-section__image {
        min-width: 576px
    }
}

.picture-special .article-header .number-of-photos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.picture-special .article-header .number-of-photos__icon {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
    margin-right: 5px
}

.picture-special .article-header .number-of-photos__icon:last-child {
    margin-right: 0
}

.picture-special .article-header .number-of-photos__text {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px;
    font-family: KippaxCondensed, sans-serif
}

@media (min-width:37.5rem) {
    .picture-special .article-header .number-of-photos__text {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .picture-special .article-header .number-of-photos__text {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.picture-special .article-header .article-author-share {
    padding-top: 8px;
    background: #001838;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

@media (min-width:48rem) {
    .picture-special .article-header .article-author-share {
        padding-bottom: 24px
    }
}

.picture-special .article-header .article-author-share__show-sharing {
    color: #fff
}

.picture-special .article-header .article-author-share .article-author__info-block,
.picture-special .article-header .article-author-share .article-author__photo {
    color: #fff
}

.picture-special .article-header .article-author-share .article-author__name,
.picture-special .article-header .article-author-share .article-author__nickname {
    font-size: 12px
}

@media (min-width:48rem) {

    .picture-special .article-header .article-author-share .article-author__name,
    .picture-special .article-header .article-author-share .article-author__nickname {
        font-size: 14px
    }
}

.picture-special .article-header .article-author-share .article-authors__publish-date {
    color: #dde6ed;
    margin-top: 5px
}

@media (min-width:48rem) {
    .picture-special .article-header .article-author-share .article-authors__publish-date {
        margin-top: 16px
    }
}

.picture-special .article-header .article-author-share .article-share-popup__close-sharing,
.picture-special .article-header .article-author-share .article-share-popup__socials-list,
.picture-special .article-header .article-author-share .article-share-popup__title-text {
    color: #fff
}

@media (min-width:64rem) {
    .picture-special .article-header__headline-image-section {
        max-width: 1082px
    }
}

@media (min-width:48rem) {
    .picture-special .article-header__main-content {
        margin-top: 15px
    }
}

@media (min-width:64rem) {
    .picture-special .article-header__main-content {
        margin-top: 30px
    }
}

.picture-special .article-header__title {
    color: #fff
}


.picture-special .article-header__title {
    line-height: .9
}

@media (min-width:48rem) {
    .picture-special .article-header__title {
        margin-bottom: 0
    }
}

@media (min-width:64rem) {
    .picture-special .article-header__title {
        padding-left: 8px;
        line-height: .95
    }
}

.picture-special .article-header__number-of-photos {
    margin-left: auto
}

@media (min-width:64rem) {
    .picture-special .article-header__number-of-photos {
        margin-left: 0;
        margin-top: 4px
    }

    .picture-special .article-header__number-of-photos:first-child {
        margin-top: 0
    }
}

@media (max-width:19.99rem) {
    .picture-special .article-header__image-wrapper {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .picture-special .article-header__image-wrapper {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .picture-special .article-header__image-wrapper {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@supports (-o-object-fit:contain) {
    .picture-special .article-header__image-wrapper {
        margin-left: 0;
        margin-right: 0
    }
}

.picture-special .article-header__image {
    width: 100%;
    height: auto;
    margin: 0;
    min-height: auto;
    max-width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: none
}

.picture-special .article-header__image.lazyload,
.picture-special .article-header__image.lazyloading {
    max-height: 180px
}

@media (min-width:22.5rem) {

    .picture-special .article-header__image.lazyload,
    .picture-special .article-header__image.lazyloading {
        max-height: 211px
    }
}

@media (min-width:37.5rem) {

    .picture-special .article-header__image.lazyload,
    .picture-special .article-header__image.lazyloading {
        max-height: 320px
    }
}

.picture-special .article-body {
    padding-top: 18px
}

@media (min-width:48rem) {
    .picture-special .article-body {
        padding-top: 12px
    }
}

@media (min-width:64rem) {
    .picture-special .article-body {
        padding-top: 8px
    }
}

.picture-special .article-body__article-text,
.picture-special .article-body__article-text a:not(.mc-button),
.picture-special .article-body__subtitle {
    color: #fff
}

.picture-special .article-body__article-text {
    line-height: 1.45
}

@supports ((-webkit-text-decoration-color: currentColor) or (text-decoration-color: currentColor)) or (-webkit-text-decoration-color:currentColor) {
    .picture-special .article-body__article-text a {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: currentColor;
        text-decoration-color: currentColor;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.picture-special .article-body__article-text a:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    will-change: opacity
}

.picture-special .gallery-section {
    margin-top: 18px
}

@media (min-width:48rem) {
    .picture-special .gallery-section {
        margin-top: 49px
    }
}

@media (min-width:64rem) {
    .picture-special .gallery-section {
        margin-top: 39px
    }
}

.picture-special .gallery-list__item {
    margin-top: 47px
}

@media (min-width:48rem) {
    .picture-special .gallery-list__item {
        margin-top: 33px;
        margin-top: 44px
    }
}

.picture-special .gallery-list__item:first-child {
    margin-top: 0
}

.picture-special .article-section {
    border-top: 1px solid #fff
}

.picture-special .article-section__title {
    color: #fff
}

.picture-special .gallery-section+.article-section {
    margin-top: 54px
}

@media (min-width:48rem) {
    .picture-special .gallery-section+.article-section {
        margin-top: 70px
    }
}

@media (max-width:37.5rem) {
    .picture-special .further-news .article-preview {
        border-top: 1px solid rgba(221, 230, 237, .3)
    }
}

.picture-special .further-news .article-preview__heading,
.picture-special .further-news .article-preview__heading-link {
    color: #fff
}

.picture-special .further-news .article-preview__category {
    color: #dde6ed
}

.picture-special .further-news .article-preview__category--premium {
    background-color: #fff;
    color: #001838
}

.picture-special .most-read__item {
    border-top: 1px solid hsla(0, 0%, 100%, .3)
}

.picture-special .most-read__item-title {
    color: #fff
}

.picture-special .most-read__item-index:before {
    color: #3bd6ff
}

@media (max-width:63.99rem) {
    .gallery-figure .mc-aspect-ratio-box {
        -webkit-box-shadow: 0 -12px 20px 0 rgba(18, 18, 18, .3);
        box-shadow: 0 -12px 20px 0 rgba(18, 18, 18, .3)
    }
}

.gallery-figure__number {
    height: 75px;
    margin-bottom: -6px;
    color: #dde6ed;
    text-indent: 2px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 79px;
    line-height: 80px;
    letter-spacing: .79px
}

@media (min-width:48rem) {
    .gallery-figure__number {
        font-size: 89px;
        line-height: 90px;
        letter-spacing: .89px
    }
}

@media (min-width:64rem) {
    .gallery-figure__number {
        border-top: 1px solid hsla(0, 0%, 100%, .2)
    }
}

.gallery-figure__number--even,
.gallery-figure__number--odd {
    position: relative
}

.gallery-figure__number--even:before,
.gallery-figure__number--odd:before {
    content: "";
    position: absolute;
    width: 1px;
    background-color: #fff;
    opacity: .2;
    height: 30px;
    bottom: 0
}

@media (min-width:48rem) {

    .gallery-figure__number--even:before,
    .gallery-figure__number--odd:before {
        height: 32px
    }
}

@media (max-width:63.99rem) {
    .gallery-figure__number--odd:before {
        left: -16px
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .gallery-figure__number--odd:before {
        left: -14px
    }
}

@media (max-width:63.99rem) {
    .gallery-figure__number--even {
        text-align: right
    }

    .gallery-figure__number--even:before {
        right: -16px
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .gallery-figure__number--even:before {
        right: -9px
    }
}

@media (max-width:63.99rem) {
    .gallery-figure__number--last {
        text-align: center
    }
}

@media (max-width:19.99rem) {
    .gallery-figure__image-stretcher {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .gallery-figure__image-stretcher {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .gallery-figure__image-stretcher {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .gallery-figure__image-stretcher {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

@supports (-o-object-fit:contain) {
    .gallery-figure__image-stretcher {
        margin-left: 0;
        margin-right: 0
    }
}

.gallery-figure__image-wrapper {
    position: relative;
    z-index: 1
}

.gallery-figure__image {
    max-width: 100%
}

.gallery-figure__caption {
    padding-top: 16px;
    padding-bottom: 32px;
    font-size: 14px;
    color: #fff
}

@media (min-width:64rem) {
    .gallery-figure__caption {
        padding-bottom: 12px
    }
}

.gallery-figure__caption--even,
.gallery-figure__caption--odd {
    position: relative
}

.gallery-figure__caption--even:before,
.gallery-figure__caption--odd:before {
    content: "";
    position: absolute;
    top: -10px;
    width: 158px;
    height: 100%;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

@media (max-width:63.99rem) {
    .gallery-figure__caption--odd:before {
        left: -16px;
        border-left: 1px solid hsla(0, 0%, 100%, .2)
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .gallery-figure__caption--odd:before {
        left: -14px;
        width: 252px
    }
}

@media (max-width:63.99rem) {
    .gallery-figure__caption--even:before {
        right: -16px;
        border-right: 1px solid hsla(0, 0%, 100%, .2)
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .gallery-figure__caption--even:before {
        right: -9px;
        width: 246px
    }
}


.gallery-figure__number+.gallery-figure__caption {
    margin-top: 15px
}

@media (min-width:64rem) {
    .gallery-figure__number+.gallery-figure__caption {
        margin-top: 10px
    }
}

.gallery-figure__number+.gallery-figure__caption:first-child {
    margin-top: 0
}

.match-preview__header {
    position: relative;
    background-color: #001838;
    color: #fff;
    padding-bottom: 32px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2)
}

@media (min-width:48rem) {
    .match-preview__header {
        padding-top: 28px;
        -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3);
        box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3)
    }
}

.match-preview__broadcasters-section {
    background-color: #f3f6f9;
    padding-top: 15px;
    padding-bottom: 20px
}

@media (min-width:48rem) {
    .match-preview__broadcasters-section {
        padding-top: 28px;
        padding-bottom: 36px;
        padding-top: 25px
    }
}

.teams-block {
    padding-top: 4px;
    margin-bottom: 0
}

@media (min-width:48rem) {
    .teams-block {
        padding-top: 0
    }
}

.teams-block__team {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 7px
}

.teams-block__team-crest {
    height: 40px;
    width: 40px;
    min-width: 40px;
    margin-right: 17px
}

@media (min-width:48rem) {
    .teams-block__team-crest {
        height: 48px;
        width: 48px;
        min-width: 48px;
        margin-right: 22px
    }
}

.teams-block__team-crest img {
    width: 100%;
    height: auto
}

.teams-block__team-name {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    letter-spacing: .46px;
    text-transform: uppercase
}

@media (min-width:37.5rem) {
    .teams-block__team-name {
        font-size: 52px;
        line-height: 52px;
        letter-spacing: .62px
    }
}

.fixtures-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px
}

@media (min-width:48rem) {
    .fixtures-block {
        margin-top: 22px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border-top: 1px solid hsla(0, 0%, 100%, .2)
    }
}

@media (min-width:64rem) {
    .fixtures-block {
        margin-top: 28px
    }
}

.fixtures-block__competition,
.fixtures-block__location {
    border-top: 1px solid hsla(0, 0%, 100%, .2);
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:48rem) {

    .fixtures-block__competition,
    .fixtures-block__location {
        border: none;
        width: 49%
    }
}

@media (max-width:47.99rem) {
    .fixtures-block__location {
        margin-top: 7px
    }
}

.info-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 5px
}

@media (min-width:48rem) {
    .info-block {
        margin-top: 14px;
        margin-bottom: 2px
    }
}

.info-block:first-child {
    margin-top: 15px;
    margin-bottom: 1px
}

@media (min-width:48rem) {
    .info-block:first-child {
        margin-top: 23px
    }
}

.info-block__icon {
    width: 32px;
    height: 32px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-left: -4px;
    margin-right: 12px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    font-size: 9px
}

.info-block__icon img {
    width: auto;
    height: 100%
}

.info-block__icon svg {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px
}

.info-block__label {
    font-size: 17px;
    line-height: 1.41;
    color: #fff
}

@media (min-width:48rem) {
    .info-block__label {
        font-size: 18px;
        line-height: 1.33
    }
}

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

.tickets-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

.tickets-block__icon {
    width: 22px;
    height: 22px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 17px
}

.tickets-block__icon svg {
    width: 22px;
    height: 22px;
    max-width: 22px;
    max-height: 22px
}

.tickets-block__text {
    display: block;
    font-size: 17px;
    line-height: 1.41;
    margin-bottom: 1px
}

.tickets-block__link {
    font-size: 14px;
    line-height: 1.29;
    color: #e6ff00;
    max-width: 95px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block
}

.tickets-block__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tickets-block__list-item {
    position: relative;
    padding: 0 5px
}

.tickets-block__list-item:after {
    position: absolute;
    display: block;
    content: "";
    width: 1px;
    height: 10px;
    height: -webkit-calc(100% - 3px);
    height: calc(100% - 3px);
    top: 1px;
    right: -1px;
    background: #e6ff00
}

.tickets-block__list-item:first-child {
    padding-left: 0
}

.tickets-block__list-item:last-child {
    padding-right: 0;
    border: 0
}

.tickets-block__list-item:last-child:after {
    display: none
}

.broadcasters-section {
    color: #001838
}

.broadcasters-section--local-info .broadcasters-section__location-uk {
    display: none
}

.broadcasters-section--local-info .broadcasters-section__location {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.broadcasters-section--local-info .broadcasters-section__label-block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:48rem) {
    .broadcasters-section--local-info .broadcasters-section__label-block {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (max-width:47.99rem) {
    .broadcasters-section--local-info .broadcasters-section__label {
        width: 100%;
        margin-bottom: 6px;
        margin-right: 0
    }
}

.broadcasters-section__header {
    border-bottom: 1px solid #dde6ed;
    padding-bottom: 14px
}

@media (min-width:48rem) {
    .broadcasters-section__header {
        padding-bottom: 20px
    }
}

.broadcasters-section__body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 17px
}

@media (min-width:48rem) {
    .broadcasters-section__body {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-top: 26px
    }
}

@media (min-width:48rem) {

    .broadcasters-section__remind-block,
    .broadcasters-section__tv-and-radio-block {
        width: 49%
    }
}

.broadcasters-section__label-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.broadcasters-section__label {
    font-weight: 700;
    
    white-space: nowrap;
    display: block;
    margin-bottom: 0;
    margin-right: 10px;
    font-size: 17px;
    line-height: 21px
}

.broadcasters-section__location-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.broadcasters-section__location {
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 17px
}

.broadcasters-section__location-icon {
    width: 16px;
    height: 16px;
    margin-right: 4px
}

.broadcasters-section__location-icon svg {
    width: 16px;
    height: 16px;
    max-width: 16px;
    max-height: 16px;
    color: #001838
}

.broadcasters-section__info-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    color: #001838
}

.broadcasters-section__info-toggle input {
    margin-left: 6px
}

.broadcasters-section__radio {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:48rem) {
    .broadcasters-section__radio {
        padding-bottom: 0
    }
}

.broadcasters-section__radio,
.broadcasters-section__tv {
    padding-bottom: 15px
}

.broadcasters-section__radio,
.broadcasters-section__remind,
.broadcasters-section__tv {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.broadcasters-section__radio-icon,
.broadcasters-section__remind-icon,
.broadcasters-section__tv-icon {
    width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-right: 15px
}

.broadcasters-section__radio-icon svg,
.broadcasters-section__remind-icon svg,
.broadcasters-section__tv-icon svg {
    width: 24px;
    height: 24px;
    max-width: 24px;
    max-height: 24px;
    color: #001838
}

.broadcasters-section__radio-name,
.broadcasters-section__remind-name,
.broadcasters-section__tv-name {
    font-size: 17px;
    line-height: 1.41
}

.broadcasters-section__remind-link,
.broadcasters-section__tv-link {
    font-size: 14px;
    line-height: 1.29;
    color: #001838
}

.toggle-broadcasters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001838;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: auto
}

.toggle-broadcasters__checkbox {
    position: relative;
    margin-left: 6px;
    top: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    border: 0
}

.toggle-broadcasters__checkbox:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 6px;
    top: 4px;
    left: 3px;
    border-color: #fff;
    border-style: none none solid solid;
    border-width: 2px;
    z-index: 1;
    -webkit-transform: rotate(-45deg) scale(0);
    transform: rotate(-45deg) scale(0);
    -webkit-transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75);
    transition: transform .4s cubic-bezier(.45, 1.8, .5, .75), -webkit-transform .4s cubic-bezier(.45, 1.8, .5, .75)
}

.toggle-broadcasters__checkbox:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: #f3f6f9;
    border: 1px solid #001838;
    cursor: pointer
}

.toggle-broadcasters__checkbox:checked:before {
    -webkit-transform: rotate(-45deg) scale(1);
    transform: rotate(-45deg) scale(1)
}

.toggle-broadcasters__checkbox:checked:after {
    background: #001838
}

.most-read__list {
    counter-reset: section;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .most-read__list .most-read__item {
        border: none
    }

    .most-read__list--border-for-two .most-read__item:first-child {
        border-bottom: 1px solid #dde6ed;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .most-read__list--border-for-two .most-read__item:nth-child(2) {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .most-read__list--border-for-two .most-read__item:nth-child(3) {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        border-bottom: 1px solid #dde6ed
    }

    .most-read__list--border-for-two .most-read__item:nth-child(4) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .most-read__list--normal-border .most-read__item:first-child {
        border-bottom: 1px solid #dde6ed;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .most-read__list--normal-border .most-read__item:nth-child(2) {
        border-bottom: 1px solid #dde6ed;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .most-read__list--normal-border .most-read__item:nth-child(3) {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .most-read__list--normal-border .most-read__item:nth-child(4) {
        border-bottom: 1px solid #dde6ed;
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .most-read__list--normal-border .most-read__item:nth-child(5) {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }
}

.most-read__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 15px;
    padding-bottom: 19px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border-top: 1px solid #dde6ed
}

@media (min-width:22.5rem) {
    .most-read__item {
        padding-bottom: 20px
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .most-read__item {
        width: 48%;
        padding-bottom: 18px;
        padding-top: 9px
    }
}

@media (min-width:64rem) {
    .most-read__item {
        width: 100%;
        padding-bottom: 18px;
        padding-top: 11px;
        border-top: 1px solid #dde6ed
    }

    .most-read__item:first-child {
        border: none;
        padding-top: 0
    }
}

.most-read__item--fake {
    display: none;
    visibility: hidden
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .most-read__item--fake {
        display: block
    }
}

.most-read__item-index {
    min-width: 36px;
    margin-right: 14px
}

@media (min-width:37.5rem) {
    .most-read__item-index {
        min-width: 43px;
        margin-right: 18px
    }
}

@media (min-width:64rem) {
    .most-read__item-index {
        min-width: 38px;
        margin-right: 13px
    }

    .most-read__item-index:first-child {
        padding-top: 0
    }
}

.most-read__item-index:before {
    counter-increment: section;
    content: counter(section);
    color: #6caddf;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 43px;
    line-height: 44px;
    letter-spacing: .43px
}

@media (min-width:48rem) {
    .most-read__item-index:before {
        font-size: 59px;
        line-height: 60px;
        letter-spacing: .59px
    }
}

.most-read__item-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.13;
    color: #001838;
    text-decoration: none;
    cursor: pointer
}

@media (min-width:48rem) {
    .most-read__item-title {
        font-size: 18px;
        line-height: 1.11
    }
}

@supports (-o-object-fit:contain) {
    .most-read__item-title {
        padding-right: 10px
    }
}

.most-read__ad-wrapper {
    margin-bottom: 16px
}

@media (min-width:22.5rem) and (max-width:47.99rem) {
    .most-read__ad-wrapper {
        width: 320px;
        margin: 0 auto 16px
    }
}

@media (min-width:64rem) {
    .most-read__ad-wrapper {
        padding-top: 2px
    }
}

.most-read__ad {
    text-align: center
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .most-read__ad {
        margin-left: -12px;
        margin-right: -12px
    }
}

@media (min-width:64rem) {
    .most-read__ad {
        margin-top: 16px
    }
}

.video-page-most-read .most-read__item-index:before {
    color: #3bd6ff
}

@media (min-width:37.5rem) {
    .further-news {
        margin-top: 16px;
        margin-bottom: 13px
    }
}

@media (min-width:64rem) {
    .further-news {
        margin-top: 7px;
        margin-bottom: 0
    }
}

.further-news__item-link {
    display: block
}

.further-news .article-preview {
    padding-top: 16px;
    padding-bottom: 13px
}

@media (max-width:37.49rem) {
    .further-news .article-preview {
        border-top: 1px solid #dde6ed
    }
}

@media (min-width:37.5rem) {
    .further-news .article-preview {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-top: 0;
        padding-bottom: 0
    }

    .further-news .article-preview__figure-wrapper {
        margin-bottom: 15px;
        width: 100%
    }
}

.further-news .article-preview__header-container {
    width: 100%
}

.article-author {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 20px
}

.article-author:last-child {
    padding-bottom: 0
}

.article-author__photo-wrapper {
    width: 36px;
    height: 36px;
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%
}

.article-author__photo {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #001838;
    font-size: 6px
}

.article-author__info-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-left: 8px;
    color: #001838
}

.article-author__name {
    font-size: 14px;
    line-height: 1.29
}

.article-author__nickname {
    font-size: 13px;
    line-height: 1.23
}

.authors-slider {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.authors-slider__item {
    opacity: 1;
    left: 0;
    top: 0;
    -webkit-transition: opacity .5s cubic-bezier(.455, .03, .515, .955) 0s;
    transition: opacity .5s cubic-bezier(.455, .03, .515, .955) 0s
}

.authors-slider__item.is-hidden {
    opacity: 0
}

.article-authors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.article-authors__list {
    min-height: 36px
}

.article-authors__publish-date {
    font-size: 13px;
    line-height: 1.23;
    color: #69738c;
    padding-left: 44px;
    position: relative
}

.show-article-sharing {
    margin-left: auto;
    width: 36px;
    height: 36px;
    border: 1px solid;
    border-radius: 50%;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001838;
    background: transparent;
    cursor: pointer
}

@media (min-width:37.5rem) {
    .show-article-sharing {
        display: none
    }
}

.show-article-sharing__icon {
    width: 16px;
    height: 16px;
    margin-left: -2px
}

.show-article-sharing.is-outlineless {
    outline: none
}

.article-share-popup {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    height: 90%;
    height: -webkit-calc(100% - 6px);
    height: calc(100% - 6px);
    width: 100%;
    padding-left: 4px;
    padding-right: 4px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:37.49rem) {
    .article-share-popup {
        background: inherit
    }
}

@media (min-width:37.5rem) {
    .article-share-popup {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: auto;
        height: 100%;
        margin-left: auto;
        padding-left: 0;
        padding-right: 0
    }
}

.article-share-popup__links-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.article-share-popup__title-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.29;
    color: #001838;
    margin-right: 8px
}

.article-share-popup .close-article-sharing {
    background: transparent;
    border: none;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 36px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 36px;
    padding: 0;
    cursor: pointer
}

@media (min-width:37.5rem) {
    .article-share-popup .close-article-sharing {
        display: none
    }
}

.article-share-popup .close-article-sharing__icon {
    width: 16px;
    height: 16px
}

.article-share-popup.is-shown {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.article-author-share {
    position: relative;
    padding-top: 5px;
    padding-bottom: 13px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #dde6ed
}

@media (max-width:37.49rem) {
    .article-author-share {
        background: #fff
    }
}

@media (min-width:22.5rem) {
    .article-author-share {
        padding-top: 4px
    }
}

@media (min-width:37.5rem) {
    .article-author-share {
        padding-bottom: 19px
    }
}

@media (min-width:48rem) {
    .article-author-share {
        padding-top: 19px
    }
}

@media (min-width:64rem) {
    .article-author-share {
        padding-top: 12px
    }
}

@media (min-width:48rem) {
    .article-tags-share__wrapper {
        font-size: 18px;
        line-height: 1.33;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.article-tags-share__share-block {
    border-top: 1px solid #001838;
    padding-top: 5px
}

@media (min-width:48rem) {
    .article-tags-share__share-block {
        margin-left: 16px
    }
}

.article-tags-share__tags-block {
    border-top: 1px solid #001838;
    padding-top: 5px;
    margin-top: 32px
}

@media (min-width:48rem) {
    .article-tags-share__tags-block {
        margin-top: 0
    }
}

.article-tags-share__title {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.29;
    color: #001838;
    text-transform: uppercase;
    width: 100%
}

@media (min-width:48rem) {
    .article-tags-share__title--mobile {
        display: none
    }
}

.article-tags-share__title--desktop {
    display: none
}

@media (min-width:48rem) {
    .article-tags-share__title--desktop {
        display: block
    }
}

.mc-main-content--obsidian-navy .article-tags-share__share-block,
.mc-main-content--obsidian-navy .article-tags-share__tags-block {
    border-top: 1px solid #fff
}

.mc-main-content--obsidian-navy .article-tags-share__title {
    color: #fff
}

.mc-embedded {
    position: relative;
    margin-bottom: 12px
}

.mc-embedded:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .mc-embedded:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .mc-embedded:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .mc-embedded:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .mc-embedded:not(:first-child) {
        margin-top: 43px
    }
}

@media (min-width:48rem) {
    .mc-embedded {
        margin-bottom: 16px
    }
}

.mc-embedded__content {
    line-height: 1
}

.mc-embedded__content--align-center {
    text-align: center
}


@media (min-width:37.5rem) {
    .mc-embedded--related-article {
        width: 128px;
        margin-right: 16px
    }

    .mc-embedded--related-article:last-child {
        margin-right: 0
    }
}

@media (min-width:48rem) {
    .mc-embedded--related-article {
        width: 168px;
        margin-right: 16px
    }

    .mc-embedded--related-article:last-child {
        margin-right: 0
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .mc-embedded--related-article {
        float: right;
        margin: 20px 0 20px 20px
    }
}

@media (min-width:64rem) {
    .mc-embedded--related-article {
        width: 100%;
        margin: 0
    }
}

.mc-embedded--related-article .mc-embedded-related-article {
    min-height: 128px;
    background: #001838
}

@media (min-width:37.5rem) {
    .mc-embedded--related-article .mc-embedded-related-article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:64rem) {
    .mc-embedded--related-article .mc-embedded-related-article {
        position: absolute;
        top: 50%;
        right: 0;
        -webkit-transform: translate(-webkit-calc(100% + 19.6px), -50%);
        transform: translate(calc(100% + 19.6px), -50%);
        z-index: 1
    }
}

@media (min-width:64rem) and (min-width:64rem) {
    .mc-embedded--related-article .mc-embedded-related-article {
        width: 146px;
        margin-right: 20px
    }

    .mc-embedded--related-article .mc-embedded-related-article:last-child {
        margin-right: 0
    }
}

@media (min-width:0) {
    .mc-embedded--related-article .mc-embedded-related-article__figure-wrapper {
        width: 139px;
        margin-right: 8px
    }

    .mc-embedded--related-article .mc-embedded-related-article__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (min-width:20rem) {
    .mc-embedded--related-article .mc-embedded-related-article__figure-wrapper {
        width: 139px;
        margin-right: 8px
    }

    .mc-embedded--related-article .mc-embedded-related-article__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (min-width:22.5rem) {
    .mc-embedded--related-article .mc-embedded-related-article__figure-wrapper {
        width: 159px;
        margin-right: 12px
    }

    .mc-embedded--related-article .mc-embedded-related-article__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (min-width:37.5rem) {
    .mc-embedded--related-article .mc-embedded-related-article__figure-wrapper {
        width: 100%;
        margin-right: 0
    }
}

.mc-embedded--related-article .mc-embedded-related-article__figure-container {
    width: 100%;
    height: 100%;
    overflow: hidden
}

@media (min-width:37.5rem) {
    .mc-embedded--related-article .mc-embedded-related-article__figure-container {
        min-height: 80px
    }
}

@media (min-width:48rem) {
    .mc-embedded--related-article .mc-embedded-related-article__figure-container {
        min-height: 96px
    }
}

@media (min-width:64rem) {
    .mc-embedded--related-article .mc-embedded-related-article__figure-container {
        min-height: 83px
    }
}

.mc-embedded--related-article .mc-embedded-related-article__figure-marker {
    bottom: 10px;
    left: 8px
}

@media (min-width:37.5rem) {
    .mc-embedded--related-article .mc-embedded-related-article__figure-marker {
        bottom: 8px;
        left: 8px
    }
}

.mc-embedded--related-article .mc-embedded-related-article__figure-marker-icon-wrapper {
    width: 36px;
    height: 36px
}

.mc-embedded--related-article .mc-embedded-related-article__figure-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.mc-embedded--related-article .mc-embedded-related-article__figure-image.failed-to-load {
    opacity: 0
}

.mc-embedded--related-article .mc-embedded-related-article__header-container {
    width: 100%;
    margin: 0;
    padding: 15px 15px 15px 6px;
    text-align: left
}

@media (min-width:37.5rem) {
    .mc-embedded--related-article .mc-embedded-related-article__header-container {
        padding: 12px
    }
}

.mc-embedded--related-article .mc-embedded-related-article__category {
    color: #dde6ed;
    margin-bottom: 8px
}

.mc-embedded--related-article .mc-embedded-related-article__heading {
    color: #fff;
    text-transform: none;
    margin: 0
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-embedded--fixture {
        max-width: 536px
    }
}

@media (max-width:19.99rem) {
    .mc-embedded--league-table {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .mc-embedded--league-table {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .mc-embedded--league-table {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:37.5rem) {
    .mc-embedded--league-table {
        margin-right: -31px;
        margin-left: -31px
    }
}

@media (min-width:48rem) {
    .mc-embedded--league-table {
        margin-right: -61.35px;
        margin-left: -61.35px
    }
}

@media (min-width:64rem) {
    .mc-embedded--league-table {
        margin-right: -164.52px;
        margin-left: -80.52px
    }
}

.mc-embedded--league-table h3 {
    padding: 0 18px
}

@media (min-width:48rem) {
    .mc-embedded--league-table h3 {
        margin-bottom: 14px;
        padding: 0 3px
    }
}

@media (min-width:64rem) {
    .mc-embedded--league-table h3 {
        margin-bottom: 11px
    }
}

.mc-embedded--league-table .league-table {
    border-top-color: #dde6ed;
    border-bottom-color: #dde6ed
}

@media (max-width:63.99rem) {
    .mc-embedded--league-table .league-table__cell--points:after {
        display: none
    }
}

.mc-embedded--league-table .league-table__cell--heading.league-table__cell--points:after {
    display: none
}

@media (min-width:64rem) {

    .mc-embedded--league-table .league-table__cell--goals-against,
    .mc-embedded--league-table .league-table__cell--goals-for {
        display: none
    }
}

.mc-embedded--league-table .league-table__cell--form {
    display: none
}

.mc-embedded--league-table .mc-embedded-league-table-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.mc-embedded--league-table .mc-embedded-league-table-logo {
    width: 40px;
    margin: 0 20px
}

@media (min-width:64rem) {
    .mc-embedded--league-table .mc-embedded-league-table-logo {
        width: 48px;
        margin: 0 25px
    }
}

.mc-embedded--league-table .mc-embedded-league-table__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    padding: 0 18px;
    font-size: 14px
}

@media (min-width:48rem) {
    .mc-embedded--league-table .mc-embedded-league-table__footer {
        padding-left: 83px;
        border-bottom: 1px solid #dde6ed
    }
}

@media (min-width:64rem) {
    .mc-embedded--league-table .mc-embedded-league-table__footer {
        padding-left: 77px
    }
}

@media (max-width:19.99rem) {
    .mc-embedded--wide {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .mc-embedded--wide {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .mc-embedded--wide {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:37.5rem) and (max-width:47.99rem) {
    .mc-embedded--wide {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .mc-embedded--wide {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

@media (min-width:64rem) {
    .mc-embedded--wide {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

.article-preview__figure-marker-icon-brightcove {
    position: absolute;
    display: block;
    height: 100%;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    color: #001838
}

.article-preview__figure-marker-icon-brightcove--padlock {
    width: 61%;
    opacity: 1;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.article-preview__figure-marker-icon-wrapper-brightcove {
    width: 98px;
    height: 98px;
    opacity: .8;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    -webkit-transition: background-color .1s ease-in-out;
    transition: background-color .1s ease-in-out
}

.player-overlap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 10
}

.tag {
    border-radius: 2px;
    border: 1px solid rgba(0, 24, 56, .2);
    background-color: rgba(243, 246, 249, .2);
    font-size: 14px;
    font-weight: 700;
    line-height: 1.29;
    color: #001838;
    display: inline-block;
    padding: 4px 8px;
    margin-right: 10px;
    margin-top: 4px;
    margin-bottom: 4px;
    cursor: pointer;
    text-decoration: none
}

.tag--player {
    background: rgba(152, 197, 233, .4);
    border: none;
    padding: 5px 8px
}

.tag--player__icon {
    height: 28px
}

.tag__icon {
    width: 26px;
    height: 26px
}

.tag__icon img {
    width: 100%;
    height: auto
}

.mc-main-content--obsidian-navy .tag {
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff;
    background: none
}

.citytv-videos-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 16px;
    padding-bottom: 21px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .15)
}

@media (min-width:48rem) {
    .citytv-videos-list__item {
        padding-bottom: 17px
    }
}

@media (min-width:64rem) {
    .citytv-videos-list__item {
        border-bottom: 0;
        padding-bottom: 0
    }
}

.citytv-videos-list__item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

@media (max-width:47.99rem) {
    .citytv-videos-list__item--highlighted .citytv-videos-list__item-link {
        width: 100%
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .citytv-videos-list__item--highlighted {
        padding-bottom: 25px;
        margin-bottom: 24px
    }
}

.mc-main-content--obsidian-navy .citytv-videos-list .article-preview__figure-marker-text {
    display: block
}

.citytv-wrapper {
    margin-top: 20px;
    padding-bottom: 20px
}

@media (min-width:64rem) {
    .citytv-wrapper {
        margin-top: 26px
    }
}

.citytv-all-videos {
    padding-bottom: 23px
}

@media (min-width:48rem) {
    .citytv-all-videos {
        margin-top: 35px;
        padding-bottom: 48px
    }
}

@media (min-width:64rem) {
    .citytv-all-videos {
        margin-top: 44px
    }
}

.citytv-all-videos__heading {
    margin-bottom: 10px;
    padding-top: 2px;
    color: #fff;
    text-transform: uppercase;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px
}

@media (min-width:37.5rem) {
    .citytv-all-videos__heading {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .citytv-all-videos__heading {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: .4px
    }
}

@media (min-width:48rem) {
    .citytv-all-videos__heading {
        margin-bottom: 9px
    }
}

.citytv-all-videos .citytv-videos-list__item {
    margin-bottom: 8px;
    border: 0
}

@media (max-width:47.99rem) {

    .citytv-all-videos .citytv-videos-list__item:nth-child(3n+1):nth-last-child(-n+3),
    .citytv-all-videos .citytv-videos-list__item:nth-child(3n+1):nth-last-child(-n+3)~* {
        margin-bottom: 0
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .citytv-all-videos .citytv-videos-list__item {
        margin-bottom: 19px
    }

    .citytv-all-videos .citytv-videos-list__item:first-child:nth-last-child(-n+4),
    .citytv-all-videos .citytv-videos-list__item:first-child:nth-last-child(-n+4)~*,
    .citytv-all-videos .citytv-videos-list__item:nth-child(5):nth-last-child(-n+5),
    .citytv-all-videos .citytv-videos-list__item:nth-child(5):nth-last-child(-n+5)~*,
    .citytv-all-videos .citytv-videos-list__item:nth-child(10):nth-last-child(-n+4),
    .citytv-all-videos .citytv-videos-list__item:nth-child(10):nth-last-child(-n+4)~*,
    .citytv-all-videos .citytv-videos-list__item:nth-child(14):nth-last-child(-n+5),
    .citytv-all-videos .citytv-videos-list__item:nth-child(14):nth-last-child(-n+5)~* {
        margin-bottom: 0
    }
}

@media (min-width:64rem) {
    .citytv-all-videos .citytv-videos-list__item {
        margin-bottom: 50px
    }

    .citytv-all-videos .citytv-videos-list__item:first-child:nth-last-child(-n+6),
    .citytv-all-videos .citytv-videos-list__item:first-child:nth-last-child(-n+6)~*,
    .citytv-all-videos .citytv-videos-list__item:nth-child(7):nth-last-child(-n+6),
    .citytv-all-videos .citytv-videos-list__item:nth-child(7):nth-last-child(-n+6)~*,
    .citytv-all-videos .citytv-videos-list__item:nth-child(13):nth-last-child(-n+5),
    .citytv-all-videos .citytv-videos-list__item:nth-child(13):nth-last-child(-n+13)~* {
        margin-bottom: 0
    }
}

@media (max-width:47.99rem) {
    .js .citytv-all-videos .citytv-videos-list__item:nth-child(n+12) {
        display: none
    }

    .js .citytv-all-videos .citytv-videos-list__item:nth-child(n+10) {
        margin-bottom: 0
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .js .citytv-all-videos .citytv-videos-list__item:nth-child(n+14) {
        display: none
    }

    .js .citytv-all-videos .citytv-videos-list__item:nth-child(n+10) {
        margin-bottom: 0
    }
}

.citytv-all-videos .citytv-videos-list__item--delimiter {
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0
}

.citytv-all-videos .citytv-videos-list__item--delimiter hr {
    width: 100%;
    height: 1px;
    margin: 0;
    border: 0;
    opacity: .15;
    background-color: #fff
}

.citytv-all-videos .citytv-videos-list__item--delimiter:last-child {
    display: none
}

@media (min-width:48rem) {
    .citytv-all-videos .citytv-videos-list__item--delimiter {
        display: none
    }
}

.citytv-all-videos .citytv-videos-list__item-link {
    width: 100%
}

.citytv-all-videos .article-preview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0
}

.citytv-all-videos .article-preview__figure-wrapper {
    width: 100%;
    margin: 0 0 12px
}

.citytv-all-videos .article-preview__header-container {
    max-width: 100%
}

.citytv-all-videos .article-preview__heading {
    margin-bottom: 6px
}

@media (min-width:48rem) {
    .citytv-all-videos .article-preview__heading {
        font-size: 18px
    }
}

.citytv-all-videos .pagination-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 16px 0 0;
    padding: 15px 0 17px 16px;
    border-top: 1px solid #fff
}

@media (min-width:48rem) {
    .citytv-all-videos .pagination-wrapper {
        margin-top: 29px
    }
}

@media (min-width:64rem) {
    .citytv-all-videos .pagination-wrapper {
        margin-top: 52px
    }
}

.no-js .citytv-all-videos .pagination-wrapper {
    padding-left: 0
}

.citytv-all-videos .pagination {
    width: 220px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    border-top: 0
}

.citytv-all-videos .pagination-list__item--disabled {
    width: 0;
    height: 0;
    visibility: hidden
}

.citytv-all-videos .pagination-list__item--disabled:first-child {
    margin: 0 -9px 0 0
}

.citytv-all-videos .pagination-list__item--disabled:last-child {
    margin: 0 0 0 -9px
}

@media (min-width:48rem) {
    .citytv-video-section {
        margin-bottom: 16px
    }
}

@media (min-width:64rem) {
    .citytv-video-section {
        margin-bottom: 32px
    }
}

.citytv-video-section:last-child {
    margin-bottom: 0
}

.citytv-video-section__heading {
    margin-bottom: 11px;
    
    font-size: 13px;
    line-height: 17px;
    padding-top: 2px;
    color: #69738c;
    border-top: 1px solid hsla(0, 0%, 100%, .15)
}

@media (min-width:48rem) {
    .citytv-video-section__heading {
        color: #001838
    }
}

@media (min-width:64rem) {
    .citytv-video-section__heading {
        margin-bottom: 20px
    }
}

@media (min-width:48rem) {
    .citytv-video-section__heading:first-child {
        padding-top: 16px
    }
}

.citytv-video-section__heading--highlighted {
    border-top: 1px solid rgba(221, 230, 237, .3)
}

.citytv-video-section__heading--semi-highlighted {
    border-top: 0
}

@media (max-width:47.99rem) {
    .citytv-video-section__heading--tag-applied {
        display: block;
        margin-bottom: 14px;
        padding-top: 0;
        border-top: 0
    }
}

.mc-main-content--obsidian-navy .citytv-video-section__heading,
.mc-main-content--obsidian-navy .citytv-video-section__no-videos-message {
    color: #3bd6ff
}

.citytv-team-videos {
    margin-top: 10px
}

@media (min-width:48rem) {
    .citytv-team-videos {
        margin-top: 26px
    }
}

@media (min-width:64rem) {
    .citytv-team-videos {
        margin-top: 33px
    }
}

.citytv-team-videos__header {
    display: none
}

@media (min-width:48rem) {
    .citytv-team-videos__header {
        display: block
    }
}

@media (min-width:64rem) {
    .citytv-team-videos__header {
        padding-bottom: 6px
    }
}

.citytv-team-videos__heading {
    margin: 0;
    color: #001838;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 32px;
    letter-spacing: .31px;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:47.99rem) {
    .citytv-team-videos .citytv-video-section:first-child .citytv-video-section__heading {
        border-top: none
    }
}

@media (min-width:48rem) {
    .citytv-team-videos .citytv-video-section:first-child .citytv-videos-list {
        width: 474px;
        margin-right: 16px
    }

    .citytv-team-videos .citytv-video-section:first-child .citytv-videos-list:last-child {
        margin-right: 0
    }
}

@media (min-width:64rem) {
    .citytv-team-videos .citytv-video-section:first-child .citytv-videos-list {
        width: 478px;
        margin-right: 20px
    }

    .citytv-team-videos .citytv-video-section:first-child .citytv-videos-list:last-child {
        margin-right: 0
    }
}

@media (min-width:48rem) {
    .citytv-team-videos .citytv-video-section:nth-child(1n+2) {
        width: 474px;
        margin-right: 16px
    }

    .citytv-team-videos .citytv-video-section:nth-child(1n+2):last-child {
        margin-right: 0
    }
}

@media (min-width:64rem) {
    .citytv-team-videos .citytv-video-section:nth-child(1n+2) {
        width: 561px;
        margin-right: 20px
    }

    .citytv-team-videos .citytv-video-section:nth-child(1n+2):last-child {
        margin-right: 0
    }
}

.citytv-team-videos__sidebar {
    margin-bottom: 8px
}

.citytv-team-videos__sidebar:last-child {
    margin-bottom: 0
}

@media (min-width:48rem) {
    .citytv-team-videos__sidebar {
        margin-bottom: 0
    }
}

@media (min-width:48rem) {
    .citytv-team-videos__sidebar-section {
        padding-top: 3px;
        padding-bottom: 0;
        border-top: 1px solid #dde6ed;
        border-bottom: 0
    }
}

@media (min-width:64rem) {
    .citytv-team-videos__sidebar-section {
        padding-top: 10px
    }
}

.citytv-team-videos__sidebar-ads {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 32px;
    padding-top: 0
}

.citytv-team-videos__sidebar-ads:first-child {
    margin-top: 0
}

@media (max-width:63.99rem) {
    .citytv-team-videos__sidebar-ads {
        display: none
    }
}

@media (min-width:64rem) {
    .citytv-team-videos .feed-filters__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.mc-main-content--obsidian-navy .citytv-team-videos__heading {
    color: #3bd6ff
}

@media (min-width:48rem) {
    .mc-main-content--obsidian-navy .citytv-team-videos__sidebar-section {
        border-top: 1px solid rgba(221, 230, 237, .3);
        border-bottom: 0
    }
}

.mc-main-content--obsidian-navy .citytv-team-videos__sidebar-ads {
    padding-top: 0;
    border-top: 0
}

.mc-main-content--obsidian-navy .citytv-team-videos .feed-filters__heading,
.mc-main-content--obsidian-navy .citytv-team-videos .feed-filters__reset {
    color: #dde6ed
}

.mc-main-content--obsidian-navy .citytv-team-videos .feed-filters__list-link {
    border: 1px solid hsla(0, 0%, 100%, .2);
    color: #fff;
    background: none
}

.mc-main-content--obsidian-navy .citytv-team-videos .feed-filters__list-link--active,
.mc-main-content--obsidian-navy .citytv-team-videos .feed-filters__list-link:hover {
    color: #001838;
    background: #3bd6ff;
    border-color: #3bd6ff
}

.mc-main-content--obsidian-navy .citytv-team-videos .feed-filters .list-toggle {
    color: #fff
}

.player-overlap {
    color: #fff;
    background: rgba(0, 0, 0, .8);
    text-align: center
}

.player-overlap__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.player-overlap__logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: relative;
    width: 48px;
    height: 15px;
    margin-bottom: 8px
}

@media (min-width:37.5rem) {
    .player-overlap__logo {
        width: 96px;
        height: 40px
    }
}

@media (min-width:48rem) {
    .player-overlap__logo {
        width: 145px;
        height: 44px;
        margin-bottom: 16px
    }
}

@media (min-width:64rem) {
    .player-overlap__logo {
        margin-bottom: 24px
    }
}

.player-overlap__logo img {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.player-overlap__logo:last-child {
    margin-bottom: 0
}

.player-overlap__headline {
    margin-bottom: 0;
    color: #a1c3e5;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 21px;
    line-height: 22px;
    letter-spacing: .21px
}

@media (min-width:37.5rem) {
    .player-overlap__headline {
        font-size: 32px;
        line-height: 33px;
        letter-spacing: .32px
    }
}

@media (min-width:48rem) {
    .player-overlap__headline {
        font-size: 38px;
        line-height: 39px;
        letter-spacing: .38px
    }
}

@media (min-width:37.5rem) {
    .player-overlap__headline {
        margin-bottom: 8px
    }
}

.player-overlap__headline:last-child {
    margin-bottom: 0
}

.player-overlap__sub-headline {
    margin-bottom: 6px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: .19px
}

@media (min-width:37.5rem) {
    .player-overlap__sub-headline {
        font-size: 28px;
        line-height: 29px;
        letter-spacing: .28px
    }
}

@media (min-width:48rem) {
    .player-overlap__sub-headline {
        font-size: 32px;
        line-height: 33px;
        letter-spacing: .32px
    }
}

@media (min-width:37.5rem) {
    .player-overlap__sub-headline {
        margin-bottom: 18px
    }
}

@media (min-width:48rem) {
    .player-overlap__sub-headline {
        margin-bottom: 22px
    }
}

.player-overlap__sub-headline:last-child {
    margin-bottom: 0
}

.player-overlap__benefits {
    margin-bottom: 6px;
    font-size: 10px;
    font-weight: 700
}

@media (min-width:37.5rem) {
    .player-overlap__benefits {
        margin-bottom: 18px;
        word-spacing: 2px;
        letter-spacing: -1px;
        font-size: 18px
    }
}

@media (min-width:48rem) {
    .player-overlap__benefits {
        margin-bottom: 22px;
        font-size: 22px
    }
}

@media (min-width:64rem) {
    .player-overlap__benefits {
        margin-bottom: 40px
    }
}

.player-overlap__benefits:last-child {
    margin-bottom: 0
}

.player-overlap__benefit {
    margin-bottom: 2px
}

@media (min-width:37.5rem) {
    .player-overlap__benefit {
        margin-bottom: 0
    }
}

.player-overlap__benefit:last-child {
    margin-bottom: 0
}

.player-overlap__subscribe {
    min-height: auto;
    margin-bottom: 4px;
    padding: 5px;
    font-size: 10px;
    min-width: 190px;
    background: transparent;
    border: 1px solid #fff;
    color: #fff
}

.player-overlap__subscribe:hover {
    color: #001838
}

@media (min-width:37.5rem) {
    .player-overlap__subscribe {
        min-width: 78%;
        margin-bottom: 6px;
        padding: 10px;
        letter-spacing: 1px;
        font-size: 20px
    }
}

@media (min-width:48rem) {
    .player-overlap__subscribe {
        margin-bottom: 14px;
        padding: 20px 9px
    }
}

@media (min-width:64rem) {
    .player-overlap__subscribe {
        margin-bottom: 30px
    }
}

.player-overlap__subscribe:last-child {
    margin-bottom: 0
}

.player-overlap__footer {
    font-weight: 700;
    font-size: 10px;
    letter-spacing: -.4px
}

@media (min-width:37.5rem) {
    .player-overlap__footer {
        font-size: 17px
    }
}

.player-overlap__footer a {
    color: #fff
}

@supports ((-webkit-text-decoration-color: #ffffff) or (text-decoration-color: #ffffff)) or (-webkit-text-decoration-color:#ffffff) {
    .player-overlap__footer a {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: #fff;
        text-decoration-color: #fff;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.player-overlap__footer a:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    will-change: opacity
}

.player-overlap .mc-button--secondary:hover {
    background-color: #f3f6f9
}

.video-page {
    background-color: #001838;
    color: #fff
}

.video-page__video {
    margin-bottom: 6px
}

@media (min-width:48rem) {
    .video-page__video {
        margin-bottom: 21px
    }
}

.video-page__video .vjs-big-play-button:lang(ar) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media (min-width:64rem) {
    .ff-section__content .mc-form__wrapper:first-child {
        margin-top: 43px
    }
}

.video-page__player-overlap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-page__premium-player .vjs-icon-placeholder {
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out
}

.video-page__premium-player-wrapper .video-page__player-overlap,
.video-page__premium-player-wrapper .video-page__premium-player {
    display: none
}

.video-page__premium-player-wrapper.not-eligible .video-page__player-overlap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.video-page__premium-player-wrapper.not-eligible .video-page__premium-player {
    display: block
}

.video-page__premium-player-wrapper.is-eligible .video-page__player-overlap,
.video-page__premium-player-wrapper.not-eligible .video-page__premium-player .vjs-big-play-button {
    display: none
}

.video-page__premium-player-wrapper.is-eligible .video-page__premium-player {
    display: block
}

.video-page .article-header {
    padding-top: 13px
}

@media (min-width:48rem) {
    .video-page .article-header {
        padding-top: 17px
    }
}

@media (min-width:64rem) {
    .video-page .article-header {
        padding-top: 30px
    }
}

.video-page .article-header__title {
    color: #fff
}

@media (min-width:48rem) {
    .video-page .article-header__title {
        padding-left: 0
    }
}

.video-page .article-author-share {
    background: #001838;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3);
    margin-top: 10px
}

@media (min-width:48rem) {
    .video-page .article-author-share {
        padding-bottom: 24px;
        margin-top: 0;
        padding-top: 11px
    }
}

@media (min-width:64rem) {
    .video-page .article-author-share {
        padding-top: 7px
    }
}

.video-page .article-author-share__show-sharing {
    color: #fff
}

.video-page .article-author-share .article-author__info-block,
.video-page .article-author-share .article-author__photo {
    color: #fff
}

.video-page .article-author-share .article-author__name,
.video-page .article-author-share .article-author__nickname {
    font-size: 12px
}

@media (min-width:48rem) {

    .video-page .article-author-share .article-author__name,
    .video-page .article-author-share .article-author__nickname {
        font-size: 14px
    }
}

.video-page .article-author-share .article-authors__publish-date {
    color: #dde6ed
}

.video-page .article-author-share .article-share-popup__close-sharing,
.video-page .article-author-share .article-share-popup__socials-list,
.video-page .article-author-share .article-share-popup__title-text {
    color: #fff
}

.video-page .article-body {
    padding-top: 19px
}

.video-page .article-body__article-text,
.video-page .article-body__subtitle {
    color: #fff
}

.video-page .article-body__article-text a:not(.mc-button),
.video-page .article-body__subtitle a:not(.mc-button) {
    color: #fff;
    text-decoration: underline
}

@media (min-width:48rem) {
    .video-page .article-body {
        padding-top: 11px
    }
}

@media (min-width:64rem) {
    .video-page .article-body {
        padding-top: 7px
    }
}

.video-page .article-section {
    border-top: 1px solid #fff
}

.video-page .article-section__title {
    color: #fff
}

@media (max-width:37.5rem) {
    .video-page .further-news .article-preview {
        border-top: 1px solid rgba(221, 230, 237, .3)
    }
}

.video-page .further-news .article-preview__heading-link {
    color: #fff
}

.video-page .video-page-most-read .most-read__item {
    border-color: hsla(0, 0%, 100%, .3)
}

.video-page .video-page-most-read .most-read__item-title {
    color: #fff
}

.video-page .video-page-most-read .most-read__item-title:before {
    content: url(https://web-assets.mancity.com/dist/images/icons/play-icon.svg);
    height: 18px;
    width: 11px;
    display: inline-block;
    margin-left: -17px
}

.video-page .video-page-most-read .most-read__item-title:lang(ar):before {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.citynow-header {
    min-height: 151px;
    padding: 23px 0 15px;
    background-color: #001838
}

@media (min-width:375px) {
    .citynow-header {
        min-height: 159px
    }
}

@media (min-width:37.5rem) {
    .citynow-header {
        min-height: 169px
    }
}

@media (min-width:48rem) {
    .citynow-header {
        min-height: 469px;
        padding: 42px 0 13px
    }
}

@media (min-width:64rem) {
    .citynow-header {
        min-height: 402px;
        padding: 55px 0 15px
    }
}

.citynow-header__heading {
    margin-bottom: 0;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -1px;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    color: #e6ff00;
    font-weight: 700
}

@media (min-width:48rem) {
    .citynow-header__heading {
        font-size: 120px;
        text-align: center;
        letter-spacing: -2.5px
    }
}

@media (min-width:64rem) {
    .citynow-header__heading {
        font-size: 140px;
        height: 140px
    }
}

.citynow-header .citynow-filters {
    margin-top: 5px;
    visibility: hidden
}

.citynow-header .citynow-filters:first-child {
    margin-top: 0
}

.citynow-header .citynow-filters--visible {
    visibility: visible
}

@media (min-width:48rem) {
    .citynow-header .citynow-filters {
        margin-top: 16px;
        margin-top: 0
    }
}

.citynow-header .citynow-filters__heading {
    margin-bottom: 14px;
    
    font-weight: 400;
    color: #dde6ed;
    font-size: 13px;
    line-height: 17px
}

@media (min-width:48rem) {
    .citynow-header .citynow-filters__heading {
        margin-bottom: 16px
    }
}

.citynow-header .citynow-filters__feed-name {
    font-weight: 700
}

.citynow-header .citynow-filters__list-wrapper {
    overflow: hidden
}

.citynow-header .citynow-filters__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -8px;
    margin-left: -8px
}

@media (min-width:48rem) {
    .citynow-header .citynow-filters__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: -10px
    }
}

@media (min-width:64rem) {
    .citynow-header .citynow-filters__list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: -12px;
        padding-right: 3px
    }
}

.citynow-header .citynow-filters__list-item {
    margin-top: 8px;
    margin-left: 8px;
    padding: 4.5px 7.5px;
    font-size: 14.5px;
    font-weight: 700;
    color: #fff;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #f3f6f9;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.citynow-header .citynow-filters__list-item--active,
.citynow-header .citynow-filters__list-item:hover {
    background-color: #fff;
    color: #001838
}

.citynow-header .citynow-filters__list-item--active {
    cursor: auto
}

.citynow-header .citynow-filters__list-item--has-toggle {
    color: #fff;
    border: 0
}

.citynow-header .citynow-filters__list-item--has-toggle:hover {
    color: #fff;
    background: none
}

@media (min-width:37.5rem) {
    .citynow-header .citynow-filters__list-item--has-toggle {
        display: none
    }
}

@media (min-width:48rem) {
    .citynow-header .citynow-filters__list-item {
        margin-top: 10px
    }
}

@media (min-width:64rem) {
    .citynow-header .citynow-filters__list-item {
        margin-top: 12px
    }
}

.citynow-header .citynow-filters .list-toggle {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    text-decoration: underline
}

.citynow-header .citynow-filters .list-toggle:hover {
    text-decoration: none
}

.citynow-header .citynow-filters .list-toggle__show-more {
    display: none
}

.citynow-header .citynow-filters .list-toggle__show-less {
    display: inline
}

@media (max-width:37.49rem) {
    .citynow-header .citynow-filters--compact .citynow-filters__list-item--hideable {
        display: none
    }

    .citynow-header .citynow-filters--compact .list-toggle__show-more {
        display: inline
    }

    .citynow-header .citynow-filters--compact .list-toggle__show-less {
        display: none
    }
}

.citynow-feed {
    margin-top: 20px;
    padding-bottom: 36px
}

@media (min-width:48rem) {
    .citynow-feed {
        padding-bottom: 72px
    }
}

@media (min-width:64rem) {
    .citynow-feed {
        padding-bottom: 110px
    }
}

.citynow-feed__feed-container {
    min-height: 30px
}

@media (min-width:37.5rem) {
    .citynow-feed__feed-container {
        margin: 0 auto
    }
}

@media (min-width:47.125rem) {
    .citynow-feed__feed-container {
        min-height: 400px
    }
}

@media (min-width:48rem) {
    .citynow-feed__feed-container {
        margin-top: -371px;
        min-height: 300px
    }
}

@media (min-width:64rem) {
    .citynow-feed__feed-container {
        margin-top: -277px
    }
}

.citynow-feed__feed-container .crt-filter,
.citynow-feed__feed-container .crt-load-more-container,
.citynow-feed__feed-container .crt-logo,
.citynow-feed__feed-container .crt-tag {
    display: none !important
}

.citynow-feed__feed-container .crt-post {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.citynow-feed__feed-container .crt-widget {
    padding-bottom: 0 !important
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .citynow-feed__feed-container #curator-feed {
        width: 412px !important;
        margin-left: auto;
        margin-right: auto
    }
}

.citynow-feed__show-more {
    opacity: 0;
    width: 100%;
    margin: 12px auto 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    padding-top: 14px;
    padding-bottom: 14px;
    line-height: .9;
    -webkit-transition: opacity 1s linear;
    transition: opacity 1s linear
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .citynow-feed__show-more {
        width: 412px
    }
}

@media (min-width:48rem) {
    .citynow-feed__show-more {
        margin-top: 20px;
        letter-spacing: 2px
    }
}

.crt-widget+.citynow-feed__show-more {
    opacity: 1
}

.mc-main-content--obsidian-navy .social-media {
    color: #fff
}

.social-media {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #001838
}

.social-media__item {
    width: 36px;
    height: 36px;
    color: inherit;
    border: 1px solid;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 8px;
    padding: 0;
    cursor: pointer;
    background-color: transparent;
    background-size: 70%
}

.social-media__item:last-child {
    margin-right: 0
}

@media (min-width:37.5rem) {

    .social-media__item--sms,
    .social-media__item--whatsapp {
        display: none
    }
}

@media (min-width:37.5rem) {
    .social-media__item {
        margin-right: 12px
    }
}

.social-media__icon {
    max-width: 100%;
    max-height: 100%
}

.social-media--compact .social-media__item {
    margin-right: 3px
}

@media (min-width:22.5rem) {
    .social-media--compact .social-media__item {
        margin-right: 8px
    }

    .social-media--compact .social-media__item:last-child {
        margin-right: 0
    }
}

.member-card {
    position: relative;
    width: 100%;
    height: 100%;
    background: #e1eff9;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: stretch;
    -webkit-justify-content: stretch;
    -ms-flex-pack: stretch;
    justify-content: stretch
}

@supports (-o-object-fit:contain) {
    .member-card {
        width: 250px
    }
}

.member-card__active-shadow,
.member-card__regular-shadow {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.member-card__regular-shadow {
    opacity: 1;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 24, 56, .28);
    box-shadow: 0 2px 12px 0 rgba(0, 24, 56, .28)
}

@media (min-width:48rem) {
    .member-card__regular-shadow {
        -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3);
        box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3)
    }
}

.member-card__active-shadow {
    opacity: 0;
    -webkit-box-shadow: 0 2px 4px 0 rgba(152, 197, 233, .5);
    box-shadow: 0 2px 4px 0 rgba(152, 197, 233, .5)
}

@media (min-width:48rem) {
    .member-card__active-shadow {
        -webkit-box-shadow: 0 3px 10px rgba(152, 197, 233, .749);
        box-shadow: 0 3px 10px rgba(152, 197, 233, .749)
    }
}

.member-card__header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 168px;
    overflow: hidden;
    background-image: url(cover.jpg);
    background-size: cover;
    background-position: 50% 0
}

.member-card__header:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    content: "";
    background-size: cover;
    background-position: 50% 0;
    z-index: 1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

@media (min-width:48rem) {
    .member-card__header {
        height: 192px
    }
}

@supports (-o-object-fit:contain) {
    .member-card__header {
        border-top: 1px solid #ebf4fb;
        border-right: 1px solid #ebf4fb;
        border-left: 1px solid #ebf4fb
    }
}

.member-card__on-loan-badge {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
    width: 39px;
    height: 39px
}

.member-card__on-loan-badge:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 39px solid #e6ff00;
    border-right: 39px solid transparent
}

.member-card__on-loan-badge .badge-text {
    position: absolute;
    top: 2.5px;
    left: -6px;
    width: 35px;
    font-size: 9px;
    text-transform: uppercase;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    color: #001838;
    font-weight: 700;
    text-align: center;
    line-height: 9px;
    white-space: normal
}

@supports (-o-object-fit:contain) {
    .member-card__on-loan-badge {
        width: 65px;
        height: 16px;
        text-align: center;
        background: #e6ff00
    }

    .member-card__on-loan-badge:before {
        display: none
    }

    .member-card__on-loan-badge .badge-text {
        position: static;
        width: auto;
        -webkit-transform: none;
        transform: none
    }
}

@media (min-width:48rem) {
    .member-card__on-loan-badge {
        width: 52px;
        height: 52px
    }

    .member-card__on-loan-badge .badge-text {
        top: 6px;
        left: -2px;
        width: 35px;
        font-size: 11px;
        line-height: 11px
    }

    .member-card__on-loan-badge:before {
        border-top-width: 52px;
        border-right-width: 52px
    }
}

.member-card__shirt-number {
    position: absolute;
    z-index: 2;
    top: -2px;
    right: 0;
    margin-right: -.07em;
    color: #98c5e9;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 79px;
    line-height: 80px;
    letter-spacing: .79px
}

.member-card__shirt-number:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -.14em
}

@media (min-width:48rem) {
    .member-card__shirt-number {
        font-size: 95px;
        line-height: 96px;
        letter-spacing: .95px
    }
}

@supports (-webkit-text-stroke:#001838) {
    .member-card__shirt-number {
        -webkit-text-stroke: 2px #001838;
        color: transparent
    }
}

@media (min-width:48rem) {
    .member-card__shirt-number:before {
        content: "";
        display: block;
        height: 0;
        width: 0;
        margin-top: -.11em
    }
}

.member-card__country-flag-wrapper {
    position: absolute;
    z-index: 2;
    bottom: 8px;
    left: 8px;
    width: 32px;
    height: 32px;
    background: #fff;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 24, 56, .6);
    box-shadow: 0 2px 5px 0 rgba(0, 24, 56, .6);
    border-radius: 50%;
    overflow: hidden
}

@media (min-width:48rem) {
    .member-card__country-flag-wrapper {
        bottom: 12px;
        left: 12px
    }
}

.member-card__country-flag {
    width: 100%;
    height: auto;
    font-size: 7px;
    text-align: center
}

.member-card__photo-wrapper {
    position: relative;
    z-index: 2;
    width: 160px;
    height: 160px
}

@media (min-width:48rem) {
    .member-card__photo-wrapper {
        width: 188px;
        height: 188px
    }
}

.member-card__photo {
    width: 100%;
    height: auto;
    -webkit-transform: scale(1.01);
    transform: scale(1.01)
}

@supports (-o-object-fit:contain) {
    .member-card__photo {
        width: 160px;
        margin: 0 auto;
        display: block
    }
}

.member-card__photo.failed-to-load,
.member-card__photo.fallback-player-image {
    display: none
}

.member-card__photo.failed-to-load+.fallback-player-image {
    display: block;
    width: 100%;
    height: auto
}

.member-card__content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 9px;
    background: #fff;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width:48rem) {
    .member-card__content {
        padding: 11px
    }
}

@media (min-width:64rem) {
    .member-card__content {
        padding: 12px
    }
}

@supports (-o-object-fit:contain) {
    .member-card__content {
        border-right: 1px solid #ebf4fb;
        border-bottom: 1px solid #ebf4fb;
        border-left: 1px solid #ebf4fb
    }
}

.member-card__full-name {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px;
    color: #001838;
    text-transform: uppercase;
    margin: 0;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .member-card__full-name {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .2s ease-in-out;
        transition: -webkit-text-decoration-color .2s ease-in-out;
        transition: text-decoration-color .2s ease-in-out;
        transition: text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out
    }
}

@media (min-width:37.5rem) {
    .member-card__full-name {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .member-card__full-name {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.member-card__name {
    display: block
}

.member-card__name+.member-card__name {
    margin-top: -2px
}

.member-card__captain-badge {
    /* display: none; */
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 0;
    overflow: hidden;
    width: 32px;
    height: 32px
}

.member-card__captain-badge:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-color: transparent #001838 #001838 transparent;
    border-style: solid;
    border-width: 16px
}

.member-card__captain-badge .badge-text {
    position: absolute;
    bottom: -1px;
    right: 3px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 27px;
    line-height: 28px;
    letter-spacing: .27px
}

@media (min-width:48rem) {
    .member-card__captain-badge {
        width: 40px;
        height: 40px
    }

    .member-card__captain-badge .badge-text {
        font-size: 23px
    }

    .member-card__captain-badge:before {
        border-color: transparent #001838 #001838 transparent;
        border-style: solid;
        border-width: 20px
    }
}

@supports (-o-object-fit:contain) {
    .member-card__captain-badge {
        width: 18px;
        height: 20px;
        background: #001838
    }

    .member-card__captain-badge:before {
        display: none
    }
}

.member-card--is-captain .member-card__captain-badge,
.member-card--is-on-loan .member-card__on-loan-badge {
    display: block
}

.member-card--is-pom .member-card__on-loan-badge {
    display: none
}

.member-card--is-pom .member-card__shirt-number {
    color: #cea448
}

.member-card--light-theme {
    background: #f3f6f9
}

@supports (-webkit-text-stroke:#ffffff) {
    .member-card--is-player-of-the-month .member-card__shirt-number {
        -webkit-text-stroke: 2px #fff;
        color: transparent
    }
}

.member-card--is-player-of-the-month .member-card__header:after {
    background-image: url(https://web-assets.mancity.com/dist/images/brand/blueshipdark.png);
    opacity: 1
}

.member-card--is-player-of-the-month .member-card__content {
    background-color: #001838
}

.member-card--is-player-of-the-month .member-card__full-name {
    color: #fff
}

.member-card--is-manager .member-card__header {
    background-image: none
}

.member-card--esports-fc .member-card__header,
.member-card--esports .member-card__header {
    background-image: url(https://web-assets.mancity.com/dist/images/brand/FC-player-card-bg@2x.png)
}

.member-card--esports-fc .member-card__shirt-number,
.member-card--esports .member-card__shirt-number {
    -webkit-text-stroke: 2px #fff
}

.member-card--esports-fn .member-card__header {
    background-image: url(https://web-assets.mancity.com/dist/images/brand/FN-player-card-bg@2x.png)
}

.squad-list-wrapper {
    position: relative;
    overflow-x: hidden
}

@media (min-width:64rem) {
    .squad-list-wrapper {
        overflow-x: visible
    }
}

.squad-list-wrapper:after,
.squad-list-wrapper:before {
    z-index: 5;
    position: absolute;
    content: "";
    top: 0;
    width: 7px;
    height: 100%
}

@media (min-width:64rem) {

    .squad-list-wrapper:after,
    .squad-list-wrapper:before {
        display: none
    }
}

.squad-list-wrapper:before {
    left: -1px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.squad-list-wrapper:after {
    right: -2px;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
}

@supports (-o-object-fit:contain) {

    .squad-list-wrapper:after,
    .squad-list-wrapper:before {
        display: none
    }
}

.squad-list {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 12px 0 15px
}

.squad-list::-webkit-scrollbar {
    display: none
}

@media (min-width:48rem) {
    .squad-list {
        padding-bottom: 33px
    }
}

@media (min-width:64rem) {
    .squad-list {
        overflow-x: visible;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.squad-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 180px;
    margin-right: 4px
}

.squad-list__item:first-child {
    margin-left: 16px
}

@media (min-width:48rem) {
    .squad-list__item:first-child {
        margin-left: 24px
    }
}

.squad-list__item:nth-last-child(2) {
    margin-right: 16px
}

@media (min-width:48rem) {
    .squad-list__item:nth-last-child(2) {
        margin-right: 24px
    }
}

@media (min-width:375px) {
    .squad-list__item {
        width: 160px
    }
}

@media (min-width:48rem) {
    .squad-list__item {
        width: 216px;
        margin-right: 8px
    }
}

@media (min-width:64rem) {
    .squad-list__item {
        width: 229px;
        margin-right: 19px;
        margin-bottom: 40px
    }

    .squad-list__item:first-child {
        margin-left: 0
    }

    .squad-list__item:nth-child(4n) {
        margin-right: 0
    }

    .squad-list__item:nth-last-child(2) {
        margin-right: 0
    }

    .squad-list__item:nth-child(4n+1):nth-last-child(-n+5),
    .squad-list__item:nth-child(4n+1):nth-last-child(-n+5)~.squad-list__item {
        margin-bottom: 0
    }
}

.squad-list__item:last-child {
    margin-right: 0
}

.squad-list__item--hidden-spacer {
    width: 1px;
    height: 1px;
    content: "";
    visibility: hidden;
    margin: 0
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .squad-list__item--md-hidden-item {
        display: none
    }
}

.squad-list__item-link {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.squad-list__item-link:hover .member-card:before {
    opacity: 1
}

.squad-list__item-link:hover .member-card__regular-shadow {
    opacity: 0
}

.squad-list__item-link:hover .member-card__active-shadow {
    opacity: 1
}

.squad-list__item-link:hover .member-card__shirt-number {
    color: #001838
}

.squad-list__item-link:hover .member-card--esports .member-card__shirt-number {
    color: #fff
}

.squad-list__item-link:hover .member-card__content {
    background: #001838
}

.squad-list__item-link:hover .member-card--esports .member-card__content {
    background: #3bd6ff
}

.squad-list__item-link:hover .member-card__full-name {
    color: #fff
}

.squad-list__item-link:hover .member-card--esports .member-card__full-name {
    color: #001838
}

@supports (-o-object-fit:contain) {
    @media (max-width:63.99rem) {
        .squad-list {
            overflow-x: visible;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-bottom: 0
        }

        .squad-list__item,
        .squad-list__item:first-child,
        .squad-list__item:nth-last-child(2) {
            margin: 0 auto 20px
        }
    }

    @media (max-width:63.99rem) and (min-width:375px) {
        .squad-list {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }

        .squad-list__item,
        .squad-list__item:first-child,
        .squad-list__item:nth-last-child(2) {
            margin: 0 0 20px 16px
        }
    }

    @media (max-width:63.99rem) and (min-width:48rem) and (max-width:63.99rem) {

        .squad-list__item:first-child,
        .squad-list__item:nth-child(3n+1) {
            margin-left: 24px
        }

        .squad-list__item:nth-child(3n+1):nth-last-child(-n+4),
        .squad-list__item:nth-child(3n+1):nth-last-child(-n+4)~.squad-list__item {
            margin-bottom: 0
        }
    }

    @media (max-width:63.99rem) {

        .squad-list__item:last-child,
        .squad-list__item:nth-last-child(2) {
            margin-bottom: 0
        }
    }
}

.squad-nav {
    margin-top: 11px
}

@media (min-width:48rem) {
    .squad-nav {
        margin-top: 7px
    }
}

@media (min-width:64rem) {
    .squad-nav {
        display: none
    }
}

.squad-groups {
    margin-top: 31px;
    padding: 0 0 20px
}

@media (min-width:48rem) {
    .squad-groups {
        margin-top: 44px
    }
}

@media (min-width:64rem) {
    .squad-groups {
        max-width: 973px
    }
}

.squad-group {
    position: relative
}

.squad-group:last-child {
    margin-bottom: 0
}

.squad-group+.squad-group {
    margin-top: 32px
}

@media (min-width:48rem) {
    .squad-group+.squad-group {
        margin-top: 59px
    }
}

@media (min-width:64rem) {
    .squad-group+.squad-group {
        margin-top: 44px
    }
}

.squad-group__heading {
    color: #d80000;
    letter-spacing: -.6px;
    margin: 0;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px
}

@media (min-width:37.5rem) {
    .squad-group__heading {
        font-size: 40px;
        line-height: 41px;
        letter-spacing: .4px
    }
}

@media (min-width:48rem) {
    .squad-group__heading {
        margin-bottom: 14px
    }
}

@media (min-width:64rem) {
    .squad-group__heading {
        margin-bottom: 20px
    }
}

@media (min-width:64rem) {
    .squad-group__heading-container {
        padding: 0
    }
}

@media (min-width:64rem) {
    .bio-info-wrapper {
        border-bottom: 1px solid #dde6ed
    }
}

.bio-info-wrapper--border-none {
    border-bottom: none
}

.profile__section-title {
    color: #fd1208;
    text-transform: uppercase;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px
}

@media (min-width:37.5rem) {
    .profile__section-title {
        font-size: 36px;
        line-height: 37px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .profile__section-title {
        font-size: 40px;
        line-height: 41px;
        letter-spacing: .4px
    }
}

.profile__section-title--white {
    color: #fff
}

.profile__name {
    font-size: 12px;
    color: #69738c;
    text-transform: uppercase
}

@media (min-width:37.5rem) {
    .profile__name {
        font-size: 13px
    }
}

.profile__bio {
    padding-top: 41px;
    padding-bottom: 24px;
    font-size: 17px;
    line-height: 1.41;
    color: #001838;
    border-bottom: 1px solid #001838
}

@media (min-width:37.5rem) {
    .profile__bio {
        padding-top: 51px;
        padding-bottom: 65px
    }
}

@media (min-width:64rem) {
    .profile__bio {
        padding-top: 90px;
        padding-bottom: 45px;
        border-bottom: none
    }
}

.profile__bio--mens {
    padding-top: 26px;
    padding-bottom: 24px
}

@media (min-width:37.5rem) {
    .profile__bio--mens {
        padding-top: 51px;
        padding-bottom: 65px
    }
}

@media (min-width:64rem) {
    .profile__bio--mens {
        padding-top: 51px;
        padding-bottom: 45px;
        border-bottom: none
    }
}

.profile__bio-text {
    overflow: auto;
    position: relative
}

@media (min-width:64rem) {
    .profile__bio-text {
        margin-top: -3px
    }
}

.profile__bio-text--full-height {
    overflow: auto;
    height: auto
}

.profile__bio-text--xs-height {
    overflow: hidden;
    height: 343px
}

.profile__bio-text--md-height {
    overflow: hidden;
    height: 344px
}

.profile__bio-text--xlg-height {
    overflow: hidden;
    height: 440px
}

.profile__bio-text p {
    line-height: 1.41;
    color: #001838;
    margin-bottom: 19px
}

@media (min-width:37.5rem) {
    .profile__bio-text p {
        font-size: 18px;
        line-height: 1.33
    }
}

.profile__bio-text p:first-child {
    margin-bottom: 9px
}

@media (min-width:37.5rem) {
    .profile__bio-text p:first-child {
        margin-bottom: 16px
    }
}

.profile__bio-text p strong {
    color: #001838;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 21px;
    letter-spacing: .2px;
    font-family: Kippax, sans-serif
}

.profile__read-more {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 125px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(44%, #fff), color-stop(85%, hsla(0, 0%, 100%, .2)));
    background-image: linear-gradient(0deg, #fff 44%, hsla(0, 0%, 100%, .2) 85%);
    padding-top: 84px
}

@media (min-width:64rem) {
    .profile__read-more {
        height: 108px;
        padding-top: 68px
    }
}

.profile__read-more button {
    border: 1px solid #001838;
    color: #001838;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    width: 100%;
    padding: 11px 0;
    background: #fff;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer
}

.profile__read-more button:hover {
    background-color: #f6f6f6
}

.profile__bio-info-border {
    display: none;
    margin-top: 94px;
    padding-bottom: 0
}

.profile__bio-info-border div {
    border-left: 1px solid #dde6ed;
    height: 100%
}

@media (min-width:64rem) {
    .profile__bio-info-border {
        display: block
    }
}

.profile__bio-info-border--mens {
    margin-top: 60px
}

.profile__info {
    padding-top: 27px;
    border-bottom: 1px solid #001838
}

@media (min-width:37.5rem) {
    .profile__info {
        padding-bottom: 17px;
        padding-top: 20px
    }
}

@media (min-width:64rem) {
    .profile__info {
        border-bottom: none;
        padding-top: 80px
    }
}

@media (min-width:64rem) {
    .profile__info--mens {
        padding-top: 43px
    }

    .profile__info--mens .profile__section-title {
        padding-bottom: 9px
    }
}

.profile__info .grid {
    margin: 0
}

.profile__info .grid div {
    padding-left: 0;
    padding-right: 0
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .profile__info--split {
        padding-top: 0;
        float: left
    }

    .profile__info--split:first-child {
        margin-right: 8px;
        width: -webkit-calc(50% - 8px);
        width: calc(50% - 8px)
    }

    .profile__info--split:last-child {
        margin-left: 8px;
        width: -webkit-calc(50% - 8px);
        width: calc(50% - 8px)
    }
}

@media (min-width:64rem) {
    .profile__info--split:first-child {
        padding-bottom: 3px
    }
}

.profile__info-group {
    border-bottom: 1px solid #dde6ed;
    padding-top: 14px;
    padding-bottom: 14px
}

@media (min-width:37.5rem) {
    .profile__info-group {
        padding-bottom: 14px
    }
}

.profile__info-group:first-child {
    padding-bottom: 14px
}

@media (min-width:37.5rem) {
    .profile__info-group:first-child {
        padding-top: 0;
        padding-bottom: 10px
    }
}

@media (min-width:64rem) {
    .profile__info-group:first-child {
        padding-top: 10px;
        padding-bottom: 10px
    }
}

.profile__info-group--joined {
    border-bottom: none
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .profile__info-group--joined {
        border-bottom: 1px solid #dde6ed
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .profile__info-group--nationality {
        border-bottom: none
    }
}

.profile__info-group--eds-position {
    border-bottom: none
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .profile__info-group--eds-location {
        border-bottom: none
    }
}

.profile__info-group--first-item {
    padding-top: 3px
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .profile__info-group--last-group {
        border-bottom: none
    }
}

.profile__info-label {
    font-size: 13px;
    line-height: 1.23;
    color: #69738c
}

@media (min-width:37.5rem) {
    .profile__info-label {
        padding-bottom: 8px
    }
}

.profile__info-value {
    color: #001838;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .profile__info-value {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .profile__info-value {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.profile__info-value--flag {
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    width: 32px;
    margin-left: auto
}

.profile__info-value--flag img {
    max-width: 32px;
    max-height: 32px;
    height: auto;
    border: 1px solid #dde6ed;
    border-radius: 50%;
    display: block;
    margin-left: auto
}

.profile__honours {
    padding-top: 21px;
    border-bottom: 1px solid #001838;
    padding-bottom: 32px
}

@media (min-width:37.5rem) {
    .profile__honours {
        padding-top: 28px;
        padding-bottom: 45px
    }
}

@media (min-width:64rem) {
    .profile__honours {
        padding-top: 35px;
        padding-bottom: 31px
    }
}

.profile__news {
    padding-top: 22px;
    padding-bottom: 19px
}

.profile__news .profile__name {
    padding-top: 2px
}

@media (min-width:37.5rem) {
    .profile__news {
        padding-top: 26px;
        padding-bottom: 57px
    }
}

@media (min-width:64rem) {
    .profile__news {
        padding-top: 25px;
        padding-bottom: 59px
    }
}

.profile__news-links a {
    display: block;
    margin-bottom: 20px;
    font-size: 20px
}

.profile__socials {
    padding-top: 22px;
    padding-bottom: 26px;
    border-bottom: 1px solid #001838
}

@media (min-width:37.5rem) {
    .profile__socials {
        padding-top: 28px;
        padding-bottom: 30px
    }
}

@media (min-width:64rem) {
    .profile__socials {
        border-bottom: none;
        padding-top: 44px
    }
}

.trophy-cup {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.trophy-cup__image-wrapper {
    width: 44px;
    height: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 4px
}

.trophy-cup__image-wrapper--no-image {
    font-size: 12px;
    font-weight: 700;
    width: 50px
}

.trophy-cup__image {
    max-width: 44px;
    max-height: 44px;
    height: auto;
    font-size: 10px
}

.trophy-wrapper {
    overflow: hidden
}

.trophy-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -17px;
    margin-left: -12px;
    padding-top: 16px;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    text-align: center
}

@media (min-width:37.5rem) {
    .trophy-list {
        padding-top: 0
    }
}

.trophy-list__item {
    margin-top: 17px;
    margin-left: 12px;
    width: 80px
}

@media (max-width:37.49rem) {
    .trophy-list__item {
        width: 29%
    }
}

.profile-social {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 11px;
    padding-left: 3px;
    margin-right: 26px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:37.5rem) {
    .profile-social {
        padding-top: 1px;
        -webkit-box-align: normal;
        -webkit-align-items: normal;
        -ms-flex-align: normal;
        align-items: normal;
        margin-right: 25%
    }
}

@media (min-width:64rem) {
    .profile-social {
        padding-top: 5px;
        padding-bottom: 20px;
        border-bottom: 1px solid #dde6ed
    }

    .profile-social:last-child {
        border-bottom: none;
        padding-top: 20px
    }
}

.profile-social__icon {
    height: 18px;
    width: 24px;
    margin-right: 13px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:37.5rem) {
    .profile-social__icon {
        margin-top: 5px
    }
}

.profile-social__icon--instagram {
    margin-top: -3px
}

@media (min-width:37.5rem) {
    .profile-social__icon--instagram {
        margin-top: 0
    }
}

.profile-social__link {
    font-size: 14px;
    line-height: 1.29;
    color: #001838;
    width: 100%
}

.profile-social__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (min-width:64rem) {
    .profile-social__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.profile-social__label {
    display: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: #001838
}

@media (min-width:37.5rem) {
    .profile-social__label {
        display: block
    }
}

.profile-social__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.profile-social-hr {
    height: 1px;
    width: 126.6%;
    margin-left: -26.6%;
    display: none;
    background: #dde6ed
}

@media (min-width:64rem) {
    .profile-social-hr {
        display: block
    }
}

.profile-news {
    padding-top: 41px
}

.profile-news .profile-news-section__heading {
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px
}

@media (min-width:37.5rem) {
    .profile-news .profile-news-section__heading {
        font-size: 36px;
        line-height: 37px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .profile-news .profile-news-section__heading {
        font-size: 40px;
        line-height: 41px;
        letter-spacing: .4px
    }
}

.ff-component .profile-news {
    padding-top: 0
}

@media (min-width:37.5rem) {
    .related-news {
        padding-top: 4px
    }
}

@media (min-width:64rem) {
    .related-news {
        padding-top: 19px
    }
}

.related-news .news-list__item {
    margin-bottom: 20px
}

.individual-player-header {
    background-image: url(https://web-assets.mancity.com/dist/images/brand/ManCityShip.svg);
    background-position: 50% 20%;
    background-size: cover;
    text-align: center;
    position: relative
}

@supports (-o-object-fit:contain) {
    .individual-player-header {
        background-color: #98c5e9;
        border-top: 1px solid rgba(0, 24, 56, .2)
    }
}

@media (min-width:37.5rem) {
    .individual-player-header {
        text-align: left
    }
}

.individual-player-header.player-header--mens {
    background-image: url(https://web-assets.mancity.com/dist/images/brand/shipspurple.png)
}

.individual-player-header.player-header--esports,
.individual-player-header.player-header--esports-fc {
    background-image: url(https://web-assets.mancity.com/dist/images/brand/FC-player-card-bg@2x.png);
    background-position: 50% 50%
}

@media (min-width:37.5rem) {

    .individual-player-header.player-header--esports,
    .individual-player-header.player-header--esports-fc {
        background-image: url(https://web-assets.mancity.com/dist/images/brand/FC-player-profile-bg.png)
    }
}

.individual-player-header.player-header--esports-fn {
    background-image: url(https://web-assets.mancity.com/dist/images/brand/FN-player-card-bg@2x.png)
}

@media (min-width:37.5rem) {
    .individual-player-header.player-header--esports-fn {
        background-image: url(https://web-assets.mancity.com/dist/images/brand/FN-player-profile-bg.png)
    }
}

.player-header {
    height: 160px;
    padding-top: 12px
}

@supports (-o-object-fit:contain) {
    .player-header {
        padding-top: 25px
    }
}

@media (min-width:37.5rem) {
    .player-header {
        height: 210px;
        padding-top: 75px
    }
}

@media (min-width:64rem) {
    .player-header {
        height: 224px;
        padding-top: 65px
    }
}

.player-header--mens {
    height: 320px;
    padding-top: 23px;
    overflow: hidden
}

@media (min-width:37.5rem) {
    .player-header--mens {
        padding-top: 73px;
        height: 297px
    }
}

@media (min-width:48rem) {
    .player-header--mens {
        padding-top: 48px;
        height: 297px
    }
}

@media (min-width:64rem) {
    .player-header--mens {
        padding-top: 81px;
        height: 360px
    }
}

.player-header__first-name {
    color: #001838;
    text-transform: uppercase;
    font-weight: 800;
    padding: 0;
    font-size: 43px;
    line-height: 42px;
    letter-spacing: 0
}

@media (min-width:37.5rem) {
    .player-header__first-name {
        font-size: 44px;
        line-height: 40px
    }
}

@media (min-width:64rem) {
    .player-header__first-name {
        font-size: 55px;
        line-height: 50px
    }
}

@media (min-width:37.5rem) {
    .player-header__first-name {
        padding-left: 6px
    }
}

@media (min-width:64rem) {
    .player-header__first-name {
        padding-left: 9px
    }
}

.player-header__first-name--mens {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 43px;
    line-height: 44px;
    letter-spacing: .43px;
    font-weight: 800;
    color: #e6ff00
}

@media (min-width:37.5rem) {
    .player-header__first-name--mens {
        font-size: 43px;
        line-height: 44px;
        letter-spacing: .43px
    }
}

@media (min-width:48rem) {
    .player-header__first-name--mens {
        font-size: 45px;
        line-height: 46px;
        letter-spacing: .45px
    }
}

@media (min-width:64rem) {
    .player-header__first-name--mens {
        font-size: 55px;
        line-height: 56px;
        letter-spacing: .55px
    }
}

.player-header__first-name--mens span {
    padding: 5px 10px;
}

@media (min-width:37.5rem) {
    .player-header__first-name--mens {
        padding-left: 38%;
        bottom: -68px
    }

    .player-header__first-name--mens span {
        padding: 5px 15px
    }
}

@media (min-width:48rem) {
    .player-header__first-name--mens {
        bottom: -57px
    }
}

.player-header__last-name {
    font-size: 43px;
    line-height: 42px;
    letter-spacing: 0;
    color: #001838;
    text-transform: uppercase;
    font-weight: 800;
    padding: 1px;
    white-space: nowrap
}

@media (min-width:37.5rem) {
    .player-header__last-name {
        font-size: 44px;
        line-height: 40px
    }
}

@media (min-width:64rem) {
    .player-header__last-name {
        font-size: 55px;
        line-height: 50px
    }
}

@supports (-o-object-fit:contain) {
    .player-header__last-name {
        margin-top: -2px
    }
}

@media (min-width:37.5rem) {
    .player-header__last-name {
        padding-left: 6px
    }
}

@media (min-width:64rem) {
    .player-header__last-name {
        padding-left: 9px
    }
}

.player-header__last-name--mens {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 90px;
    line-height: 91px;
    letter-spacing: .9px;
    font-weight: 800;
    letter-spacing: -.9px;
    color: #fff
}

@media (min-width:37.5rem) {
    .player-header__last-name--mens {
        font-size: 90px;
        line-height: 91px;
        letter-spacing: .9px
    }
}

@media (min-width:48rem) {
    .player-header__last-name--mens {
        font-size: 134px;
        line-height: 135px;
        letter-spacing: 1.34px
    }
}

@media (min-width:64rem) {
    .player-header__last-name--mens {
        font-size: 157px;
        line-height: 158px;
        letter-spacing: 1.57px
    }
}

@media (min-width:20rem) {
    .player-header__last-name--mens {
        bottom: 8px
    }
}

@media (min-width:37.5rem) {
    .player-header__last-name--mens {
        letter-spacing: -2.01px;
        line-height: .86;
        padding-left: 39%;
        bottom: -70px
    }
}

@media (min-width:48rem) {
    .player-header__last-name--mens {
        letter-spacing: -1.57px;
        bottom: -55px
    }
}

.player-header__last-name--single-name {
    padding-top: 16px;
    letter-spacing: -.9px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 90px;
    line-height: 91px;
    letter-spacing: .9px;
    font-weight: 800
}

@media (min-width:37.5rem) {
    .player-header__last-name--single-name {
        font-size: 90px;
        line-height: 91px;
        letter-spacing: .9px
    }
}

@media (min-width:48rem) {
    .player-header__last-name--single-name {
        font-size: 134px;
        line-height: 135px;
        letter-spacing: 1.34px
    }
}

@media (min-width:64rem) {
    .player-header__last-name--single-name {
        font-size: 157px;
        line-height: 158px;
        letter-spacing: 1.57px
    }
}

@media (min-width:20rem) {
    .player-header__last-name--single-name {
        bottom: 8px
    }
}

@media (min-width:37.5rem) {
    .player-header__last-name--single-name {
        letter-spacing: -2.01px;
        padding-left: 47%;
        bottom: -77px
    }
}

@media (min-width:48rem) {
    .player-header__last-name--single-name {
        letter-spacing: -1.57px;
        padding-left: 45%;
        bottom: -63px
    }
}

@media (min-width:20rem) and (max-width:22.5rem) {
    .player-header__last-name--long-name {
        font-family: KippaxCondensed, sans-serif;
        font-weight: 700;
        font-size: 52px;
        line-height: 53px;
        letter-spacing: .52px
    }
}

@media (min-width:37.5rem) and (max-width:48rem) {
    .player-header__last-name--long-name {
        font-family: KippaxCondensed, sans-serif;
        font-weight: 700;
        font-size: 95px;
        line-height: 96px;
        letter-spacing: .95px;
        padding-top: 65px
    }
}

.player-header__shirt-number {
    font-size: 43px;
    line-height: 42px;
    letter-spacing: 0;
    color: #fff;
    padding: 0;
    margin-top: 24px
}

@media (min-width:37.5rem) {
    .player-header__shirt-number {
        font-size: 44px;
        line-height: 40px
    }
}

@media (min-width:64rem) {
    .player-header__shirt-number {
        font-size: 55px;
        line-height: 50px
    }
}

@media (max-width:37.49rem) {
    .player-header__shirt-number {
        margin-left: 64.66667%
    }
}

@media (min-width:22.5rem) {
    .player-header__shirt-number {
        text-align: left
    }
}

@media (min-width:37.5rem) {
    .player-header__shirt-number {
        margin-top: 16px;
        padding-left: 6px
    }
}

@media (min-width:64rem) {
    .player-header__shirt-number {
        margin-top: 10px;
        padding-left: 9px
    }
}

.player-header__shirt-number--mens {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 90px;
    line-height: 91px;
    letter-spacing: .9px;
    -webkit-text-stroke: 1.5px #e6ff00;
    color: transparent;
    letter-spacing: -.9px;
    margin-top: 0;
    text-align: right
}

@media (min-width:37.5rem) {
    .player-header__shirt-number--mens {
        font-size: 90px;
        line-height: 91px;
        letter-spacing: .9px
    }
}

@media (min-width:48rem) {
    .player-header__shirt-number--mens {
        font-size: 134px;
        line-height: 135px;
        letter-spacing: 1.34px
    }
}

@media (min-width:64rem) {
    .player-header__shirt-number--mens {
        font-size: 242px;
        line-height: 243px;
        letter-spacing: 2.42px
    }
}

@media (min-width:20rem) {
    .player-header__shirt-number--mens {
        margin-left: auto;
        padding-right: 15px;
        bottom: 20px
    }
}

@media (min-width:37.5rem) {
    .player-header__shirt-number--mens {
        margin: 0;
        padding-right: 80px;
        bottom: 15px
    }
}

@media (min-width:48rem) {
    .player-header__shirt-number--mens {
        -webkit-text-stroke: 2px #e6ff00;
        letter-spacing: -2.01px;
        padding-right: 90px;
        bottom: 70px
    }
}

@media (min-width:64rem) {
    .player-header__shirt-number--mens {
        -webkit-text-stroke: 3px #e6ff00;
        letter-spacing: -3.63px;
        bottom: 170px
    }
}

.player-header__image {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 36%);
    transform: translate(-50%, 36%);
    width: 108px;
    height: 108px;
    border-radius: 50%;
    background: #dde6ed;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    z-index: 1;
    overflow: hidden
}

@media (min-width:37.5rem) {
    .player-header__image {
        width: 192px;
        height: 192px;
        left: 74%;
        -webkit-transform: translate(-50%, 12%);
        transform: translate(-50%, 12%)
    }
}

@media (min-width:64rem) {
    .player-header__image {
        width: 230px;
        height: 230px;
        left: 57%;
        -webkit-transform: translate(-50%, 24%);
        transform: translate(-50%, 24%)
    }
}

.player-header__image img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.player-header__image .fallback-player-image,
.player-header__image img.failed-to-load {
    display: none
}

.player-header__image img.failed-to-load+.fallback-player-image {
    display: block
}

.player-header__image--mens {
    border-radius: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 247px;
    height: 247px;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

@media (min-width:37.5rem) {
    .player-header__image--mens {
        left: 40%;
        width: 246px;
        height: 246px
    }
}

@media (min-width:64rem) {
    .player-header__image--mens {
        left: 50%;
        -webkit-transform: translateX(-85%);
        transform: translateX(-85%);
        width: 301px;
        height: 301px
    }
}

.player-header__image--mens img {
    border-radius: 0
}

.player-header__image--manager {
    background-color: #e1eff9
}

.player-header--esports .player-header__last-name {
    color: #fff
}

@media (min-width:20rem) {
    .player-header--esports .player-header__last-name--single-name {
        bottom: 23px
    }
}

@media (min-width:37.5rem) {
    .player-header--esports .player-header__last-name--single-name {
        bottom: -45px
    }
}

@media (min-width:48rem) {
    .player-header--esports .player-header__last-name--single-name {
        bottom: -28px
    }
}

@media (min-width:20rem) {
    .player-header--esports .player-header__last-name--long-name {
        bottom: 8px
    }
}

@media (min-width:37.5rem) and (max-width:48rem) {
    .player-header--esports .player-header__last-name--long-name {
        padding-top: 65px
    }
}

.player-header--esports .player-header__first-name--mens {
    color: #001838
}

@media (min-width:37.5rem) {
    .player-header--esports .player-header__first-name--mens {
        padding-left: 39%
    }
}

.player-header--esports .player-header__first-name--mens span {
    background-color: #3bd6ff
}

.player-header--esports .player-header__shirt-number--mens {
    -webkit-text-stroke-color: #fff
}

@media (min-width:20rem) {
    .player-header--esports .player-header__shirt-number--mens {
        bottom: 23px
    }
}

@media (min-width:37.5rem) {
    .player-header--esports .player-header__shirt-number--mens {
        bottom: 45px
    }
}

@media (min-width:48rem) {
    .player-header--esports .player-header__shirt-number--mens {
        bottom: 110px
    }
}

@media (min-width:64rem) {
    .player-header--esports .player-header__shirt-number--mens {
        bottom: 212px
    }
}

.individual-player-sub-header {
    padding: 17px 0 0;
    -webkit-box-shadow: 0 4px 16px 0 rgba(0, 24, 56, .2);
}

@media (min-width:37.5rem) {
    .individual-player-sub-header {
        padding: 22px 0 0
    }
}

@media (min-width:64rem) {
    .individual-player-sub-header {
        padding: 25px 0 0;
        box-shadow: none;
    }
}

.individual-player-sub-header .mc-tabs-nav {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.individual-player-sub-header .mc-tabs-nav__item-link {
    text-transform: capitalize
}

.social {
    padding-top: 26px
}

.social__block-label {
    color: #6caddf;
    text-transform: uppercase;
    margin-bottom: 0;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px
}

@media (min-width:37.5rem) {
    .social__block-label {
        font-size: 36px;
        line-height: 37px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .social__block-label {
        font-size: 40px;
        line-height: 41px;
        letter-spacing: .4px
    }
}

.social__message {
    padding-top: 20px
}

@media (min-width:37.5rem) {
    .social__message {
        padding-top: 0
    }
}

.social__message:first-child {
    border-top: 1px solid #dde6ed
}

@media (min-width:37.5rem) {
    .social__message:first-child {
        border-top: none
    }
}

.social__message .instagram-media,
.social__message .twitter-tweet {
    min-width: 288px !important;
    width: 100%
}

@supports (-o-object-fit:contain) {
    @media (max-width:425px) {

        .social__message .instagram-media,
        .social__message .twitter-tweet {
            width: 288px;
            max-width: 295px !important
        }
    }

    @media (min-width:37.5rem) {

        .social__message .instagram-media,
        .social__message .twitter-tweet {
            width: 324px !important
        }
    }

    @media (min-width:48rem) {

        .social__message .instagram-media,
        .social__message .twitter-tweet {
            width: 413px !important
        }
    }

    @media (min-width:64rem) {

        .social__message .instagram-media,
        .social__message .twitter-tweet {
            width: 478px !important
        }
    }
}

.social__btn-show-more-posts {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 1.1px;
    text-align: center;
    color: #001838;
    background: #98c5e9;
    border: none;
    padding-top: 13px;
    padding-bottom: 13px;
    margin-top: 14px;
    text-transform: uppercase;
    cursor: pointer
}

.social__btn-show-more-posts:disabled {
    opacity: .5
}

.social__btn-show-more-posts:hover {
    border: 1px solid #98c5e9;
    background-color: #c2ddf2;
    padding-top: 12px;
    padding-bottom: 12px
}

.social__feed {
    padding-bottom: 64px
}

.social-sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    float: left
}

@media (min-width:20rem) and (max-width:37.49rem) {
    .social-sidebar:not(:last-child) {
        margin-right: 19px
    }
}

@media (min-width:37.5rem) {
    .social-sidebar {
        -webkit-box-align: normal;
        -webkit-align-items: normal;
        -ms-flex-align: normal;
        align-items: normal;
        margin-right: 0;
        float: none;
        border-bottom: 1px solid #dde6ed
    }
}

.social-sidebar__icon {
    height: 18px;
    width: 24px;
    margin-right: 8px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:37.5rem) {
    .social-sidebar__icon {
        margin-top: 5px
    }
}

.social-sidebar__icon--instagram {
    margin-top: -3px
}

@media (min-width:37.5rem) {
    .social-sidebar__icon--instagram {
        margin-top: 0
    }
}

.social-sidebar__icon--twitch {
    margin-top: 4px
}

.social-sidebar__link {
    font-size: 14px;
    line-height: 1.29;
    color: #001838;
    width: 100%
}

.social-sidebar__link a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden
}

.social-sidebar__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

@media (min-width:64rem) {
    .social-sidebar__wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.social-sidebar__label {
    display: none;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: #001838
}

@media (min-width:37.5rem) {
    .social-sidebar__label {
        display: block
    }
}

.social-sidebar__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

.position-players {
    background-color: #fd1208;
    padding-top: 30px;
    padding-bottom: 40px
}

.position-players__section-title {
    color: #6caddf;
    text-transform: uppercase;
    display: block;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px
}

@media (min-width:37.5rem) {
    .position-players__section-title {
        font-size: 36px;
        line-height: 37px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .position-players__section-title {
        font-size: 40px;
        line-height: 41px;
        letter-spacing: .4px
    }
}

.position-players__section-title--white {
    color: #fff
}

.position-players .squad-list-wrapper:after,
.position-players .squad-list-wrapper:before {
    display: none
}

.position-players .squad-list {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 12px 0 15px
}

.position-players .squad-list::-webkit-scrollbar {
    display: none
}

@media (min-width:48rem) {
    .position-players .squad-list {
        padding-bottom: 33px
    }
}

@media (min-width:64rem) {
    .position-players .squad-list {
        overflow-x: visible;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:37.5rem) {
    .position-players .squad-list__item {
        width: 30%;
        margin-right: 16px
    }

    .position-players .squad-list__item:nth-child(3n) {
        margin-right: 0
    }
}

@media (min-width:48rem) {
    .position-players .squad-list__item {
        width: 229px;
        margin-right: 19px
    }
}

@media (min-width:64rem) {
    .position-players .squad-list__item:nth-child(3n) {
        margin-right: 19px
    }

    .position-players .squad-list__item:nth-child(4n) {
        margin-right: 0
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .position-players .squad-list__item--md-hidden-item {
        display: none
    }
}

.position-players .squad-nav:after,
.position-players .squad-nav:before {
    background-color: #fff
}

.position-players .squad-groups {
    margin-top: 5px;
    padding-bottom: 0
}

@media (min-width:37.5rem) {
    .position-players .squad-groups {
        margin-top: 9px
    }
}

.position-players .squad-groups--desktop {
    display: none
}

@media (min-width:48rem) {
    .position-players .squad-groups--desktop {
        display: block
    }
}

@media (min-width:37.5rem) {
    .position-players {
        padding-bottom: 54px
    }

    .position-players .js-card-slider-nav,
    .position-players .squad-list__item--hidden-spacer {
        display: none
    }
}

@media (min-width:64rem) {
    .position-players {
        padding-top: 54px
    }
}

.player-stats-great-parameter {
    padding-right: 1rem;
    padding-left: 1rem;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px;
    max-width: 515px;
    margin: 0 auto;
    background: #fff
}

@media (min-width:22.5rem) {
    .player-stats-great-parameter {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:37.5rem) {
    .player-stats-great-parameter {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .player-stats-great-parameter {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:64rem) {
    .player-stats-great-parameter {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

.player-stats-great-parameter__icon-wrapper {
    display: none
}

.player-stats-great-parameter__content-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.player-stats-great-parameter__category-heading {
    display: none
}

.player-stats-great-parameter__heading {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    color: #001838
}

.player-stats-great-parameter__parameter-value {
    margin-left: auto
}

.player-stats-great-parameter--highlighted,
.player-stats-great-parameter--mono-category {
    max-width: 100%
}

.player-stats-great-parameter--highlighted .player-stats-great-parameter__icon-wrapper,
.player-stats-great-parameter--mono-category .player-stats-great-parameter__icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.player-stats-great-parameter--highlighted .player-stats-great-parameter__icon-wrapper:last-child,
.player-stats-great-parameter--mono-category .player-stats-great-parameter__icon-wrapper:last-child {
    margin-right: 0
}

.player-stats-great-parameter--highlighted .player-stats-great-parameter__heading,
.player-stats-great-parameter--mono-category .player-stats-great-parameter__heading {
    text-transform: uppercase;
    line-height: .92;
    font-size: 24px;
    color: #6caddf
}

.player-stats-great-parameter--highlighted {
    height: 65px
}

@media (min-width:48rem) {
    .player-stats-great-parameter--highlighted {
        -webkit-box-shadow: 0 6px 16px 0 rgba(0, 24, 56, .2);
        box-shadow: 0 6px 16px 0 rgba(0, 24, 56, .2)
    }
}

.player-stats-great-parameter--highlighted .player-stats-great-parameter__icon-wrapper {
    width: 32px;
    height: 32px;
    margin-right: 15px
}

.player-stats-great-parameter--mono-category {
    height: 80px
}

.player-stats-great-parameter--mono-category .player-stats-great-parameter__icon-wrapper {
    width: 36px;
    height: 36px;
    margin-right: 13px
}

.player-stats-great-parameter--mono-category .player-stats-great-parameter__category-heading {
    display: block;
    margin-bottom: 5px;
    
    font-weight: 400;
    text-transform: uppercase;
    color: #69738c;
    font-size: 11px;
    line-height: 15px
}

.player-stats-great-parameter--mono-category .player-stats-great-parameter__category-heading:last-child {
    margin-bottom: 0
}

.player-stats-category-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 62px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.player-stats-category-header__heading {
    margin-bottom: 0;
    text-transform: uppercase;
    color: #001838
}

.player-stats-category-header__season {
    display: none
}

.player-stats-category-header__picture-wrapper {
    margin-left: auto
}

.player-stats-category__header {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:22.5rem) {
    .player-stats-category__header {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:37.5rem) {
    .player-stats-category__header {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .player-stats-category__header {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:64rem) {
    .player-stats-category__header {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

*+.player-stats-category {
    margin-top: 30px
}

.player-stats-value__icon {
    width: 13px;
    height: 10px
}

.player-stats-section {
    background: #fff
}

.player-stats-section+.player-stats-section {
    margin-top: 8px
}

@media (min-width:48rem) {
    .player-stats-section {
        background: none
    }
}

.player-stats-details {
    max-width: 515px;
    margin: 0 auto;
    padding: 20px 1rem 26px;
    background: #fff
}

@media (min-width:22.5rem) {
    .player-stats-details {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:37.5rem) {
    .player-stats-details {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .player-stats-details {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:64rem) {
    .player-stats-details {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

.player-stats-great-parameter+.player-stats-details {
    padding-top: 0
}

.player-stats-great-parameter+.player-stats-details:before {
    display: block;
    content: "";
    height: 20px;
    border-top: 1px solid #dedede
}

@media (min-width:48rem) {
    .player-stats-great-parameter--highlighted+.player-stats-details {
        padding-top: 30px
    }

    .player-stats-great-parameter--highlighted+.player-stats-details:before {
        display: none
    }
}

.player-stats-details-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    padding-bottom: 18px;
    border-bottom: 1px solid #dedede
}

.player-stats-details-list:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0
}

.player-stats-details-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #001838
}

@media (min-width:0) {
    .player-stats-details-list__item {
        padding-right: 8px
    }
}

@media (min-width:20rem) {
    .player-stats-details-list__item {
        padding-right: 8px
    }
}

@media (min-width:22.5rem) {
    .player-stats-details-list__item {
        padding-right: 12px
    }
}

@media (min-width:37.5rem) {
    .player-stats-details-list__item {
        padding-right: 16px
    }
}

@media (min-width:48rem) {
    .player-stats-details-list__item {
        padding-right: 16px
    }
}

@media (min-width:64rem) {
    .player-stats-details-list__item {
        padding-right: 20px
    }
}

.player-stats-details-list__item:last-child {
    padding-right: 0
}

.player-stats-details-list__item-title {
    margin-bottom: 3px;
    font-size: 13px
}

.player-stats-details-list__item-title:last-child {
    margin-bottom: 0
}

.player-stats-details-list__item-value {
    margin-top: auto;
    font-size: 16px;
    font-weight: 700
}

.player-stats-filter-toggle {
    background-color: transparent;
    border: none;
    margin: 0;
    padding: 0;
    text-align: inherit;
    font: inherit;
    border-radius: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    color: #001838;
    text-decoration: underline
}

.player-stats-filter-toggle:hover {
    text-decoration: none
}

.player-stats-filter-toggle__text {
    margin-right: 3px
}

.player-stats-filter-toggle__text:last-child {
    margin-right: 0
}

.player-stats-filter-toggle__icon {
    width: 13px;
    height: 13px
}

.player-stats-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 20px;
    padding-bottom: 4px;
    background: #fff
}

.player-stats-header__heading {
    margin-bottom: 0;
    text-transform: uppercase
}

.player-stats-header__filter-toggle {
    margin-left: auto
}

@media (min-width:64rem) {
    .player-stats-header__filter-toggle {
        display: none
    }
}

.player-stats-sidebar {
    background: #fff
}

.player-stats-sidebar:after {
    display: block;
    content: "";
    height: 20px;
    border-bottom: 1px solid #dde6ed
}

.player-stats-sidebar__filters {
    padding-top: 12px
}

.player-stats-filters {
    display: none
}

.player-stats-wrapper {
    background: #f6f6f6
}

.player-stats {
    overflow: hidden;
    padding-bottom: 20px
}

@media (max-width:47.99rem) {
    .player-stats {
        padding: 0 0 20px
    }
}

.player-stats__side-wrapper {
    padding: 0
}

@media (max-width:63.99rem) {
    .player-stats__side-wrapper {
        margin: 0 auto
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .player-stats__side-wrapper {
        margin-bottom: 40px
    }

    .player-stats__side-wrapper:last-child {
        margin-bottom: 0
    }
}

.player-stats__header {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:22.5rem) {
    .player-stats__header {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:37.5rem) {
    .player-stats__header {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .player-stats__header {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:64rem) {
    .player-stats__header {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:48rem) {
    .player-stats__header {
        background: none
    }
}

.player-stats__sidebar {
    padding-right: 1rem;
    padding-left: 1rem
}

@media (min-width:22.5rem) {
    .player-stats__sidebar {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:37.5rem) {
    .player-stats__sidebar {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (min-width:48rem) {
    .player-stats__sidebar {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:64rem) {
    .player-stats__sidebar {
        padding-right: 1.5rem;
        padding-left: 1.5rem
    }
}

@media (min-width:48rem) {
    .player-stats__sidebar {
        background: none
    }
}

.player-stats__content {
    padding: 0
}

@media (max-width:63.99rem) {
    .player-stats__content {
        margin: 0 auto
    }
}

.collections-header {
    padding-top: 23px;
    padding-bottom: 17px;
    position: relative
}

@media (min-width:48rem) {
    .collections-header {
        padding-top: 0;
        padding-bottom: 0
    }
}

.collections-header__category {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .collections-header__category {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .collections-header__category {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

@media (min-width:48rem) {
    .collections-header__category {
        margin-top: 23px
    }
}

@media (min-width:64rem) {
    .collections-header__category {
        margin-top: 20px
    }
}

.collections-header__title {
    color: #3bd6ff;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 3px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    letter-spacing: .46px
}

@media (min-width:37.5rem) {
    .collections-header__title {
        font-size: 52px;
        line-height: 52px;
        letter-spacing: .62px
    }
}

.collections-header__video-count {
    margin-top: 6px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.collections-header__video-count-icon {
    width: 32px;
    height: 32px;
    margin-left: -12px;
    padding: 0
}

.collections-header__video-count-icon svg {
    width: 32px;
    height: 32px;
    color: #fff
}

.collections-header__video-count-label {
    font-size: 17px;
    line-height: 1.41;
    color: #fff
}

@media (min-width:48rem) {
    .collections-header__video-count-label {
        font-size: 18px;
        line-height: 1.33
    }
}

.collections-header__bg-image-wrapper {
    display: none;
    max-width: 1280px;
    -o-object-fit: contain;
    object-fit: contain;
    min-height: 420px
}

@media (min-width:48rem) {
    .collections-header__bg-image-wrapper {
        display: block;
        max-height: 420px
    }

    .collections-header__bg-image-wrapper:after {
        content: "";
        background-image: -webkit-gradient(linear, left bottom, left top, from(#001838), to(rgba(0, 24, 56, 0)));
        background-image: linear-gradient(0deg, #001838, rgba(0, 24, 56, 0));
        height: 206px;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block
    }
}

@media (min-width:64rem) {
    .collections-header__bg-image-wrapper {
        min-height: 480px;
        max-height: 480px
    }

    .collections-header__bg-image-wrapper:after {
        height: 235px
    }
}

@media (min-width:1280px) {
    .collections-header__bg-image-wrapper {
        margin: 0 auto
    }
}

.collections-header__side-shadow {
    height: 100%;
    position: relative
}

@media (min-width:48rem) {
    .collections-header__side-shadow:before {
        content: "";
        background-image: -webkit-gradient(linear, left top, right top, color-stop(63%, #001838), to(rgba(0, 24, 56, 0)));
        background-image: linear-gradient(90deg, #001838 63%, rgba(0, 24, 56, 0));
        height: 100%;
        width: 48%;
        position: absolute;
        bottom: 0;
        left: 0;
        display: block
    }
}

.collections-header__bg-image {
    height: 100%;
    width: auto;
    display: block;
    max-height: 420px;
    margin-left: auto;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 850px
}

@media (min-width:64rem) {
    .collections-header__bg-image {
        max-height: 480px
    }
}

@media (min-width:48rem) {
    .collections-header__title-wrapper {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%
    }
}

@media (min-width:48rem) {
    .collections-header__text {
        max-height: 160px;
        overflow: hidden
    }
}

.collections-header__text .article-body {
    padding-top: 19px
}

.collections-header__text .article-body__article-text,
.collections-header__text .article-body__subtitle {
    color: #fff
}

.collections-header__text .article-body__article-text a,
.collections-header__text .article-body__subtitle a {
    color: #fff;
    text-decoration: underline
}

@media (min-width:48rem) {
    .collections-header__text .article-body {
        padding-top: 11px
    }
}

@media (min-width:64rem) {
    .collections-header__text .article-body {
        padding-top: 7px
    }
}

@media (max-width:47.99rem) {
    .collections-body {
        background-image: -webkit-gradient(linear, left bottom, left top, from(#001838), to(#0a1e32));
        background-image: linear-gradient(0deg, #001838, #0a1e32)
    }
}

@media (min-width:48rem) {
    .collections-body {
        margin-top: -71px
    }
}

@media (min-width:64rem) {
    .collections-body {
        margin-top: -90px
    }
}

.collections-body .article-preview {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.collections-body .article-preview__header-container {
    width: 100%
}

.collections-body .article-preview__heading {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.13;
    color: #fff;
    margin-top: 12px
}

.collections-body .article-preview__figure-wrapper {
    width: 100%
}

@media (max-width:47.99rem) {
    .collections-body .article-preview__figure-marker-text {
        display: block;
        margin-top: 4px
    }

    .collections-body .article-preview__figure-marker {
        top: 0;
        left: 4px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        height: 100%
    }

    .collections-body .article-preview__figure-marker-icon-wrapper {
        width: 35px;
        height: 35px;
        margin-bottom: 4px
    }
}

.collections-body .pagination-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 16px 0 0;
    padding: 15px 0 17px 16px;
    border-top: 1px solid #fff
}

.no-js .collections-body .pagination-wrapper {
    padding-left: 0
}

.collections-body .pagination {
    width: 220px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin: 0;
    padding: 0;
    border-top: 0
}

.collections-body .pagination-list__item--disabled {
    width: 0;
    height: 0;
    visibility: hidden
}

.collections-body .pagination-list__item--disabled:first-child {
    margin: 0 -9px 0 0
}

.collections-body .pagination-list__item--disabled:last-child {
    margin: 0 0 0 -9px
}

.collections-video-list__item {
    padding-top: 24px;
    padding-bottom: 31px
}

@media (max-width:47.99rem) {
    .collections-video-list__item {
        border-top: 1px solid hsla(0, 0%, 100%, .15)
    }

    .collections-video-list__item:first-child,
    .collections-video-list__item:nth-child(2) {
        border-top: none
    }
}

@media (min-width:48rem) {

    .collections-video-list__item:first-child,
    .collections-video-list__item:nth-child(2),
    .collections-video-list__item:nth-child(3) {
        padding-top: 0
    }
}

@media (min-width:64rem) {
    .collections-video-list__item:nth-child(4) {
        padding-top: 0
    }
}

.collections-page .socials-footer {
    border-top: none
}

.collections-card {
    position: relative;
    background: #ebf4fb;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.collections-card__regular-shadow {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 112px;
    z-index: -1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    opacity: 1;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3)
}

@media (min-width:48rem) {
    .collections-card__regular-shadow {
        height: 120px
    }
}

.collections-card__header {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 253px
}

@media (min-width:48rem) {
    .collections-card__header {
        height: 290px
    }
}

@media (min-width:64rem) {
    .collections-card__header {
        height: 308px
    }
}

.collections-card__photo-wrapper {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.collections-card__photo {
    width: 100%;
    height: 100.5%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: opacity .5s ease-out, -webkit-transform .2s ease-in-out;
    transition: opacity .5s ease-out, -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out, opacity .5s ease-out;
    transition: transform .2s ease-in-out, opacity .5s ease-out, -webkit-transform .2s ease-in-out
}

.collections-card__photo.failed-to-load,
.collections-card__photo.fallback-collection-image {
    display: none
}

.collections-card__photo.failed-to-load+.fallback-collection-image {
    display: block;
    width: 100%;
    height: auto
}

.collections-card__content {
    position: relative;
    min-height: 112px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 16px;
    background: #263c52;
    -webkit-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    height: -webkit-calc(100% - 253px);
    height: calc(100% - 253px)
}

@media (min-width:48rem) {
    .collections-card__content {
        min-height: 120px;
        padding: 20px 20px 12px;
        height: -webkit-calc(100% - 290px);
        height: calc(100% - 290px)
    }
}

@media (min-width:64rem) {
    .collections-card__content {
        height: -webkit-calc(100% - 308px);
        height: calc(100% - 308px)
    }
}

.collections-card__title {
    font-size: 20px;
    color: #fff;
    text-transform: uppercase;
    margin: 0 0 15px;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .collections-card__title {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .2s ease-in-out;
        transition: -webkit-text-decoration-color .2s ease-in-out;
        transition: text-decoration-color .2s ease-in-out;
        transition: text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out
    }
}

@media (min-width:37.5rem) {
    .collections-card__title {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .collections-card__title {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.collections-card__number-of-videos {
    margin-top: auto;
    font-size: 12px;
    color: #fff;
    text-transform: uppercase
}

.collections-section {
    position: relative;
    padding-top: 27px;
    padding-bottom: 40px;
    background: -webkit-gradient(linear, left top, left bottom, from(#0a1e32), color-stop(#001838), to(#0a1e32));
    background: linear-gradient(#0a1e32, #001838, #0a1e32)
}

.collections-section__title {
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px;
    color: #fff;
    text-transform: uppercase
}

@media (min-width:37.5rem) {
    .collections-section__title {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .collections-section__title {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: .4px
    }
}

.collections-section__content-wrapper {
    margin-top: 14px;
    padding: 0
}

@media (min-width:48rem) {
    .collections-section__content-wrapper {
        margin-top: 18px;
        margin-top: 0
    }
}

@media (min-width:48rem) {
    .collections-section {
        padding-top: 29px;
        padding-bottom: 37px
    }
}

.collections-list-wrapper {
    position: relative;
    overflow-x: hidden
}

.collections-list-wrapper:after,
.collections-list-wrapper:before {
    z-index: 5;
    position: absolute;
    content: "";
    top: 0;
    width: 7px;
    height: 100%;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.collections-list-wrapper:before {
    left: -1px;
    background: -webkit-gradient(linear, left top, right top, from(#0a1e32), to(rgba(10, 30, 50, 0)));
    background: linear-gradient(90deg, #0a1e32, rgba(10, 30, 50, 0))
}

.collections-list-wrapper:after {
    right: -2px;
    background: -webkit-gradient(linear, right top, left top, from(#0a1e32), to(rgba(10, 30, 50, 0)));
    background: linear-gradient(270deg, #0a1e32, rgba(10, 30, 50, 0))
}

@supports (-o-object-fit:contain) {

    .collections-list-wrapper:after,
    .collections-list-wrapper:before {
        display: none
    }
}

.collections-group {
    position: relative
}

.collections-group.is-scrolled-max-left .collections-list-wrapper:before {
    opacity: 0
}

.collections-group.is-scrolled-max-right .collections-list-wrapper:after {
    opacity: 0
}

.collections-list {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0 22px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch
}

.collections-list::-webkit-scrollbar {
    display: none
}

.collections-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 188px;
    margin-right: 12px
}

.collections-list__item:first-child {
    margin-left: 16px
}

@media (min-width:48rem) {
    .collections-list__item:first-child {
        margin-left: 24px
    }
}

.collections-list__item:nth-last-child(2) {
    margin-right: 16px
}

@media (min-width:48rem) {
    .collections-list__item:nth-last-child(2) {
        margin-right: 24px
    }
}

@media (min-width:48rem) {
    .collections-list__item {
        width: 216px;
        margin-right: 16px
    }
}

@media (min-width:64rem) {
    .collections-list__item {
        width: 229px;
        margin-right: 19px
    }
}

.collections-list__item:last-child {
    margin-right: 0
}

.collections-list__item--hidden-spacer {
    width: 1px;
    height: 1px;
    content: "";
    visibility: hidden;
    margin: 0
}

.collections-list__item-link {
    width: 100%;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%
}

.collections-list__item-link:hover .collections-card__photo {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.collections-list__item-link:hover .collections-card__content {
    background: #3b5268
}

.collections-list__item-link:hover .collections-card__title {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff;
    will-change: opacity
}

@media (min-width:48rem) {
    .collections-list {
        padding: 12px 0 32px;
        padding-top: 10px
    }
}

.explore-more {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.explore-more:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    background: #001838;
    left: 0;
    right: 0;
    top: -webkit-calc(50% - 1px);
    top: calc(50% - 1px);
    -webkit-transform: scale(.9999);
    transform: scale(.9999)
}

.explore-more__link {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 11px 8px 11px 11px;
    word-break: break-word
}

@media (max-width:22.49rem) {
    .explore-more__link {
        width: 100%
    }
}

@media (min-width:22.5rem) {
    .explore-more__link {
        min-width: 229px
    }
}

.explore-more__text {
    text-align: left;
    margin-right: 20px
}

.explore-more__text:last-child {
    margin-right: 0
}

.explore-more__icon {
    width: 16px;
    height: 16px;
    margin-left: auto
}

.explore-more__icon:lang(ar) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.explore-more__wrap {
    margin-top: 6px;
    margin-bottom: 27px
}

@media (min-width:48rem) {
    .explore-more__wrap {
        margin-top: 22px;
        margin-bottom: 41px
    }
}

@media (min-width:64rem) {
    .explore-more__wrap {
        margin-top: 32px
    }
}

.news-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none
}

@media (min-width:37.5rem) {
    .news-card__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.news-card__figure-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0 8px 0 0
}

@media (max-width:22.49rem) {
    .news-card__figure-wrapper {
        width: 96px
    }
}

@media (max-width:47.99rem) and (min-width:22.5rem) {
    .news-card__figure-wrapper {
        width: 102px;
        margin-right: 12px
    }

    .news-card__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (max-width:47.99rem) and (min-width:37.5rem) {
    .news-card__figure-wrapper {
        width: 176px;
        margin-right: 16px
    }

    .news-card__figure-wrapper:last-child {
        margin-right: 0
    }
}

@media (min-width:37.5rem) {
    .news-card__figure-wrapper {
        width: 100%;
        margin-right: 0;
        margin-bottom: 14px
    }
}

.news-card__figure-container {
    position: relative;
    display: block;
    background-size: contain
}

.news-card__figure-marker {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

.news-card__figure-image {
    overflow: hidden;
    font-size: 10px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.news-card__figure-image.failed-to-load {
    opacity: 0
}

.news-card__heading-icon-wrapper {
    width: 18px;
    height: 18px;
    display: inline-block;
    position: relative
}

@media (min-width:48rem) {
    .news-card__heading-icon-wrapper {
        width: 20px;
        height: 20px
    }
}

.news-card__heading-icon {
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -1px;
    left: -1px;
    border-radius: 50%
}

.news-card__heading-icon:lang(ar) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.news-card__heading-icon--padlock {
    opacity: 0
}

.news-card__heading-icon--padlock:lang(ar) {
    -webkit-transform: translate(-50%) rotate(0deg);
    transform: translate(-50%) rotate(0deg)
}

.news-card__heading-icon--gallery:lang(ar) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.news-card__figure-marker-text {
    display: none;
    width: 36px;
    height: 14px;
    margin-bottom: 4px;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    border-radius: 2px;
    font-weight: 700;
    color: #001838;
    background-color: #fff
}

.news-card__figure-marker-text:last-child {
    margin-bottom: 0
}

@media (min-width:37.5rem) {
    .news-card__figure-marker-text {
        display: block
    }
}

.news-card__figure-marker-icon-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out;
    color: #fff
}

@media (min-width:37.5rem) {
    .news-card__figure-marker-icon-wrapper {
        width: 36px;
        height: 36px
    }
}

.news-card__figure-marker-icon {
    color: rgba(0, 24, 56, .5);
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .1s ease-out;
    transition: opacity .1s ease-out;
    top: 0;
    left: 0
}

.news-card__figure-marker-icon:lang(ar) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.news-card__figure-marker-icon--padlock {
    opacity: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.news-card__figure-marker-icon--padlock:lang(ar) {
    -webkit-transform: translate(-50%) rotate(0deg);
    transform: translate(-50%) rotate(0deg)
}

.news-card__figure-marker-icon--gallery:lang(ar) {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.news-card__header-container {
    letter-spacing: .3px
}

.news-card__heading {
    margin-bottom: 9px;
    color: #001838;
    
    word-break: break-word;
    font-size: 15px;
    line-height: 19px
}

.news-card__heading:before {
    content: "";
    display: block;
    height: 0;
    width: 0;
    margin-top: -.125em
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .news-card__heading {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

@media (min-width:37.5rem) {
    .news-card__heading {
        margin-bottom: 8px;
        font-size: 17px;
        line-height: 21px
    }
}

.news-card__category {
    margin-bottom: 0;
    color: #69738c;
    font-size: 11px;
    line-height: 15px;
    text-transform: uppercase;
    word-break: break-word
}

@media (min-width:37.5rem) {
    .news-card__category {
        font-size: 12px;
        line-height: 16px
    }
}

@media (min-width:37.5rem) {
    .news-card {
        width: 100%
    }
}

.news-card:hover .news-card__heading {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838;
    will-change: opacity
}

.news-card:hover .news-card__figure-marker-icon {
    color: #001838
}

.news-card:hover .news-card__heading-icon {
    -webkit-box-shadow: 0 0 12px rgba(59, 214, 255, .501);
    box-shadow: 0 0 12px rgba(59, 214, 255, .501)
}

.news-card--premium .news-card__figure-marker-icon,
.news-card--premium .news-card__heading-icon {
    opacity: 0
}

.news-card--premium.is-eligible .news-card__figure-marker-icon,
.news-card--premium.is-eligible .news-card__heading-icon,
.news-card--premium .news-card__figure-marker-icon--padlock,
.news-card--premium .news-card__heading-icon--padlock {
    opacity: 1
}

.news-card--premium.is-eligible .news-card__figure-marker-icon--padlock,
.news-card--premium.is-eligible .news-card__heading-icon--padlock {
    opacity: 0
}

.super-banner {
    position: relative;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-top: 47px;
    color: #fff
}

@media (min-width:48rem) {
    .super-banner {
        margin-top: 80px
    }
}

@media (min-width:64rem) {
    .super-banner {
        margin-top: 108px
    }
}

.super-banner:after,
.super-banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out
}

.super-banner:before {
    opacity: 1;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2)
}

@media (min-width:48rem) {
    .super-banner:before {
        -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3);
        box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3)
    }
}

.super-banner:after {
    opacity: 0;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 24, 56, .5);
    box-shadow: 0 2px 8px 0 rgba(0, 24, 56, .5)
}

.super-banner__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    color: inherit;
    text-decoration: none
}

@media (min-width:48rem) {
    .super-banner__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 267px
    }
}

@media (min-width:64rem) {
    .super-banner__container {
        min-height: 363px
    }
}

.super-banner__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 12px 16px 18px
}

@media (min-width:48rem) {
    .super-banner__main {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 16px;
        width: 275px
    }
}

@media (min-width:64rem) {
    .super-banner__main {
        padding: 22px 20px 24px;
        width: 331px
    }
}

.super-banner__header {
    text-transform: uppercase;
    font-weight: 700
}

@media (min-width:64rem) {
    .super-banner__header {
        margin-bottom: 8px
    }
}

.super-banner__pre-heading {
    font-size: 14px;
    color: #3bd6ff;
    margin-bottom: 8px
}

@media (min-width:48rem) {
    .super-banner__pre-heading {
        font-size: 16px
    }
}

.super-banner__heading {
    word-break: break-word
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .super-banner__heading {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.super-banner__content {
    display: none;
    font-size: 18px;
    line-height: 1.35;
    word-spacing: -.5px
}

@media (min-width:64rem) {
    .super-banner__content {
        display: block
    }
}

.super-banner__footer {
    display: none
}

@media (min-width:48rem) {
    .super-banner__footer {
        display: block;
        margin-top: auto
    }

    .super-banner__footer .super-banner__figure-marker {
        position: relative;
        bottom: 0;
        left: 0
    }
}

.super-banner__footer--countdown {
    display: block
}

@media (max-width:47.99rem) {
    .super-banner__footer--countdown {
        margin: 24px 0 8px
    }
}

@media (min-width:48rem) {
    .super-banner__footer-counter-wrap .countdown-counter {
        scale: .75
    }
}

@media (min-width:64rem) {
    .super-banner__footer-counter-wrap .countdown-counter {
        scale: .8
    }
}

.super-banner__image-wrapper {
    position: relative;
    overflow: hidden;
    height: 100%
}

@media (max-width:47.99rem) {
    .super-banner__image-wrapper {
        height: 0;
        padding-top: 56.25%;
        overflow: hidden
    }
}

.super-banner__figure-marker {
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width:48rem) {
    .super-banner__figure-marker {
        -webkit-transform: unset;
        transform: unset;
        top: auto
    }
}

.super-banner__figure-marker-icon-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background-color: rgba(0, 24, 56, .5);
    color: #fff;
    -webkit-transition: background-color .2s ease-in-out;
    transition: background-color .2s ease-in-out
}

@media (min-width:37.5rem) {
    .super-banner__figure-marker-icon-wrapper {
        background-color: #3bd6ff;
        color: #001838
    }
}

@media (min-width:48rem) {
    .super-banner__figure-marker-icon-wrapper {
        width: 40px;
        height: 40px
    }
}

@media (min-width:64rem) {
    .super-banner__figure-marker-icon-wrapper {
        width: 56px;
        height: 56px
    }
}

.super-banner__figure-marker-icon {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
    top: 0;
    left: 0
}

.super-banner__figure-marker-icon:lang(ar) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.super-banner__figure-marker-icon--padlock {
    width: 61%;
    opacity: 0;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

.super-banner__figure-marker-icon--padlock:lang(ar) {
    -webkit-transform: translate(-50%) rotate(0deg);
    transform: translate(-50%) rotate(0deg)
}

.super-banner__image {
    width: 100%;
    height: 100%;
    height: -webkit-calc(100% + 1px);
    height: calc(100% + 1px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.super-banner__image.failed-to-load {
    opacity: 0
}

.super-banner--obsidian {
    background: #001838
}

.super-banner--dark-grey {
    background: #034752
}

.super-banner:hover .super-banner__heading {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #3bd6ff;
    text-decoration-color: #3bd6ff;
    will-change: opacity
}

.super-banner:hover .super-banner__figure-marker-icon-wrapper {
    background-color: #001838
}

@media (min-width:37.5rem) {
    .super-banner:hover .super-banner__figure-marker-icon-wrapper {
        background-color: #3bd6ff;
        -webkit-box-shadow: 0 0 12px rgba(59, 214, 255, .501);
        box-shadow: 0 0 12px rgba(59, 214, 255, .501)
    }
}

.super-banner:hover:before {
    opacity: 0
}

.super-banner:hover:after {
    opacity: 1
}

.ff-component .super-banner {
    margin-top: 0
}

@media (min-width:37.5rem) {
    .featured-fixtures:before {
        left: -webkit-calc(-50vw - -18.75rem);
        left: calc(-50vw - -18.75rem)
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .featured-fixtures:before {
        left: -webkit-calc(-50vw - -24rem);
        left: calc(-50vw - -24rem)
    }
}

@media (max-width:63.99rem) {
    .featured-fixtures {
        padding-top: 18px;
        background: #dde6ed;
        position: relative
    }

    .featured-fixtures:before {
        content: "";
        position: absolute;
        background: #f3f6f9;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100vw
    }
}

@media (max-width:63.99rem) {
    .featured-fixtures {
        padding-right: 1rem;
        padding-left: 1rem
    }
}

@media (max-width:47.99rem) {
    .featured-fixtures {
        padding-right: .5rem;
        padding-left: .5rem
    }
}

@media (max-width:37.49rem) {
    .featured-fixtures {
        padding-right: .625rem;
        padding-left: .625rem
    }
}

@media (max-width:22.49rem) {
    .featured-fixtures {
        padding-left: .75rem;
        padding-right: .75rem
    }
}

.featured-fixtures__label {
    color: #001838;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .featured-fixtures__label {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .featured-fixtures__label {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

@media (min-width:48rem) {
    .featured-fixtures__label {
        margin-bottom: 5px
    }
}

@media (min-width:64rem) {
    .featured-fixtures__label {
        display: none
    }
}

.featured-fixtures__last-result {
    margin-top: 14px
}

@media (min-width:48rem) {
    .featured-fixtures__last-result {
        margin-top: 0
    }
}

.featured-fixtures .mc-fixture {
    padding-top: 18px
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .featured-fixtures .mc-fixture {
        height: 100%
    }
}

.featured-fixtures .mc-fixture .mc-fixture__header+.mc-fixture__competition-info {
    margin-top: 22px
}

@media (min-width:48rem) {
    .featured-fixtures .mc-fixture .mc-fixture__header+.mc-fixture__competition-info {
        margin-top: 15px
    }
}

.featured-fixtures .mc-fixture .mc-fixture__competitors+.mc-fixture__footer {
    margin-top: 20px
}

@media (min-width:48rem) {
    .featured-fixtures .mc-fixture .mc-fixture__competitors+.mc-fixture__footer {
        margin-top: 25px
    }
}

@media (min-width:48rem) {
    .featured-fixtures .mc-fixture .mc-fixture-start-time {
        top: 0
    }
}

.featured-fixtures .mc-fixture .mc-fixture-first-team__crest-container,
.featured-fixtures .mc-fixture .mc-fixture-second-team__crest-container {
    width: 52px;
    height: 52px
}

@media (min-width:48rem) and (max-width:63.99rem) {

    .featured-fixtures .mc-fixture .mc-fixture-first-team__crest-container,
    .featured-fixtures .mc-fixture .mc-fixture-second-team__crest-container {
        width: 45px;
        height: 45px;
        margin-bottom: 4px
    }
}

@media (min-width:64rem) {

    .featured-fixtures .mc-fixture .mc-fixture-first-team__crest-container,
    .featured-fixtures .mc-fixture .mc-fixture-second-team__crest-container {
        margin-bottom: 7px
    }
}

.featured-fixtures .mc-fixture .mc-fixture-first-team__crest,
.featured-fixtures .mc-fixture .mc-fixture-second-team__crest {
    max-width: 52px;
    max-height: 52px
}

@media (min-width:48rem) and (max-width:63.99rem) {

    .featured-fixtures .mc-fixture .mc-fixture-first-team__crest,
    .featured-fixtures .mc-fixture .mc-fixture-second-team__crest {
        max-width: 45px;
        max-height: 45px
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .featured-fixtures .mc-fixture {
        border-top: 1px solid #dde6ed
    }
}

@media (max-width:47.99rem) {
    .featured-news-list {
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media (max-width:47.99rem) and (min-width:22.5rem) {
    .featured-news-list {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media (max-width:47.99rem) and (min-width:37.5rem) {
    .featured-news-list {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.featured-news-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
    border-bottom: 1px solid #dde6ed
}

@media (max-width:47.99rem) {
    .featured-news-list__item {
        padding-right: 0;
        padding-bottom: 20px;
        padding-left: 0
    }
}

@media (min-width:48rem) {
    .featured-news-list__item {
        margin-bottom: 0;
        border-bottom: 0
    }
}

@media (min-width:48rem) {
    .featured-news-list__item:nth-child(-n+2) {
        margin-bottom: 24px
    }
}

@media (min-width:64rem) {

    .featured-news-list__item:first-child,
    .featured-news-list__item:nth-child(2) {
        min-width: 244px
    }
}

@media (min-width:64rem) {

    .featured-news-list__item:first-child .news-card__figure-wrapper,
    .featured-news-list__item:nth-child(2) .news-card__figure-wrapper {
        margin-bottom: 11px
    }
}

@media (min-width:48rem) {

    .featured-news-list__item:first-child .news-card__figure-marker-icon-wrapper,
    .featured-news-list__item:nth-child(2) .news-card__figure-marker-icon-wrapper {
        width: 64px;
        height: 64px
    }
}

@media (min-width:48rem) {

    .featured-news-list__item:first-child .news-card__heading-icon-wrapper,
    .featured-news-list__item:nth-child(2) .news-card__heading-icon-wrapper {
        display: none
    }
}

@media (min-width:48rem) {

    .featured-news-list__item:first-child .news-card__figure-marker,
    .featured-news-list__item:nth-child(2) .news-card__figure-marker {
        display: block
    }
}

.featured-news-list__item:last-child {
    margin-bottom: 0;
    border-bottom: 0
}

.featured-news .super-banner {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    margin-top: 0
}

@media (max-width:63.99rem) {
    .featured-promo-banner {
        margin-bottom: 25px
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .featured-promo-banner__image-wrapper {
        padding-top: 34.45%
    }
}

.featured-promo-banner__image {
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .featured-promo-banner__image {
        height: 248px
    }
}

@media (max-width:63.99rem) {
    .last-result-banner {
        margin-bottom: 0
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .last-result-banner__image-wrapper {
        padding-top: 56.25%
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .last-result-banner__image {
        height: auto
    }
}

.featured-mpu-slot {
    display: none;
    text-align: center;
    margin-top: 95px
}

@media (min-width:64rem) {
    .featured-mpu-slot {
        display: block
    }
}

.home-section__header {
    margin-bottom: 20px
}

@media (max-width:37.49rem) {
    .home-section__header {
        padding-top: 0;
        padding-bottom: 0
    }
}

@media (max-width:19.99rem) {
    .home-section__header .super-banner--busted-out {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .home-section__header .super-banner--busted-out {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .home-section__header .super-banner--busted-out {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:37.5rem) {
    .home-section__header {
        margin-bottom: 10px
    }
}

@media (min-width:48rem) {
    .home-section__header {
        margin-bottom: 13px
    }
}

@media (min-width:64rem) {
    .home-section__header {
        margin-bottom: 18px
    }
}

.home-section__footer {
    margin-top: 6px;
    margin-bottom: 27px
}

@media (min-width:48rem) {
    .home-section__footer {
        margin-top: 22px;
        margin-bottom: 41px
    }
}

@media (min-width:64rem) {
    .home-section__footer {
        margin-top: 32px
    }
}

.widgets-section {
    display: none
}

.widgets-section__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .widgets-section__content {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:48rem) {
    .widgets-section__body {
        margin-top: -26px
    }
}

@media (min-width:64rem) {
    .widgets-section__body {
        margin-top: -34px;
        margin-left: -2px
    }
}

@media (max-width:47.99rem) {
    .widgets-section__button-section {
        margin-top: 27px
    }
}

@media (min-width:64rem) {
    .widgets-section__button-section {
        display: none
    }
}

.widgets-section__user {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:47.99rem) {
    .widgets-section__user {
        margin-top: 14px
    }
}

@media (min-width:64rem) {
    .widgets-section__user {
        margin-top: -10px;
        margin-left: -2px
    }
}

.widgets-section__user-icon-wrapper {
    width: 35px;
    height: 35px;
    border: 2px solid #001838;
    border-radius: 50%;
    margin-right: 9px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media (min-width:48rem) {
    .widgets-section__user-icon-wrapper {
        width: 42px;
        height: 42px;
        margin-right: 13px
    }
}

@media (min-width:64rem) {
    .widgets-section__user-icon-wrapper {
        margin-right: 15px
    }
}

.widgets-section__user-icon {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    font-size: 10px
}

.widgets-section__user-icon--avatar {
    display: none
}

.widgets-section__user-name {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.13;
    color: #001838
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .widgets-section__user-name {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

@media (min-width:48rem) {
    .widgets-section__user-name {
        font-size: 18px;
        line-height: 1.11
    }
}

.widgets-section__user-name:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838;
    will-change: opacity
}

.widgets-section__cityzens-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.widgets-section__cityzens-icon img {
    width: 65px;
    height: 62px
}

@media (min-width:48rem) {
    .widgets-section__cityzens-icon img {
        width: 98px;
        height: 94px
    }
}

.widgets-section .explore-more__link {
    min-width: auto
}

.widgets-section-cityzens-banner {
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 115px;
    background: #f3f6f9
}

@media (min-width:48rem) {
    .widgets-section-cityzens-banner {
        margin-top: 52px
    }
}

@media (min-width:64rem) {
    .widgets-section-cityzens-banner {
        margin-top: 60px
    }
}

.small-widget-card:hover .small-widget-card__heading {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    will-change: opacity
}

.small-widget-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

.small-widget-card__figure-wrapper {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0
}

.small-widget-card__figure-container {
    position: relative;
    display: block;
    background-size: contain;
    padding-top: 77.15%
}

.small-widget-card__figure-image {
    overflow: hidden;
    font-size: 10px;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.small-widget-card__category {
    margin-bottom: 0;
    font-size: 12px;
    color: #69738c;
    text-transform: uppercase;
    margin-top: 13px
}

@media (min-width:48rem) {
    .small-widget-card__category {
        font-size: 13px;
        margin-top: 15px
    }
}

@media (min-width:64rem) {
    .small-widget-card__category {
        margin-top: 12px
    }
}

.small-widget-card__heading {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 10px;
    font-weight: 700;
    color: #001838;
    
    padding-right: 5px;
    max-height: 55px;
    font-size: 15px;
    line-height: 19px
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .small-widget-card__heading {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

@media (min-width:48rem) {
    .small-widget-card__heading {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        font-size: 17px;
        line-height: 21px;
        margin-top: 9px;
        max-height: 77px
    }
}

@media (min-width:64rem) {
    .small-widget-card__heading {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        margin-top: 4px;
        max-height: 172px
    }
}

@media (max-width:47.99rem) {
    .home-videos-list {
        padding-left: .25rem;
        padding-right: .25rem
    }
}

@media (max-width:47.99rem) and (min-width:22.5rem) {
    .home-videos-list {
        padding-left: .375rem;
        padding-right: .375rem
    }
}

@media (max-width:47.99rem) and (min-width:37.5rem) {
    .home-videos-list {
        padding-left: .5rem;
        padding-right: .5rem
    }
}

.home-videos-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px
}

.home-videos-list__item:nth-last-child(-n+2) {
    margin-bottom: 0
}

@media (max-width:47.99rem) {
    .home-videos-list__item:nth-child(odd) {
        padding-right: 4px
    }

    .home-videos-list__item:nth-child(2n) {
        padding-left: 4px
    }
}

@media (max-width:47.99rem) {
    .home-videos-list__item {
        padding-right: 0;
        padding-bottom: 14px;
        padding-left: 0
    }
}

@media (min-width:48rem) {
    .home-videos-list__item {
        margin-bottom: 0;
        border-bottom: 0
    }
}

.home-videos-list__item .news-card {
    width: 100%
}

.home-videos-list__item .news-card__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.home-videos-list__item .news-card__figure-wrapper {
    width: 100%;
    margin-right: 0;
    margin-bottom: 12px
}

@media (min-width:48rem) {
    .home-videos-list__item .news-card__figure-wrapper {
        margin-bottom: 14px
    }
}

.home-videos-list__item .news-card__figure-marker-icon-wrapper {
    width: 36px;
    height: 36px
}

.home-city-tv {
    margin-top: 42px
}

@media (min-width:64rem) {
    .home-city-tv {
        margin-top: 38px
    }
}

.home-city-tv__advertisement-wrapper {
    background: #f3f6f9
}

.home-city-tv__advertisement {
    margin: 0 auto;
    width: 100%;
    max-width: 320px;
    min-height: 90px
}

@media (min-width:48rem) {
    .home-city-tv__advertisement {
        max-width: 100%
    }
}

.home-city-tv .super-banner {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3);
    margin-top: 0
}

.home-city-tv .home-section__header {
    margin-bottom: 28px
}

@media (min-width:48rem) {
    .home-city-tv .home-section__header {
        margin-bottom: 18px
    }
}

@media (min-width:64rem) {
    .home-city-tv .home-section__header {
        margin-bottom: 12px
    }
}

.home-city-tv .home-section__footer {
    margin-top: 11px;
    margin-bottom: 40px
}

@media (min-width:48rem) {
    .home-city-tv .home-section__footer {
        margin-top: 22px;
        margin-bottom: 48px
    }
}

@media (min-width:64rem) {
    .home-city-tv .home-section__footer {
        margin-top: 17px;
        margin-bottom: 0
    }
}

.team-news-list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.team-news-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.team-news-list__item .news-card {
    width: 100%
}

@media (max-width:47.99rem) {
    .team-news-list__item .news-card {
        padding-bottom: 20px;
        margin-bottom: 9px;
        border-bottom: 1px solid #dde6ed
    }
}

.team-news-list__item:last-child .news-card {
    margin-bottom: 0;
    border-bottom: 0
}

@media (min-width:64rem) {
    .team-news-list__item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .team-news-list__item .news-card {
        width: 145px
    }

    .team-news-list__item:first-child .news-card {
        width: 229px
    }
}

@media (max-width:47.99rem) {
    .team-news-list__item:first-child .news-card {
        padding-bottom: 32px
    }
}

.team-news-list__item:first-child .news-card__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.team-news-list__item:first-child .news-card__figure-wrapper {
    width: 100%;
    margin: 0 0 15px
}

@media (min-width:64rem) {
    .team-news-list__item:first-child .news-card__figure-wrapper {
        margin: 0 0 11px
    }
}

.team-news-list__item:first-child .news-card__figure-marker-icon-wrapper {
    width: 56px;
    height: 56px
}

@media (min-width:37.5rem) {
    .team-news-list__item:first-child .news-card__figure-marker-icon-wrapper {
        width: 64px;
        height: 64px
    }
}

@media (min-width:64rem) {
    .team-news-list__item:first-child .news-card__figure-marker-icon-wrapper {
        width: 40px;
        height: 40px
    }
}

.team-news-list__item:first-child .news-card__heading-icon-wrapper {
    display: none
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .team-news-list__item:first-child .news-card__figure-container {
        padding-top: 62%
    }
}

.team-news-section-wrapper:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .team-news-section-wrapper:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .team-news-section-wrapper:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .team-news-section-wrapper:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .team-news-section-wrapper:not(:first-child) {
        margin-top: 43px
    }
}

.team-news-section__label {
    color: #001838;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}
@media (min-width:64rem) {
    .team-news-section__label {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0;
        margin-left: -2px
    }
}

.team-news-section__fixture-wrapper {
    margin-bottom: 12px
}

@media (min-width:48rem) {
    .team-news-section__fixture-wrapper {
        margin-bottom: 0
    }
}

@media (max-width:63.99rem) {
    .team-news-section__ad-wrapper {
        display: none
    }
}

.team-news-section .explore-more {
    margin-top: 8px
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .team-news-section .explore-more {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 12px
    }

    .team-news-section .explore-more__link {
        margin-right: 8.6%
    }
}

@media (min-width:64rem) {
    .team-news-section .explore-more {
        margin-top: 31px
    }
}

@media (min-width:64rem) {
    .team-news-section__body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-left: -12px
    }

    .team-news-section__body--no-side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.team-news-section .mc-fixture {
    margin-top: 13px
}

@media (min-width:48rem) {
    .team-news-section .mc-fixture {
        margin-top: 5px
    }
}

@media (min-width:64rem) {
    .team-news-section .mc-fixture {
        margin-top: 0
    }
}

.team-news-section .mc-fixture[min-width~="360"] {
    position: relative
}

.team-news-section .mc-fixture[min-width~="360"] .mc-fixture__footer {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.team-news-section .mc-fixture[min-width~="360"] .mc-fixture__header {
    position: absolute;
    width: 94%;
    width: -webkit-calc(100% - 32px);
    width: calc(100% - 32px);
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    z-index: 2
}

.team-news-section .mc-fixture[min-width~="360"] .mc-fixture__competition-info {
    margin-top: 0
}

.team-news-section .mc-fixture[min-width~="360"] .mc-fixture-header__heading {
    max-width: 25%
}

.team-news-section .team-news-list {
    margin-top: 3px
}

@media (min-width:48rem) {
    .team-news-section .team-news-list {
        margin-top: 0
    }
}

@media (min-width:64rem) {
    .team-news-section .team-news-list {
        margin-top: -10px
    }
}

.ff-section__small-content .team-news-section__main {
    width: 100%
}

.ff-section__small-content .team-news-section__label,
.ff-section__small-content .team-news-section__main {
    padding-left: 0;
    padding-right: 0
}

.home-ads-panel {
    position: relative;
    margin-top: 0;
    padding-top: 28px;
    padding-bottom: 28px;
    background: #f3f6f9
}

@media (max-width:19.99rem) {
    .home-ads-panel {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .home-ads-panel {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .home-ads-panel {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:37.5rem) and (max-width:47.99rem) {
    .home-ads-panel {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .home-ads-panel {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

@media (min-width:37.5rem) {
    .home-ads-panel:before {
        content: "";
        position: absolute;
        background: #f3f6f9;
        top: 0;
        right: 0;
        bottom: 0;
        left: -webkit-calc(-50vw - -18.75rem);
        left: calc(-50vw - -18.75rem);
        width: 100vw;
        z-index: -1
    }
}

@media (min-width:37.5rem) and (min-width:48rem) and (max-width:63.99rem) {
    .home-ads-panel:before {
        left: -webkit-calc(-50vw - -24rem);
        left: calc(-50vw - -24rem)
    }
}

@media (min-width:37.5rem) and (min-width:64rem) {
    .home-ads-panel:before {
        width: -webkit-calc(100% + 68px);
        width: calc(100% + 68px);
        left: -35px;
        background: #f3f6f9
    }
}

@media (min-width:48rem) {
    .home-ads-panel {
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@media (min-width:64rem) {
    .home-ads-panel {
        margin-top: 17px;
        background: #f3f6f9
    }
}

.home-ads-panel__title {
    margin-left: 1rem;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 26px;
    letter-spacing: .25px
}

@media (min-width:48rem) {
    .home-ads-panel__title {
        font-size: 31px;
        line-height: 32px;
        letter-spacing: .31px;
        margin-left: 1.5rem
    }
}

@media (min-width:64rem) {
    .home-ads-panel__title {
        margin-left: 0
    }
}

.home-ads-panel__list {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    overflow-x: scroll
}

.home-ads-panel__list::-webkit-scrollbar {
    display: none
}

.home-ads-panel__list-item {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 229px;
    height: 129px;
    overflow: hidden;
    margin-right: 16px
}

@media (min-width:64rem) {
    .home-ads-panel__list-item {
        width: 314px;
        height: 175px
    }
}

.home-ads-panel__list-item:first-child {
    margin-left: 16px
}

@media (min-width:48rem) {
    .home-ads-panel__list-item:first-child {
        margin-left: 24px
    }
}

@media (min-width:64rem) {
    .home-ads-panel__list-item:first-child {
        margin-left: 0
    }
}

.home-ads-panel__list-item:nth-last-child(2) {
    margin-right: 16px
}

@media (min-width:48rem) {
    .home-ads-panel__list-item:nth-last-child(2) {
        margin-right: 24px
    }
}

@media (min-width:64rem) {
    .home-ads-panel__list-item:nth-last-child(2) {
        margin-right: 0
    }
}

.home-ads-panel__list-item--hidden-spacer {
    width: 1px;
    height: 1px;
    content: "";
    visibility: hidden;
    margin: 0
}

.homepage-ads__billboard,
.homepage-ads__leaderboard {
    margin-top: 40px;
    overflow: hidden;
    text-align: center;
    background: #f3f6f9
}

@media (min-width:48rem) and (max-width:63.99rem) {

    .homepage-ads__billboard,
    .homepage-ads__leaderboard {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

@media (max-width:352px) {

    .homepage-ads__billboard,
    .homepage-ads__leaderboard {
        display: none
    }
}

@media (min-width:64rem) {

    .homepage-ads__billboard,
    .homepage-ads__leaderboard {
        margin-top: 77px
    }
}

@media (min-width:48rem) {
    .homepage-ads__billboard {
        margin-top: 55px
    }
}

@media (min-width:64rem) {
    .homepage-ads__billboard {
        margin-top: 65px
    }
}

@media (min-width:48rem) {
    .homepage-ads__leaderboard {
        margin-top: 40px
    }
}

@media (min-width:64rem) {
    .homepage-ads__leaderboard {
        margin-top: 67px
    }
}

.homepage-ads__bottom-ads-panel {
    margin-bottom: 15px;
    margin-top: 15px
}

@media (min-width:48rem) {
    .homepage-ads__bottom-ads-panel {
        margin-bottom: 20px;
        margin-top: 20px
    }
}

@media (min-width:64rem) {
    .homepage-ads__bottom-ads-panel {
        margin-bottom: 30px;
        margin-top: 30px
    }
}

.widgets-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    background-color: #001838
}

@media (min-width:48rem) {
    .widgets-banner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:64rem) {
    .widgets-banner:after {
        width: 45%
    }
}

.widgets-banner__figure-wrapper {
    width: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin: 0
}

.widgets-banner__figure-container {
    position: relative;
    display: block;
    z-index: 2;
    width: 100%
}

@media (min-width:48rem) {
    .widgets-banner__figure-container {
        width: 60%
    }
}

@media (min-width:64rem) {
    .widgets-banner__figure-container {
        width: -webkit-calc(100% - 337px);
        width: calc(100% - 337px)
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .widgets-banner__figure-container {
        overflow: hidden
    }
}

@media (min-width:48rem) {
    .widgets-banner__figure-container.mc-aspect-ratio-box {
        padding-top: 36.8%
    }
}

.widgets-banner__figure-image {
    overflow: hidden;
    font-size: 10px;
    height: auto;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

@media (min-width:48rem) {
    .widgets-banner__figure-image {
        height: 100%
    }
}

@media (-ms-high-contrast:active),
(-ms-high-contrast:none) {
    .widgets-banner__figure-image {
        height: auto
    }
}

.widgets-banner__content {
    z-index: 3;
    padding: 20px 30px;
    background: #001838
}

@media (min-width:48rem) {
    .widgets-banner__content {
        position: absolute;
        bottom: 0;
        right: 0;
        width: 40%;
        height: 58%;
        padding: 0 30px
    }
}

@media (min-width:64rem) {
    .widgets-banner__content {
        width: 337px;
        padding: 16px 50px 48px
    }
}

.widgets-banner__icon-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.widgets-banner__icon {
    width: 100px;
    height: 100px
}

.widgets-banner__body {
    color: #fff;
    text-align: center;
    font-weight: 700;
    
    font-size: 19px;
    line-height: 26px;
    letter-spacing: 0
}

@media (min-width:37.5rem) {
    .widgets-banner__body {
        font-size: 20px;
        line-height: 28px;
        line-height: 26px
    }
}

@media (min-width:64rem) {
    .widgets-banner__body {
        width: 90%;
        line-height: 24px;
        margin: 0 auto
    }
}

.widgets-banner__footer {
    margin-top: 15px
}

@media (min-width:64rem) {
    .widgets-banner__footer {
        margin-top: 32px
    }
}

.widgets-banner__footer .mc-button {
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    padding: 10px 12px
}

@media (min-width:64rem) {
    .widgets-banner__footer .mc-button {
        width: 237px
    }
}

.widgets-banner__header-container {
    position: absolute
}

@media (max-width:47.99rem) {
    .widgets-banner__header-container {
        top: -84px;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
        z-index: 1
    }
}

@media (min-width:48rem) {
    .widgets-banner__header-container {
        top: 15px;
        right: 0;
        width: 40%;
        z-index: 3
    }
}

@media (min-width:64rem) {
    .widgets-banner__header-container {
        top: 44px;
        width: 337px
    }
}

.top-widget {
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    border: 1px solid #98c5e9;
    margin-bottom: 16px
}

@media (min-width:48rem) {
    .top-widget {
        margin-bottom: 11px
    }
}

@media (min-width:64rem) {
    .top-widget {
        margin-bottom: 0
    }
}

.top-widget__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:48rem) {
    .top-widget__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.top-widget__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    padding: 14px 16px 21px
}

@media (min-width:48rem) {
    .top-widget__main {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding: 20px 16px;
        width: 245px
    }
}

@media (min-width:64rem) {
    .top-widget__main {
        width: 248px;
        padding: 19px 16px
    }
}

.top-widget__heading {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    max-height: 80px;
    color: #001838;
    text-transform: uppercase;
    margin-top: 6px;
    padding-bottom: 1px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .top-widget__heading {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

@media (min-width:37.5rem) {
    .top-widget__heading {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .top-widget__heading {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.top-widget__heading:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    will-change: opacity
}

@media (min-width:48rem) {
    .top-widget__heading {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 13;
        -webkit-box-orient: vertical;
        margin-top: 10px;
        max-height: 285px
    }
}

@media (min-width:64rem) {
    .top-widget__heading {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 9;
        -webkit-box-orient: vertical;
        margin-top: 6px;
        max-height: 200px
    }
}

.top-widget__image-wrapper {
    height: 0;
    padding-top: 78.43%;
    overflow: hidden;
    position: relative
}

.top-widget__image {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top
}

.top-widget__category {
    font-size: 12px;
    color: #69738c;
    margin-bottom: 3px;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .top-widget__category {
        font-size: 13px
    }
}

.top-widget__footer {
    position: absolute;
    bottom: 17px
}

.top-widget__footer .mc-button {
    width: 216px
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

h1 {
    margin-top: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    letter-spacing: .46px
}

@media (min-width:37.5rem) {
    h1 {
        font-size: 52px;
        line-height: 52px;
        letter-spacing: .62px
    }
}

h1:last-child {
    
    margin-bottom: 0
}

h2 {
    margin-top: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}


@media (min-width:64rem) {
    h2 {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

h2:last-child {
    color: #efff00;
    margin-bottom: 0
}

h3 {
    margin-top: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    h3 {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    h3 {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

h3:last-child {
    margin-bottom: 0
}

h4 {
    margin-top: 0;
    
    font-size: 14px;
    line-height: 18px;
    font-weight: 700
}

@media (min-width:37.5rem) {
    h4 {
        font-size: 16px;
        line-height: 20px
    }
}

h4:last-child {
    margin-bottom: 0
}

h5 {
    margin-top: 0
}

h5:last-child {
    margin-bottom: 0
}

h6 {
    margin-top: 0
}

h6:last-child {
    margin-bottom: 0
}

p {
    margin-top: 0
}

p:last-child {
    margin-bottom: 0
}

blockquote {
    margin-top: 0
}

blockquote:last-child {
    margin-bottom: 0
}

dl {
    margin-top: 0
}

dl:last-child {
    margin-bottom: 0
}

ol,
ul {
    margin: 0;
    padding: 0
}

ol:last-child,
ul:last-child {
    margin-bottom: 0
}

li {
    list-style: none
}

a {
    color: #001838
}

a:hover {
    text-decoration: none
}

.ctaSmall,
.extraLargeTitle,
.largeFeatureTitle,
.largeTitle,
.mediumTitle,
.superXLFeatureTitle,
.titleFont,
.xlFeatureTitle {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.bodyFont,
.smallTitle {
    font-family: Kippax, sans-serif
}

.superXLFeatureTitle {
    font-size: 90px;
    line-height: 78px;
    letter-spacing: 0
}

@media (min-width:37.5rem) {
    .superXLFeatureTitle {
        font-size: 134px;
        line-height: 119px
    }
}

@media (min-width:64rem) {
    .superXLFeatureTitle {
        font-size: 157px;
        line-height: 140px
    }
}

.xlFeatureTitle {
    font-size: 65px;
    line-height: 58px;
    letter-spacing: 0
}

@media (min-width:37.5rem) {
    .xlFeatureTitle {
        font-size: 90px;
        line-height: 82px
    }
}

@media (min-width:64rem) {
    .xlFeatureTitle {
        font-size: 100px;
        line-height: 92px
    }
}

.largeFeatureTitle {
    font-size: 43px;
    line-height: 42px;
    letter-spacing: 0
}

@media (min-width:37.5rem) {
    .largeFeatureTitle {
        font-size: 44px;
        line-height: 40px
    }
}

@media (min-width:64rem) {
    .largeFeatureTitle {
        font-size: 55px;
        line-height: 50px
    }
}

.smallTitle {
    
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0
}

@media (min-width:37.5rem) {
    .smallTitle {
        font-size: 17px;
        line-height: 20px
    }
}

.mediumTitle {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .mediumTitle {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .mediumTitle {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.largeTitle {
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px
}

@media (min-width:37.5rem) {
    .largeTitle {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .largeTitle {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: .4px
    }
}

.extraLargeTitle {
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}

@media (min-width:64rem) {
    .extraLargeTitle {
        font-size: xx-large;
        line-height: 59px
    }
}

.ctaSmall {
    font-size: 13px;
    line-height: 14px;
    letter-spacing: .13px
}

.ff-content {
    padding-bottom: 28px
}

@media (min-width:22.5rem) {
    .ff-content {
        padding-bottom: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-content {
        padding-bottom: 28px
    }
}

@media (min-width:48rem) {
    .ff-content {
        padding-bottom: 34px
    }
}

@media (min-width:64rem) {
    .ff-content {
        padding-bottom: 43px
    }
}

.ff-content button.crt-panel-prev {
    left: 20px
}

.ff-content button.crt-panel-next {
    right: 20px
}

.ff-section__small-content img {
    max-width: 100%
}

@media (max-width:63.99rem) {
    .ff-section__small-content--tweak-column {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }
}

.ff-section__small-content {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-section__small-content {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-section__small-content {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-section__small-content {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-section__small-content {
        margin-top: 43px
    }
}

.ff-section__content:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-section__content:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-section__content:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-section__content:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-section__content:not(:first-child) {
        margin-top: 43px
    }
}

.ff-section__content:first-child {
    padding-top: 28px
}

@media (min-width:22.5rem) {
    .ff-section__content:first-child {
        padding-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-section__content:first-child {
        padding-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-section__content:first-child {
        padding-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-section__content:first-child {
        padding-top: 43px
    }
}

.mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section__content.ff-section--divided:before {
    display: block;
    content: "";
    height: 36px;
    background-image: url(https://web-assets.mancity.com/dist/images/mask.png);
    border-bottom: 6px solid #e6ff00;
    max-width: 1280px;
    width: 100vw;
    position: relative;
    margin: 0 auto
}

@media (min-width:37.5rem) {
    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section__content.ff-section--divided:before {
        height: 40px
    }
}

@media (min-width:64rem) {
    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section__content.ff-section--divided:before {
        height: 55px
    }
}

.ff-section__content .ff-more-info-cards:first-child,
.ff-section__content .ff-summary-card-section--bg:first-child,
.ff-section__content .ff-tours-finder--results:first-child,
.ff-section__content .ff-tours-timeslots:first-child,
.ff-section__content .help__header:first-child {
    margin-top: -28px
}

@media (min-width:22.5rem) {

    .ff-section__content .ff-more-info-cards:first-child,
    .ff-section__content .ff-summary-card-section--bg:first-child,
    .ff-section__content .ff-tours-finder--results:first-child,
    .ff-section__content .ff-tours-timeslots:first-child,
    .ff-section__content .help__header:first-child {
        margin-top: -28px
    }
}

@media (min-width:37.5rem) {

    .ff-section__content .ff-more-info-cards:first-child,
    .ff-section__content .ff-summary-card-section--bg:first-child,
    .ff-section__content .ff-tours-finder--results:first-child,
    .ff-section__content .ff-tours-timeslots:first-child,
    .ff-section__content .help__header:first-child {
        margin-top: -28px
    }
}

@media (min-width:48rem) {

    .ff-section__content .ff-more-info-cards:first-child,
    .ff-section__content .ff-summary-card-section--bg:first-child,
    .ff-section__content .ff-tours-finder--results:first-child,
    .ff-section__content .ff-tours-timeslots:first-child,
    .ff-section__content .help__header:first-child {
        margin-top: -34px
    }
}

@media (min-width:64rem) {

    .ff-section__content .ff-more-info-cards:first-child,
    .ff-section__content .ff-summary-card-section--bg:first-child,
    .ff-section__content .ff-tours-finder--results:first-child,
    .ff-section__content .ff-tours-timeslots:first-child,
    .ff-section__content .help__header:first-child {
        margin-top: -43px
    }
}

@media (min-width:48rem) {
    .ff-section__content .ff-takeover-header:first-child {
        margin-top: -43px
    }
}

.mc-main-content .ff-section__content.ff-section-bg-colour,
.mc-main-content .ff-section__grid.ff-section-bg-colour {
    padding: 28px 0;
    margin-top: 0
}

@media (min-width:22.5rem) {

    .mc-main-content .ff-section__content.ff-section-bg-colour,
    .mc-main-content .ff-section__grid.ff-section-bg-colour {
        padding: 28px 0
    }
}

@media (min-width:37.5rem) {

    .mc-main-content .ff-section__content.ff-section-bg-colour,
    .mc-main-content .ff-section__grid.ff-section-bg-colour {
        padding: 28px 0
    }
}

@media (min-width:48rem) {

    .mc-main-content .ff-section__content.ff-section-bg-colour,
    .mc-main-content .ff-section__grid.ff-section-bg-colour {
        padding: 34px 0
    }
}

@media (min-width:64rem) {

    .mc-main-content .ff-section__content.ff-section-bg-colour,
    .mc-main-content .ff-section__grid.ff-section-bg-colour {
        padding: 43px 0
    }
}

.mc-main-content .ff-section__content.ff-section-bg-colour--white,
.mc-main-content .ff-section__grid.ff-section-bg-colour--white {
    background-color: #fff
}

.mc-main-content .ff-section__content.ff-section-bg-colour--light-grey,
.mc-main-content .ff-section__grid.ff-section-bg-colour--light-grey {
    background-color: #dde6ed
}

.mc-main-content .ff-section__content.ff-section-bg-colour--city-sky-blue,
.mc-main-content .ff-section__grid.ff-section-bg-colour--city-sky-blue {
    background-color: #6caddf
}

.mc-main-content .ff-section__content.ff-section-bg-colour--city-dark-blue,
.mc-main-content .ff-section__grid.ff-section-bg-colour--city-dark-blue {
    background-color: #001838
}

.mc-main-content .ff-section__content.ff-section-bg-colour--city-electric-blue,
.mc-main-content .ff-section__grid.ff-section-bg-colour--city-electric-blue {
    background-color: #3bd6ff
}

.mc-main-content .ff-section__content.ff-section-bg-colour.ff-section--divided,
.mc-main-content .ff-section__grid.ff-section-bg-colour {
    padding-top: 0
}

@media (max-width:63.99rem) {

   .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content:before {
        display: block;
        content: "";
        height: 36px;
        background-image: url(https://web-assets.mancity.com/dist/images/mask.png);
        border-bottom: 6px solid #e6ff00;
        width: 100vw;
        position: relative;
        left: 50%;
        right: 50%;
        margin-left: -50vw;
        margin-right: -50vw;
        top: -28px;
        background-color: #fff
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {

    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content {
        background-color: #fff
    }

    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content>* {
        position: relative;
        z-index: 3;
        background-color: #fff;
        margin-top: 18px
    }

   mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content:before {
        height: 120px;
        border-bottom: none;
        position: absolute;
        z-index: 1
    }

    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content:after {
        display: block;
        content: "";
        height: 120px;
        width: -webkit-calc(50vw + 306.5px);
        width: calc(50vw + 306.5px);
        position: absolute;
        top: 18px;
        right: 0;
        background-color: #fff;
        border-top: 6px solid #e6ff00;
        z-index: 2
    }

  
}

@media (min-width:64rem) {

    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content {
        margin-top: -81px;
        background-color: #fff;
        z-index: 2
    }

    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content:before {
        display: block;
        content: "";
        border-bottom: 6px solid #e6ff00;
        width: 100%;
        position: absolute;
        right: 0;
        top: 0
    }

    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content:after {
        display: block;
        content: "";
        position: absolute;
        top: 6px;
        right: 0;
        height: 81px;
        background-color: #fff;
        z-index: 1
    }

  .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content>* {
        position: relative;
        z-index: 3
    }

    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content:after,
    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided .ff-section__small-content:before {
        width: 58.33vw;
        max-width: 722.62px
    }

   

    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided.grid:before {
        display: block;
        content: "";
        height: 136px;
        background-image: url(https://web-assets.mancity.com/dist/images/mask.png);
        max-width: 1280px;
        width: 100vw;
        position: relative;
        margin: 0 -webkit-calc(-50vw + 498px);
        margin: 0 calc(-50vw + 498px)
    }
}

@media (min-width:1280px) {

    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided.grid:after,
    .mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey) .ff-section--divided.grid:before {
        margin: 0 -142px
    }
}

..mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey).mc-main-content--off-white .ff-section--divided .ff-section__small-content {
    background-color: #f3f6f9
}

.mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey).mc-main-content--off-white .ff-section--divided .ff-section__small-content:after,
.mc-main-content:not(.mc-main-content--obsidian-navy):not(.mc-main-content--ucl):not(.mc-main-content--obsidian-blue):not(.mc-main-content--dark-grey).mc-main-content--off-white .ff-section--divided .ff-section__small-content>* {
    background-color: #f3f6f9
}

.ff-anchor {
    position: relative
}

.ff-anchor__link {
    height: 1px;
    top: -64px;
    position: absolute;
    visibility: hidden
}

@media (min-width:48rem) {
    .ff-anchor__link {
        top: -78px
    }
}

@media (min-width:64rem) {
    .ff-anchor__link {
        top: -96px
    }
}

.ff-component:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-component:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-component:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-component:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-component:not(:first-child) {
        margin-top: 43px
    }
}

@media (min-width:48rem) {
    .mc-main-content--obsidian-blue.ff-content>:last-child:not(.ff-summary-card-section) {
        padding-bottom: 57px
    }
}

@media (min-width:64rem) {
    .mc-main-content--obsidian-blue.ff-content>:last-child:not(.ff-summary-card-section) {
        padding-bottom: 108px
    }
}

.ff-download-section:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-download-section:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-download-section:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-download-section:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-download-section:not(:first-child) {
        margin-top: 43px
    }
}

@media (max-width:47.99rem) {
    .ff-download-section__list-wrapper:not(:first-child) {
        margin-top: 16px
    }
}

.ff-download-list {
    border-top: 1px solid #dde6ed
}

.ff-download-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 15px
}

.ff-download-list__item:not(:first-child) {
    margin-top: 10px
}

.ff-download-list__item--no-icon {
    padding-left: 34px
}

.ff-download-list__item-icon {
    margin-right: 10px
}

.ff-download-list__item-icon svg {
    width: 24px;
    height: 24px;
    color: #001838
}

.ff-download-list__item-content {
    padding-top: 6px
}

.ff-download-list__link {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.13;
    color: #001838;
    text-decoration: none
}

@media (min-width:48rem) {
    .ff-download-list__link {
        font-size: 18px;
        line-height: 1.11
    }
}

.ff-download-list__link--light {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.29;
    text-decoration: underline
}

.ff-download-list__file-info {
    font-size: 14px;
    line-height: 1.29;
    color: #001838;
    display: block
}

@media (min-width:48rem) {
    .ff-download-list__file-info {
        margin-top: 5px
    }
}

.ff-callout-side-panel {
    border-top: 3px solid #3bd6ff;
    background: #f3f6f9
}

.ff-callout-side-panel:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-callout-side-panel:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-callout-side-panel:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-callout-side-panel:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-callout-side-panel:not(:first-child) {
        margin-top: 43px
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-callout-side-panel__header-wrapper {
        padding-bottom: 0
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-callout-side-panel__header {
        height: 100%;
        padding: 0
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-callout-side-panel__img {
        height: 100%;
        -o-object-position: center;
        object-position: center;
        -o-object-fit: cover;
        object-fit: cover
    }
}

.ff-callout-side-panel__body {
    padding: 22px 20px 0
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-callout-side-panel__body {
        padding: 22px 0 0
    }
}

@media (min-width:64rem) {
    .ff-callout-side-panel__body {
        padding: 0 21px;
        margin-top: 7px
    }
}

.ff-callout-side-panel__title {
    color: #001838;
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .ff-callout-side-panel__title {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .ff-callout-side-panel__title {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.ff-callout-side-panel__text {
    margin-top: 11px;
    font-size: 14px;
    line-height: 1.29;
    color: #001838
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-callout-side-panel__text {
        margin-top: 16px
    }
}

@media (min-width:64rem) {
    .ff-callout-side-panel__text {
        margin-top: 16px
    }
}

.ff-callout-side-panel__footer {
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 23px;
    padding-bottom: 25px
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-callout-side-panel__footer {
        padding-left: 0;
        padding-right: 0;
        margin-top: 20px
    }
}

@media (min-width:64rem) {
    .ff-callout-side-panel__footer {
        padding-right: 22px;
        margin-top: 25px;
        padding-bottom: 18px
    }
}

.ff-callout-side-panel__button {
    background: #f3f6f9;
    overflow: hidden
}

.ff-callout-side-panel--blue.themed-component {
    border-top: unset;
    background: #001838
}

@media (min-width:64rem) {
    .ff-callout-side-panel--blue.themed-component {
        padding: 10px 0 0
    }
}

.ff-callout-side-panel--blue.themed-component .ff-callout-side-panel__body,
.ff-callout-side-panel--blue.themed-component .ff-callout-side-panel__footer {
    padding-right: 21px;
    padding-left: 21px
}

.ff-callout-side-panel--blue.themed-component .ff-callout-side-panel__title {
    color: #e6ff00
}

.ff-callout-side-panel--blue.themed-component .ff-callout-side-panel__text {
    color: #fff;
    font-size: 18px
}

.ff-callout-side-panel--blue.themed-component .ff-callout-side-panel__button {
    background: #e6ff00;
    color: #001838;
    
    font-weight: 700
}

.mc-main-content--dark-grey .ff-callout-side-panel {
    background: #001838;
    border-top: 3px solid #e6ff00
}

.mc-main-content--dark-grey .ff-callout-side-panel__body {
    padding: 0
}

.mc-main-content--dark-grey .ff-callout-side-panel__title {
    color: #fff;
    margin-top: 18px
}

@media (min-width:48rem) {
    .mc-main-content--dark-grey .ff-callout-side-panel__title {
        margin-top: 24px
    }
}

.mc-main-content--dark-grey .ff-callout-side-panel__text {
    margin-top: 28px;
    color: #fff
}

.mc-main-content--dark-grey .ff-callout-side-panel__text a {
    color: #e6ff00
}

@supports ((-webkit-text-decoration-color: #E6FF00) or (text-decoration-color: #E6FF00)) or (-webkit-text-decoration-color:#E6FF00) {
    .mc-main-content--dark-grey .ff-callout-side-panel__text a {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: #e6ff00;
        text-decoration-color: #e6ff00;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.mc-main-content--dark-grey .ff-callout-side-panel__text a:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    will-change: opacity
}

.mc-main-content--dark-grey .ff-callout-side-panel__button {
    color: #e6ff00;
    background: #001838;
    border: 1px solid #e6ff00
}

.mc-main-content--dark-grey .ff-callout-side-panel__button:hover {
    background-color: #f7cd76;
    color: #001838
}

.mc-main-content--dark-grey .ff-callout-side-panel__button:disabled {
    background: #f7cd76;
    color: #001838
}

.ff-contacts-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 9px 0
}

@media (min-width:48rem) {
    .ff-contacts-list {
        padding: 16px 0
    }
}

.ff-contacts-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 17px
}

@media (min-width:48rem) {
    .ff-contacts-list__item {
        margin-top: 20px
    }
}

.ff-contacts-list__item:first-child {
    margin-top: 0
}

.ff-contacts-list__item--additional {
    margin: 30px 0 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ff-contacts-list__item-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ff-contacts-list__item-heading {
    
    font-size: 13px;
    color: #e6ff00;
    line-height: 1.38;
    letter-spacing: 1px
}

.ff-contacts-list__item-content {
    padding: 0 8px;
    font-size: 16px;
    color: #001838;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
}

@media (min-width:48rem) {
    .ff-contacts-list__item-content {
        padding: 0 14px;
        font-size: 18px
    }
}

.ff-contacts-list__item-content>span {
    font-size: 14px
}

.ff-contacts-list__item-content>a[href^="tel:"] {
    text-decoration: none;
    color: #001838
}

.ff-contact-side-panel__heading {
    text-transform: uppercase;
    margin-bottom: 0;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .ff-contact-side-panel__heading {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .ff-contact-side-panel__heading {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px;
        width: 75%
    }
}

.ff-contact-side-panel__contact-team {
    border-top: 3px solid #3bd6ff;
    padding: 22px 20px;
    background-color: #f3f6f9
}

@media (min-width:48rem) {
    .ff-contact-side-panel__contact-team {
        padding: 22px 24px
    }
}

.ff-contact-side-panel__contact-team:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-contact-side-panel__contact-team:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-contact-side-panel__contact-team:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-contact-side-panel__contact-team:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-contact-side-panel__contact-team:not(:first-child) {
        margin-top: 43px
    }
}

.ff-contact-side-panel__contact-team .ff-contacts-list {
    margin-top: 13px
}

@media (min-width:48rem) {
    .ff-contact-side-panel__contact-team .ff-contacts-list {
        margin-top: 6px;
        padding: 16px 0 8px
    }
}

.ff-contact-side-panel__contact-team__heading {
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .ff-contact-side-panel__contact-team__heading {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .ff-contact-side-panel__contact-team__heading {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px;
        width: 75%
    }
}

.ff-contact-side-panel__contact-team--blue {
    background: #001838;
    padding: 25px 15px;
    border: none
}

@media (min-width:37.5rem) {
    .ff-contact-side-panel__contact-team--blue {
        padding: 25px 15px 25px 60px
    }
}

@media (min-width:48rem) {
    .ff-contact-side-panel__contact-team--blue {
        padding: 25px 15px
    }
}

.ff-contact-side-panel__contact-team--blue .ff-contact-side-panel__heading {
    color: #e6ff00
}

@media (min-width:37.5rem) {
    .ff-contact-side-panel__contact-team--blue .ff-contacts-list--additional {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:37.5rem) {

    .ff-contact-side-panel__contact-team--blue .ff-contacts-list,
    .ff-contact-side-panel__contact-team--blue .ff-contacts-list--additional {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:64rem) {

    .ff-contact-side-panel__contact-team--blue .ff-contacts-list,
    .ff-contact-side-panel__contact-team--blue .ff-contacts-list--additional {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:37.5rem) {
    .ff-contact-side-panel__contact-team--blue .ff-contacts-list__item {
        width: 50%;
        margin-top: 0
    }
}

@media (min-width:64rem) {
    .ff-contact-side-panel__contact-team--blue .ff-contacts-list__item {
        width: 100%;
        margin: 17px 0 0
    }

    .ff-contact-side-panel__contact-team--blue .ff-contacts-list__item:first-child {
        margin: 0
    }
}


.ff-contact-side-panel__contact-team--blue .ff-contacts-list__item-content a {
    font-weight: 700
}

.ff-contact-side-panel__contact-team--blue .ff-contacts-list__item-content,
.ff-contact-side-panel__contact-team--blue .ff-contacts-list__item-content a,
.ff-contact-side-panel__contact-team--blue span {
    color: #fff
}

@media (min-width:37.5rem) {
    .ff-contact-side-panel__contact-team--blue .ff-contacts-list__item--additional {
        width: 50%
    }
}

@media (min-width:64rem) {
    .ff-contact-side-panel__contact-team--blue .ff-contacts-list__item--additional {
        width: 100%
    }
}

.ff-contact-us-block__heading {
    
    font-size: 15px;
    line-height: 19px;
    word-spacing: 3px;
    margin-bottom: 5px
}

@media (min-width:48rem) {
    .ff-contact-us-block__heading {
        font-size: 17px;
        line-height: 21px
    }
}

.ff-contact-us-block__content>p {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 24px
}

@media (min-width:48rem) {
    .ff-contact-us-block__content>p {
        font-size: 17px;
        line-height: 21px;
        margin-bottom: 17px
    }
}

.ff-contact-us-block__content>a {
    letter-spacing: 1px;
    font-weight: 700;
    word-spacing: 2px;
    text-transform: uppercase
}

.ff-contact-us-block__content>a svg {
    display: inline-block;
    width: 13px;
    height: 13px
}

.ff-contact-us {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-contact-us {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-contact-us {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-contact-us {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-contact-us {
        margin-top: 43px
    }
}

.ff-contact-us__delimiter {
    margin-top: 0;
    margin-bottom: 18px;
    height: 1px;
    border: 0;
    background-color: #dde6ed
}

@media (min-width:48rem) {
    .ff-contact-us__delimiter {
        margin-bottom: 21px
    }
}

.ff-contact-us__heading {
    margin-bottom: 12px;
    color: #001838;
    text-transform: uppercase
}

@media (min-width:64rem) {
    .ff-contact-us__heading {
        margin-bottom: 18px
    }
}

.ff-contact-us__heading .ff-contact-us__delimiter {
    margin-top: 18px;
    margin-bottom: 0
}

@media (max-width:37.49rem) {
    .ff-contact-us__heading .ff-contact-us__delimiter {
        display: none
    }
}

@media (min-width:48rem) {
    .ff-contact-us__heading .ff-contact-us__delimiter {
        margin-top: 17px
    }
}

.ff-contact-us__item {
    margin-bottom: 13px;
    font-size: 14px
}

@media (min-width:48rem) {
    .ff-contact-us__item {
        margin-bottom: 27px
    }
}

@media (min-width:64rem) {
    .ff-contact-us__item {
        margin-bottom: 0
    }
}

@media (min-width:37.5rem) {
    .ff-contact-us__item .ff-contact-us__delimiter {
        display: none
    }
}

.ff-contact-us__item:last-child {
    margin-bottom: 0
}

@media (min-width:64rem) {
    .ff-contact-us__item:last-child {
        position: relative;
        padding-left: 32px
    }
}

.ff-contact-us__item:last-child .ff-contact-us__delimiter {
    display: block
}

@media (min-width:64rem) {
    .ff-contact-us__item:last-child .ff-contact-us__delimiter {
        content: "";
        position: absolute;
        width: 1px;
        height: 100%;
        top: -28px;
        left: 10px;
        background: #dde6ed
    }
}

.ff-contact-us--blue .grid {
    background-color: #001838;
    padding: 15px
}

@media (min-width:64rem) {
    .ff-contact-us--blue .grid {
        padding: 0 15px
    }
}

.ff-contact-us--blue .ff-contact-us__heading {
    color: #e6ff00;
    margin-top: 21px
}

.ff-contact-us--blue .ff-contact-us-block__heading {
    color: #e6ff00
}

.ff-contact-us--blue .ff-contact-us-block__content a,
.ff-contact-us--blue .ff-contact-us-block__content p {
    color: #fff
}

.ff-contact-us--blue .ff-contact-us-block__content span {
    color: hsla(0, 0%, 100%, .7)
}

.ff-contact-us--blue .ff-contact-us-block__content svg {
    color: #e6ff00
}

.ff-contact-us--tour .grid {
    padding: 25px 16px 0
}

@media (min-width:48rem) {
    .ff-contact-us--tour .grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 38px 61px 0
    }
}

@media (min-width:64rem) {
    .ff-contact-us--tour .grid {
        padding: 31px 0 0
    }
}

@media (min-width:64rem) {
    .ff-contact-us--tour .ff-contact-us__item:last-child {
        padding-left: .625rem
    }
}

.ff-contact-us--tour .ff-contact-us__delimiter {
    display: none
}

.ff-contact-us--tour .ff-contact-us__heading .ff-contact-us__delimiter {
    display: block
}

.ff-contact-us--tour .ff-contact-us-block__heading {
    text-transform: uppercase;
    font-size: 20px
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .ff-contact-us--tour .ff-contact-us-block__heading {
        font-size: 24px
    }
}

.ff-contact-us--tour .ff-contact-us-block .ff-contact-us__delimiter {
    display: none
}

.ff-contact-us--tour .ff-contact-us-block__content a {
    font-weight: 700;
    text-decoration: none
}

@media (min-width:37.5rem) {
    .ff-contact-us--tour .ff-contacts-list {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .ff-contact-us--tour .ff-contacts-list__item {
        margin-top: 0;
        width: 50%
    }
}

@media (max-width:37.49rem) {
    .ff-contact-us--tour .ff-contacts-list__item:last-child {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.ff-detailed-link-list {
    margin-top: 13px;
    border-top: 1px solid #dde6ed;
    border-bottom: 1px solid #dde6ed;
    padding-top: 26px;
    padding-bottom: 12px
}

@media (min-width:48rem) {
    .ff-detailed-link-list {
        margin-top: 26px;
        padding-bottom: 28px;
        margin-top: 18px
    }
}

.ff-detailed-link-list__item:not(:first-child) {
    margin-top: 20px
}

@media (min-width:48rem) {
    .ff-detailed-link-list__item:not(:first-child) {
        margin-top: 27px
    }
}

.ff-detailed-link-list__item-link {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: #001838
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .ff-detailed-link-list__item-link {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

@media (min-width:48rem) {
    .ff-detailed-link-list__item-link {
        font-size: 22px;
        line-height: 1.27
    }
}

.ff-detailed-link-list__item-link:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838;
    will-change: opacity
}

.ff-detailed-link-list__arrow-icon {
    width: 16px;
    height: 16px;
    margin-left: 10px
}

.ff-detailed-link-list__item-description {
    font-size: 14px;
    line-height: 1.29;
    color: #001838;
    margin-top: 4px;
    display: block
}

.ff-detailed-link-list-container:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-detailed-link-list-container:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-detailed-link-list-container:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-detailed-link-list-container:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-detailed-link-list-container:not(:first-child) {
        margin-top: 43px
    }
}

.ff-detailed-link-list-container__heading {
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0;
    color: #001838
}


@media (min-width:64rem) {
    .ff-detailed-link-list-container__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

.ff-info-card {
    height: 100%;
    width: 100%;
    background: #fff;
    border: 1px solid #dde6ed
}

.ff-info-card a {
    color: #001838;
    text-decoration: underline;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838;
    -webkit-transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out
}

.ff-info-card a:hover {
    text-decoration: none
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .ff-info-card a:hover {
        text-decoration: underline;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent
    }
}

.ff-info-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 24px 16px
}

.ff-info-card__container>* {
    margin-top: 10px;
    margin-bottom: 0
}

.ff-info-card__container>:first-child {
    margin-top: 0
}

@media (min-width:48rem) {
    .ff-info-card__container {
        padding: 28px 23px
    }

    .ff-info-card__container>* {
        margin-top: 12px
    }
}

@media (min-width:64rem) {
    .ff-info-card__container {
        padding-bottom: 38px
    }

    .ff-info-card__container>* {
        margin-top: 9px
    }
}

.ff-info-card__heading {
    color: #001838;
    word-break: break-word;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .ff-info-card__heading {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .ff-info-card__heading {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.ff-info-card__content {
    letter-spacing: 1px;
    color: #001838
}

@media (min-width:48rem) {
    .ff-info-card__content {
        letter-spacing: normal;
        font-size: 18px
    }
}

.ff-info-card--obsidian {
    background: #001838;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    border: none
}

.ff-info-card--obsidian a {
    color: #3bd6ff;
    -webkit-text-decoration-color: #3bd6ff;
    text-decoration-color: #3bd6ff
}

.ff-info-card--obsidian .ff-info-card__content,
.ff-info-card--obsidian .ff-info-card__heading {
    color: #fff
}

.ff-primary-link-card {
    height: 100%;
    background: #fff
}

.ff-primary-link-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 15px 14px 21px;
    text-decoration: none;
    border: 1px solid #dde6ed;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.ff-primary-link-card__container .ff-primary-link-card__heading {
    -webkit-transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .ff-primary-link-card__container .ff-primary-link-card__heading {
        text-decoration: underline;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent
    }
}

.ff-primary-link-card__container:hover {
    border-color: #001838
}

.ff-primary-link-card__container:hover .ff-primary-link-card__heading {
    text-decoration: underline;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838
}

.ff-primary-link-card__container>* {
    margin-top: 8px;
    margin-bottom: 0
}

.ff-primary-link-card__container>:first-child {
    margin-top: 0
}

@media (min-width:48rem) {
    .ff-primary-link-card__container {
        padding: 23px 23px 28px
    }

    .ff-primary-link-card__container>* {
        margin-top: 13px
    }
}

.ff-primary-link-card__icon-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px
}

.ff-primary-link-card__icon-wrapper>* {
    max-width: 100%;
    max-height: 100%
}

.ff-primary-link-card__icon-wrapper+* {
    margin-top: 10px
}

@media (min-width:48rem) {
    .ff-primary-link-card__icon-wrapper+* {
        margin-top: 19px
    }
}

.ff-primary-link-card__inline-icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 3px
}

@media (min-width:48rem) {
    .ff-primary-link-card__inline-icon {
        width: 16px;
        height: 16px;
        margin-left: 1px
    }
}

.ff-primary-link-card__heading {
    color: #001838;
    word-break: break-word;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .ff-primary-link-card__heading {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .ff-primary-link-card__heading {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.ff-primary-link-card__content {
    display: none;
    font-size: 14px;
    color: #69738c
}

@media (min-width:48rem) {
    .ff-primary-link-card__content {
        display: block
    }
}

@media (max-width:47.99rem) {
    .ff-primary-link-card--horizontal .ff-primary-link-card__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 14px 14px
    }

    .ff-primary-link-card--horizontal .ff-primary-link-card__container>*,
    .ff-primary-link-card--horizontal .ff-primary-link-card__container>.stadium-card__icon-wrapper+* {
        margin-top: 0
    }

    .ff-primary-link-card--horizontal .ff-primary-link-card__icon-wrapper {
        margin-top: -7px;
        margin-right: 15px
    }

    .ff-primary-link-card--horizontal .ff-primary-link-card__heading {
        line-height: 1.1
    }
}

.ff-secondary-link-card {
    height: 100%;
    min-height: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: none
}

@media (min-width:48rem) {
    .ff-secondary-link-card {
        min-height: 64px
    }
}

@media (min-width:64rem) {
    .ff-secondary-link-card {
        min-height: 64px
    }
}

.ff-secondary-link-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    -webkit-transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .ff-secondary-link-card__container {
        text-decoration: underline;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent
    }
}

.ff-secondary-link-card__container:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838
}

.ff-secondary-link-card__container>* {
    margin-top: 0
}

.ff-secondary-link-card__inline-icon {
    width: 16px;
    height: 16px
}

@media (max-width:47.99rem) {
    .ff-secondary-link-card__inline-icon {
        vertical-align: bottom
    }
}

@media (min-width:48rem) {
    .ff-secondary-link-card__inline-icon {
        width: 13px;
        height: 13px
    }
}

.ff-secondary-link-card__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 11px;
    background: #fff;
    border: 1px solid #dde6ed
}

@media (min-width:48rem) {
    .ff-secondary-link-card__content {
        padding-right: 32px
    }
}

@media (min-width:64rem) {
    .ff-secondary-link-card__content {
        padding: 17px
    }
}

.ff-secondary-link-card__heading {
    font-size: 17px;
    
    font-weight: 700;
    word-break: break-word
}

@media (min-width:48rem) {
    .ff-secondary-link-card__heading {
        letter-spacing: 1px;
        line-height: 1.2
    }
}

@media (min-width:64rem) {
    .ff-secondary-link-card__heading {
        font-size: 17px;
        line-height: 21px;
        word-spacing: 1px;
        letter-spacing: 0
    }
}

.ff-secondary-link-card__image-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    height: 100%;
    background-size: cover
}

@media (min-width:64rem) {
    .ff-secondary-link-card__image-wrapper {
        width: 88px
    }
}

.ff-secondary-link-card__image--stretch {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ff-secondary-link-card__image.lazyload,
.ff-secondary-link-card__image.lazyloading {
    height: 0
}

.ff-large-summary-card {
    position: relative
}

.ff-large-summary-card:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-large-summary-card:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-large-summary-card:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-large-summary-card:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-large-summary-card:not(:first-child) {
        margin-top: 43px
    }
}

.ff-large-summary-card__item {
    margin-bottom: 24px
}

@media (min-width:48rem) {
    .ff-large-summary-card__item {
        margin-bottom: 0
    }
}

.ff-large-summary-card__item:last-child {
    margin-bottom: 0
}

.ff-large-summary-card__heading {
    margin-bottom: 12px;
    color: #001838;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}


@media (min-width:64rem) {
    .ff-large-summary-card__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

@media (min-width:48rem) {
    .ff-large-summary-card__heading {
        margin-bottom: 8px
    }
}

@media (min-width:64rem) {
    .ff-large-summary-card__heading {
        margin-bottom: 7px
    }
}

.ff-complex-banner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2)
}

@media (min-width:48rem) {
    .ff-complex-banner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}



.ff-complex-banner__image-wrapper {
    position: relative
}

@media (max-width:47.99rem) {
    .ff-complex-banner__image-wrapper {
        position: relative;
        height: 0;
        padding-top: 56.25%;
        overflow: hidden
    }
}

@media (min-width:48rem) {
    .ff-complex-banner__image-wrapper {
        height: 100%
    }
}

.ff-complex-banner__image-wrapper img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover
}

.ff-complex-banner__image-wrapper img.lazyload,
.ff-complex-banner__image-wrapper img.lazyloading {
    height: 0
}

.ff-complex-banner__image {
    width: 100%;
    height: auto
}

@media (max-width:47.99rem) {
    .ff-complex-banner__content {
        border-top: 0
    }
}

@media (min-width:48rem) {
    .ff-complex-banner__content {
        border-right: 0
    }
}

.ff-complex-banner__content .ff-info-card__container {
    padding-top: 24px;
    padding-bottom: 29px
}

@media (min-width:48rem) {
    .ff-complex-banner__content .ff-info-card__container {
        padding-top: 20px
    }
}

@media (min-width:64rem) {
    .ff-complex-banner__content .ff-info-card__container {
        padding-top: 25px
    }
}

.ff-complex-banner__content .ff-info-card__container>* {
    margin-top: 14px
}

@media (min-width:48rem) {
    .ff-complex-banner__content .ff-info-card__container>* {
        margin-top: 12px
    }
}

.ff-complex-banner__content .ff-info-card__container>:first-child {
    margin-top: 0
}

.ff-complex-banner__content .ff-info-card__content {
    letter-spacing: 0
}

@media (min-width:48rem) {
    .ff-complex-banner__content .ff-info-card__content {
        font-size: 14px
    }
}

.ff-summary-card-slider {
    position: relative;
    overflow-x: hidden
}

.ff-summary-card-slider__list {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 12px 0 15px
}

.ff-summary-card-slider__list::-webkit-scrollbar {
    display: none
}

.ff-summary-card-slider__list.no-scroll {
    overflow-x: visible
}

.ff-summary-card-slider__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 238px;
    margin-right: 12px
}

.ff-summary-card-slider__item:first-child {
    margin-left: 16px
}

@media (min-width:48rem) {
    .ff-summary-card-slider__item:first-child {
        margin-left: 24px
    }
}

.ff-summary-card-slider__item:nth-last-child(2) {
    margin-right: 16px
}

@media (min-width:48rem) {
    .ff-summary-card-slider__item:nth-last-child(2) {
        margin-right: 24px
    }
}

@media (min-width:48rem) {
    .ff-summary-card-slider__item {
        width: 29.5%;
        margin-right: 16px
    }
}

@media (min-width:64rem) {
    .ff-summary-card-slider__item {
        width: 313px;
        margin-right: 18px
    }
}

.ff-summary-card-slider__item:last-child {
    margin-right: 0
}

.ff-summary-card-slider__item--hidden-spacer {
    width: 1px;
    height: 1px;
    content: "";
    visibility: hidden;
    margin: 0
}

.ff-summary-card {
    height: 100%;
    width: 100%;
    background: #fff;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 24, 56, .28);
    box-shadow: 0 2px 12px 0 rgba(0, 24, 56, .28)
}

.ff-summary-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ff-summary-card__image-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 134px
}

.ff-summary-card__image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:48rem) {
    .ff-summary-card__image-wrapper {
        height: 129px
    }
}

@media (min-width:64rem) {
    .ff-summary-card__image-wrapper {
        height: 176px
    }
}

.ff-summary-card__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 14px 13px
}

.ff-summary-card__content h3 {
    margin-bottom: 7px;
    text-transform: uppercase;
    color: #001838
}

.ff-summary-card__content time {
    color: #001838;
    font-weight: 700;
    word-spacing: 1px;
    margin-bottom: 2px
}

.ff-summary-card__content small {
    font-size: 13px;
    color: #69738c;
    word-spacing: -1px;
    margin-bottom: 10px
}

.ff-summary-card__content .mc-button {
    margin-top: auto;
    overflow: hidden
}

@media (min-width:64rem) {
    .ff-summary-card__content {
        padding: 18px 14px
    }

    .ff-summary-card__content h3 {
        margin-bottom: 9px
    }

    .ff-summary-card__content small {
        word-spacing: 0
    }
}

.ff-summary-card-nav {
    margin-top: 16px
}

@media (min-width:48rem) {
    .ff-summary-card-nav {
        margin-top: 7px
    }
}

.ff-summary-card-nav:after,
.ff-summary-card-nav:before {
    opacity: 1
}

.ff-summary-card-section {
    position: relative
}

.ff-summary-card-section:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-summary-card-section:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-summary-card-section:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-summary-card-section:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-summary-card-section:not(:first-child) {
        margin-top: 43px
    }
}

.ff-summary-card-section--bg {
    padding: 32px 0 26px
}

@media (min-width:48rem) {
    .ff-summary-card-section--bg {
        padding-top: 52px;
        padding-bottom: 31px
    }
}

.ff-summary-card-section:last-child:not(.ff-summary-card-section--bg) {
    padding-bottom: 0
}

.ff-summary-card-section__container {
    position: relative;
    padding: 0
}

.ff-summary-card-section__heading {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
    margin-left: 1rem;
    margin-right: 1rem
}


@media (min-width:64rem) {
    .ff-summary-card-section__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

@media (min-width:48rem) {
    .ff-summary-card-section__heading {
        margin-bottom: 4px;
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media (min-width:64rem) {
    .ff-summary-card-section__heading {
        margin-bottom: 12px;
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

.ff-summary-card-section__bg-wrapper {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.ff-summary-card-section__bg-wrapper--obsidian-overlay:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: linear-gradient(304deg, #001838, rgba(0, 24, 56, 0) 50%, #001838)
}

.ff-summary-card-section__bg-wrapper+.ff-summary-card-section__container .ff-summary-card-section__heading {
    color: #fff
}

.ff-summary-card-section__bg-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.mc-main-content--obsidian-blue .ff-summary-card-section+.ff-summary-card-section {
    padding-top: 0
}

.mc-main-content--obsidian-blue .ff-summary-card-section__heading {
    margin-bottom: 10px;
    font-size: 20px;
    color: #fff
}

@media (min-width:48rem) {
    .mc-main-content--obsidian-blue .ff-summary-card-section__heading {
        margin-bottom: 14px;
        font-size: 24px;
        word-spacing: 2px
    }
}

@media (min-width:64rem) {
    .mc-main-content--obsidian-blue .ff-summary-card-section__heading {
        margin-bottom: 6px;
        word-spacing: 0
    }
}

.mc-main-content--obsidian-blue .ff-summary-card-section:not(:first-child) {
    margin-top: 15px
}

@media (min-width:48rem) {
    .mc-main-content--obsidian-blue .ff-summary-card-section:not(:first-child) .ff-summary-card-section__heading {
        margin-bottom: 6px
    }
}

@media (min-width:64rem) {
    .mc-main-content--obsidian-blue .ff-summary-card-section:not(:first-child) .ff-summary-card-section__heading {
        margin-bottom: 12px
    }
}

@media (min-width:48rem) {
    .mc-main-content--obsidian-blue .ff-summary-card-section:not(:last-child)>.ff-summary-card-section__container:after {
        width: -webkit-calc(100% - 3rem);
        width: calc(100% - 3rem);
        display: block;
        content: "";
        height: 1px;
        background: #fff;
        opacity: .3;
        position: absolute;
        bottom: -31px;
        margin-left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@media (max-width:47.99rem) {
    .mc-main-content--obsidian-blue .ff-cfs-header+.ff-section__content .ff-summary-card-section:first-child:before {
        width: -webkit-calc(100% - 2rem);
        width: calc(100% - 2rem);
        display: block;
        content: "";
        height: 1px;
        background: #fff;
        opacity: .3;
        position: absolute;
        top: 0;
        margin-left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

@media (min-width:48rem) {
    .mc-main-content--obsidian-blue .ff-cfs-header+.ff-section__content .ff-summary-card-section:first-child {
        margin-top: -154px
    }
}

@media (min-width:64rem) {
    .mc-main-content--obsidian-blue .ff-cfs-header+.ff-section__content .ff-summary-card-section:first-child {
        margin-top: -137px
    }
}

.ff-summary-link-section:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-summary-link-section:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-summary-link-section:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-summary-link-section:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-summary-link-section:not(:first-child) {
        margin-top: 43px
    }
}

.ff-summary-link-section__heading {
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px;
    color: #001838
}

@media (min-width:37.5rem) {
    .ff-summary-link-section__heading {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .ff-summary-link-section__heading {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.ff-summary-link-section__list {
    margin-top: 11px
}

@media (min-width:48rem) {
    .ff-summary-link-section__list {
        margin-top: 19px
    }
}

@media (min-width:64rem) {
    .ff-summary-link-section__list {
        margin-top: 16px
    }
}

.ff-summary-link-section__list-item:not(:first-child) {
    margin-top: 10px
}

@media (min-width:48rem) {
    .ff-summary-link-section__list-item:not(:first-child) {
        margin-top: 19px
    }
}

@media (min-width:64rem) {
    .ff-summary-link-section__list-item:not(:first-child) {
        margin-top: 11px
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-summary-link-section__list-item {
        margin-bottom: 27px
    }

    .ff-summary-link-section__list-item:first-child,
    .ff-summary-link-section__list-item:last-child {
        margin-bottom: 0
    }
}

.ff-summary-link-section__link {
    font-size: 17px;
    line-height: 1.41;
    color: #001838
}

@media (min-width:48rem) {
    .ff-summary-link-section__link {
        font-size: 18px;
        line-height: 1.33
    }
}

.ff-summary-link-section--grey.themed-component {
    background: #f3f6f9;
    padding: 25px 15px
}

@media (min-width:37.5rem) {
    .ff-summary-link-section--grey.themed-component {
        padding: 25px 25px 25px 60px
    }

    .ff-summary-link-section--grey.themed-component .ff-summary-link-section__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .ff-summary-link-section--grey.themed-component .ff-summary-link-section__list li {
        width: 50%;
        margin: 10px 0
    }
}

@media (min-width:48rem) {
    .ff-summary-link-section--grey.themed-component {
        padding: 25px 15px
    }

    .ff-summary-link-section--grey.themed-component .ff-summary-link-section__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .ff-summary-link-section--grey.themed-component .ff-summary-link-section__list li {
        width: 100%;
        margin: 10px 0
    }
}

.ff-summary-link-section--grey.themed-component a {
    font-size: 14px;
    font-weight: 700
}

.ff-tickets-availability-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-top: 1px solid #69738c;
    border-bottom: 1px solid #dde6ed
}

.ff-tickets-availability-table__caption {
    display: none
}

.ff-tickets-availability-table__body {
    font-size: 16px;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #001838
}

@media (max-width:37.5rem) {
    .ff-tickets-availability-table__body {
        font-size: 14px;
        line-height: 1.29
    }
}

.ff-tickets-availability-table__row {
    border-bottom: 1px solid #dde6ed
}

.ff-tickets-availability-table__row:last-child {
    border-bottom: 0
}

.ff-tickets-availability-table__heading {
    width: 23%;
    max-width: 0;
    height: 36px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #69738c;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.23;
    letter-spacing: normal;
    border-bottom: 1px solid #69738c
}

.ff-tickets-availability-table__heading--team-name {
    width: 31%
}

.ff-tickets-availability-table__cell--team-name {
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 700
}

@media (max-width:37.49rem) {
    .ff-tickets-availability-table__cell--team-name .full-team-name {
        display: none
    }
}

@media (min-width:37.5rem) {
    .ff-tickets-availability-table__cell--team-name .short-team-name {
        display: none
    }
}

.ff-tickets-availability-table__cell a {
    color: #001838
}

@supports ((-webkit-text-decoration-color: #001838) or (text-decoration-color: #001838)) or (-webkit-text-decoration-color:#001838) {
    .ff-tickets-availability-table__cell a {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: #001838;
        text-decoration-color: #001838;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.ff-tickets-availability-table__cell a:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    will-change: opacity
}

.ff-tickets-availability-table__cell,
.ff-tickets-availability-table__heading {
    height: 48px;
    padding: 0 8px 0 0;
    word-break: break-word
}

.ff-tickets-availability-table__cell:last-child,
.ff-tickets-availability-table__heading:last-child {
    padding-right: 0
}

*+.ff-tickets-availability-container {
    margin-top: 40px
}

.ff-tickets-availability__heading {
    color: #001838;
    text-transform: uppercase
}

.ff-rich-text {
    overflow-wrap: break-word;
    font-size: 17px;
    font-weight: 400;
    line-height: 1.41;
    color: #001838
}

.ff-rich-text:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-rich-text:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-rich-text:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-rich-text:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-rich-text:not(:first-child) {
        margin-top: 43px
    }
}

@media (min-width:48rem) {
    .ff-rich-text {
        font-size: 18px;
        line-height: 1.33
    }
}

.ff-rich-text h1,
.ff-rich-text h2,
.ff-rich-text h3,
.ff-rich-text h4,
.ff-rich-text h5,
.ff-rich-text h6 {
    text-transform: uppercase
}

.ff-rich-text h1 strong,
.ff-rich-text h2 strong,
.ff-rich-text h3 strong,
.ff-rich-text h4 strong,
.ff-rich-text h5 strong,
.ff-rich-text h6 strong {
    font-weight: inherit
}

.ff-rich-text *+h1,
.ff-rich-text *+h2,
.ff-rich-text *+h3,
.ff-rich-text *+h4,
.ff-rich-text *+h5,
.ff-rich-text *+h6 {
    margin-top: 1.08em;
    margin-bottom: .66em
}

.ff-rich-text ol,
.ff-rich-text ul {
    margin-bottom: 1em
}

.ff-rich-text ul li {
    position: relative;
    padding-left: 15px
}

.ff-rich-text ul li:before {
    display: inline-block;
    content: "";
    width: 6px;
    height: 6px;
    background: #6caddf;
    border-radius: 50%;
    position: absolute;
    top: 8px;
    left: 0
}

.ff-rich-text ol {
    counter-reset: num
}

.ff-rich-text ol li {
    position: relative;
    padding-left: 22.34px
}

.ff-rich-text ol li:before {
    content: counter(num) ".";
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0
}

.ff-rich-text .ff-list-ticks li {
    background-image: url(https://web-assets.mancity.com/dist/images/icons/icon_navigation_check_24px.svg);
    background-repeat: no-repeat;
    padding-left: 30px;
    margin: 0 0 28px 14px
}

.ff-rich-text .ff-list-ticks>li:before {
    content: inherit
}

.ff-rich-text .ff-list-default li {
    margin: 0 0 28px 42px;
    position: relative
}

.ff-rich-text .ff-list-default>li:before {
    height: 8px;
    width: 8px;
    background: #001838;
    margin-right: 12px;
    position: absolute;
    left: -20px;
    top: 8px
}

.ff-rich-text a:not(.mc-button) {
    color: #001838
}

@supports ((-webkit-text-decoration-color: #001838) or (text-decoration-color: #001838)) or (-webkit-text-decoration-color:#001838) {
    .ff-rich-text a:not(.mc-button) {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: #001838;
        text-decoration-color: #001838;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.ff-rich-text a:not(.mc-button):hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    will-change: opacity
}

.ff-rich-text [class*="--numbered"] span {
    margin-right: 6px
}

.ff-rich-text .h3--numbered {
    padding-left: 24px;
    position: relative;
    text-transform: uppercase;
    width: -webkit-calc(100% - 24px);
    width: calc(100% - 24px);
    font-size: 35px;
    color: #001838;
    letter-spacing: -1px;
    line-height: 1.2;
    margin: 0;
    z-index: 1;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    overflow: hidden;
    padding-top: 2em;
    padding-bottom: 10px
}

.ff-rich-text .h3--numbered>span {
    font-size: 150px;
    color: #98c5e9;
    position: absolute;
    line-height: 1;
    left: 0;
    bottom: -14px;
    z-index: -1
}

.ff-rich-text .h3--numbered>span:after {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAQMAAAC3/F3+AAAABlBMVEUAAAD///+l2Z/dAAAAAXRSTlMAQObYZgAAABlJREFUCNdjsD8AQv8ZQOjPARD6DEbnQQgAvLIN+RgkO4kAAAAASUVORK5CYII=);
    background-size: 5px 5px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.ff-rich-text table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.ff-rich-text table th {
    text-align: left;
    color: #69738c
}

.ff-rich-text table td,
.ff-rich-text table th {
    padding: 8px
}

.ff-rich-text table td:first-child,
.ff-rich-text table th:first-child {
    padding-left: 1rem
}

.ff-rich-text table td:last-child,
.ff-rich-text table th:last-child {
    padding-right: 1rem
}

.ff-rich-text table thead {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.23;
    color: #69738c
}

.ff-rich-text table tbody {
    border-top: 1px solid #001838;
    border-bottom: 1px solid #001838;
    font-size: 14px;
    line-height: 1.29;
    color: #001838
}

@media (min-width:37.5rem) {
    .ff-rich-text table tbody {
        font-size: 16px;
        line-height: 1.63
    }
}

.ff-rich-text table tbody tr {
    border-bottom: 1px solid #dde6ed
}

.ff-rich-text table tbody tr:not(:first-child) td {
    word-break: break-word
}

.ff-rich-text table tbody tr:last-child {
    border-bottom: none
}

.ff-rich-text img {
    width: 100%;
    height: auto
}

.ff-rich-text .mc-button {
    width: 200px
}

.ff-rich-text .crt-widget {
    width: 100%;
    overflow: hidden
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow-x: auto
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks::-webkit-scrollbar {
    display: none
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li {
    margin-right: 5px
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li:last-child {
    margin-right: 0
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li:before {
    display: none
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li.crt-filter-label {
    margin: 0 5px 0 0
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li.crt-filter-label label {
    color: #69738c
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    color: #001838;
    border: 1px solid rgba(0, 24, 56, .2);
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li a:hover {
    color: #fff;
    background: #001838
}

.ff-rich-text .crt-widget .crt-filter .crt-filter-networks .crt-networks li.active a {
    color: #fff;
    background: #001838
}

.ff-rich-text .ff-blockquote {
    margin: 0;
    display: inline-block
}

.ff-rich-text .ff-blockquote__text {
    color: #6caddf;
    font-size: 24px;
    line-height: 1.33;
    quotes: "\0022" "\0022"
}

.ff-rich-text .ff-blockquote__author {
    font-size: 14px;
    line-height: 1.29;
    color: #001838;
    text-align: right;
    margin-top: 24px
}


.ff-page-header.video-page {
    background-color: unset
}

.ff-page-header.video-page .article-header {
    padding: 0
}

.ff-page-header--background-image {
    position: relative;
    padding-top: 56.25%
}

@media (min-width:64rem) {
    .ff-page-header--background-image {
        padding-top: 25%
    }
}

.ff-page-header--background-image .ff-page-header__heading {
    color: #fff
}

.ff-page-header__heading-wrapper--with-image {
    position: absolute;
    z-index: 1;
    top: 28px;
    left: 0;
    width: 100%
}

.ff-page-header__heading {
    font-weight: 700;
    font-size: 36px;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .ff-page-header__heading {
        font-size: 52px
    }
}

.ff-page-header__photo-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: inherit
}

@media (min-width:64rem) {
    .ff-page-header__photo-wrapper {
        padding-top: 25%
    }
}

.ff-page-header__photo {
    height: inherit;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    min-width: 100%
}

.ff-page-header__photo.mc-lazy-image.failed-to-load {
    display: none
}

.mc-main-content--dark-grey .ff-page-header,
.mc-main-content--obsidian-navy .ff-page-header {
    color: #fff
}

.ff-cfs-header {
    position: relative;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 25px;
    background: #001838;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:48rem) {
    .ff-cfs-header {
        min-height: 420px;
        margin-bottom: -105px;
        padding-top: 27px;
        padding-bottom: 130px
    }

    .ff-cfs-header:before {
        position: absolute;
        z-index: 1;
        content: "";
        width: 55%;
        height: 100%;
        top: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left top, right top, color-stop(70%, #001838), color-stop(91%, rgba(0, 24, 56, 0)));
        background-image: linear-gradient(90deg, #001838 70%, rgba(0, 24, 56, 0) 91%)
    }

    .ff-cfs-header:after {
        position: absolute;
        z-index: 1;
        content: "";
        height: 206px;
        width: 100%;
        bottom: 0;
        left: 0;
        background-image: -webkit-gradient(linear, left bottom, left top, color-stop(23%, #001838), color-stop(91%, rgba(0, 24, 56, 0)));
        background-image: linear-gradient(0deg, #001838 23%, rgba(0, 24, 56, 0) 91%)
    }
}

@media (min-width:64rem) {
    .ff-cfs-header {
        min-height: 480px;
        margin-bottom: -85px;
        padding-top: 24px;
        padding-bottom: 100px
    }

    .ff-cfs-header:before {
        width: 48%
    }

    .ff-cfs-header:after {
        height: 110px
    }
}

.ff-cfs-header__bg {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    max-height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:48rem) {
    .ff-cfs-header__bg {
        display: block
    }
}

.ff-cfs-header__container {
    position: relative;
    z-index: 2
}

.ff-cfs-header h1 {
    margin-bottom: 3px;
    font-size: 20px;
    color: #fff;
    letter-spacing: 0;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .ff-cfs-header h1 {
        margin-bottom: 7px;
        font-size: 34px;
        word-spacing: -.6px
    }
}

@media (min-width:64rem) {
    .ff-cfs-header h1 {
        margin-bottom: 7px;
        word-spacing: 0;
        letter-spacing: -1px
    }
}

.ff-cfs-header h2 {
    font-size: 36px;
    color: #3bd6ff;
    letter-spacing: -1px;
    margin-bottom: 22px;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .ff-cfs-header h2 {
        margin-bottom: 10px;
        padding-right: 20px;
        font-size: 52px;
        line-height: .96
    }
}

@media (min-width:64rem) {
    .ff-cfs-header h2 {
        margin-bottom: 17px;
        padding-right: 80px
    }
}

.ff-cfs-header p {
    margin-bottom: 6px;
    color: #fff;
    word-spacing: -1px;
    line-height: 1.29
}

@media (min-width:48rem) {
    .ff-cfs-header p {
        margin-bottom: 5px;
        padding-right: 130px
    }
}

@media (min-width:64rem) {
    .ff-cfs-header p {
        padding-right: 185px;
        word-spacing: -.5px
    }
}

.ff-cfs-header p:last-child {
    margin-bottom: 0
}

.ff-cfs-header a {
    color: #3bd6ff
}

@supports ((-webkit-text-decoration-color: #3BD6FF) or (text-decoration-color: #3BD6FF)) or (-webkit-text-decoration-color:#3BD6FF) {
    .ff-cfs-header a {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: #3bd6ff;
        text-decoration-color: #3bd6ff;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.ff-cfs-header a:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    will-change: opacity
}

.ff-fancy-link-list-section {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-fancy-link-list-section {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-fancy-link-list-section {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-fancy-link-list-section {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-fancy-link-list-section {
        margin-top: 43px
    }
}

.ff-fancy-link-list-section__heading {
    color: #001838;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}

@media (min-width:64rem) {
    .ff-fancy-link-list-section__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

.ff-fancy-link-list {
    border-top: 1px solid #dde6ed;
    border-bottom: 1px solid #dde6ed;
    padding-top: 16px;
    padding-bottom: 24px;
    -webkit-column-count: 2;
    column-count: 2;
    margin-top: 21px
}

@media (min-width:48rem) {
    .ff-fancy-link-list {
        margin-top: 35px;
        padding-top: 32px;
        padding-bottom: 34px;
        -webkit-column-count: 3;
        column-count: 3
    }
}

@media (min-width:64rem) {
    .ff-fancy-link-list {
        margin-top: 36px;
        -webkit-column-count: 4;
        column-count: 4
    }
}

.ff-fancy-link-list__link {
    font-size: 16px;
    line-height: 1.13
}

@media (max-width:37.5rem) {
    .ff-fancy-link-list__link .mc-arrowed-link__icon {
        display: none
    }
}

@media (min-width:48rem) {
    .ff-fancy-link-list__link {
        font-size: 18px;
        line-height: 1.11
    }
}

.ff-fancy-link-list__item {
    display: inline-block;
    width: 100%
}

.ff-fancy-link-list__link-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px 0
}

.ff-fancy-link-list__icon-wrapper {
    width: 24px;
    height: 24px;
    margin-right: 8px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@media (min-width:48rem) {
    .ff-fancy-link-list__icon-wrapper {
        width: 32px;
        height: 32px;
        margin-right: 15px
    }
}

.ff-fancy-link-list__icon-wrapper--rounded {
    border-radius: 50%
}

.ff-fancy-link-list__icon {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:48rem) {
    .ff-section__small-content .ff-fancy-link-list {
        -webkit-column-count: 2;
        column-count: 2
    }
}

.ff-takeover {
    background-color: #001838;
    padding: 20px 20px 27px 16px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3);
    color: #fff;
    text-transform: uppercase
}

@media (max-width:19.99rem) {
    .ff-takeover {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .ff-takeover {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .ff-takeover {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:37.5rem) {
    .ff-takeover {
        width: 100%;
        background-color: unset;
        padding: 0
    }
}

@media (min-width:64rem) {
    .ff-takeover {
        -webkit-box-shadow: unset;
        box-shadow: unset
    }
}

.ff-takeover__info-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative
}

@media (min-width:37.5rem) {
    .ff-takeover__info-wrapper {
        background-color: #001838;
        padding: 27px 62px 29px 24px
    }
}

@media (min-width:64rem) {
    .ff-takeover__info-wrapper {
        padding: 36px 35px 40px 18px;
        -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3);
        box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .3)
    }
}

.ff-takeover__link {
    color: #fff;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    letter-spacing: .46px
}

@media (min-width:37.5rem) {
    .ff-takeover__link {
        font-size: 52px;
        line-height: 52px;
        letter-spacing: .62px
    }
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .ff-takeover__link {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.ff-takeover__link:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    will-change: opacity
}

.ff-takeover__icon-wrapper {
    width: 64px;
    min-width: 64px;
    height: 64px;
    background: #001838;
    border-radius: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -96px;
    left: -8px
}

@media (min-width:37.5rem) {
    .ff-takeover__icon-wrapper {
        width: 44px;
        min-width: 44px;
        height: 44px;
        border-radius: none;
        margin-right: 9px;
        margin-left: 8px;
        margin-top: 5px;
        position: relative;
        top: 0
    }
}

.ff-takeover__icon {
    width: 44px;
    height: 44px;
    -o-object-fit: cover;
    object-fit: cover
}

@media (min-width:37.5rem) {
    .ff-takeover-wrapper {
        margin-top: -88px
    }
}

@media (min-width:64rem) {
    .ff-takeover-wrapper {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%)
    }
}

.ff-game-header,
.ff-takeover-header {
    position: relative
}

.ff-game-header {
    height: 310px;
    color: #fff
}

@media (min-width:48rem) {
    .ff-game-header {
        height: 285px
    }
}

.ff-game-header__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: inherit;
    pointer-events: none;
    background: #001838
}

.ff-game-header__background:after {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    height: 100%;
    width: 100%;
    background-image: radial-gradient(circle at 0 0, rgba(0, 0, 0, .6), rgba(0, 0, 0, .2))
}

.ff-game-header__background-image {
    width: 100%;
    height: 100%
}

.ff-game-header__background-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ff-game-header__competition-name,
.ff-game-header__ft-name,
.ff-game-header__kick-off-time,
.ff-game-header__st-name,
.ff-game-header__venue-date {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    text-transform: uppercase
}

.ff-game-header__container {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 1
}

.ff-game-header__competition {
    max-height: 58px;
    text-align: center;
    font-size: 24px;
    position: relative
}

.ff-game-header__competition--has-logo {
    width: 185px;
    height: 45px
}

.ff-game-header__competition-image {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.ff-game-header__competition-name {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.ff-game-header__venue {
    margin-top: 21px;
    text-align: center
}

@media (min-width:48rem) {
    .ff-game-header__venue {
        margin-top: 17px
    }
}

.ff-game-header__venue-date {
    font-size: 20px
}

@media (min-width:48rem) {
    .ff-game-header__venue-date {
        font-size: 22px
    }
}

.ff-game-header__venue-name {
    margin-top: 5px;
    font-size: 14px;
    opacity: .6
}

.ff-game-header__fixture {
    position: relative;
    display: table;
    table-layout: fixed;
    margin-top: 34px;
    width: 100%
}

@media (min-width:48rem) {
    .ff-game-header__fixture {
        margin-top: 38px
    }
}

.ff-game-header__first-team,
.ff-game-header__kick-off,
.ff-game-header__second-team {
    display: table-cell;
    vertical-align: top
}

.ff-game-header__first-team,
.ff-game-header__second-team {
    width: 50%
}

.ff-game-header__ft-container,
.ff-game-header__st-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:48rem) {

    .ff-game-header__ft-container,
    .ff-game-header__st-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ff-game-header__ft-name,
.ff-game-header__kick-off-time,
.ff-game-header__st-name {
    font-size: 24px
}

@media (min-width:48rem) {

    .ff-game-header__ft-name,
    .ff-game-header__kick-off-time,
    .ff-game-header__st-name {
        font-size: 34px
    }
}

.ff-game-header__ft-name,
.ff-game-header__st-name {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 100%
}

.ff-game-header__ft-crest,
.ff-game-header__st-crest {
    position: relative;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
    display: block;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 60px;
    height: 60px;
    margin-bottom: 10px
}

@media (min-width:48rem) {

    .ff-game-header__ft-crest,
    .ff-game-header__st-crest {
        margin-bottom: 0
    }
}

.ff-game-header__ft-crest-image,
.ff-game-header__st-crest-image {
    max-width: 60px;
    max-height: 60px;
    height: auto
}

.ff-game-header__first-team {
    padding-right: 33px
}

@media (min-width:48rem) {
    .ff-game-header__first-team {
        padding-right: 93px
    }
}

.ff-game-header__ft-container {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (min-width:48rem) {
    .ff-game-header__ft-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}

@media (min-width:48rem) {
    .ff-game-header__ft-crest {
        margin-left: 14px
    }
}

.ff-game-header__kick-off {
    position: absolute;
    left: 50%;
    top: 17px;
    margin-left: -30px;
    width: 60px;
    text-align: center
}

@media (min-width:48rem) {
    .ff-game-header__kick-off {
        margin-left: -42px;
        width: 84px
    }
}

.ff-game-header__kick-off-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 40px
}

.ff-game-header__kick-off-tz {
    opacity: .5;
    font-size: 13px;
    min-height: 13px
}

.ff-game-header__second-team {
    padding-left: 33px
}

@media (min-width:48rem) {
    .ff-game-header__second-team {
        padding-left: 93px
    }
}

.ff-game-header__st-container {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media (min-width:48rem) {
    .ff-game-header__st-crest {
        margin-right: 14px
    }
}

.ff-tickets-section__container {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ff-tickets-section__list-wrapper {
    position: relative;
    overflow-x: hidden
}

@media (min-width:64rem) {
    .ff-tickets-section__list-wrapper {
        overflow-x: visible
    }
}

.ff-tickets-section__list-wrapper:after,
.ff-tickets-section__list-wrapper:before {
    z-index: 5;
    position: absolute;
    content: "";
    top: 0;
    width: 7px;
    height: 100%
}

@media (min-width:64rem) {

    .ff-tickets-section__list-wrapper:after,
    .ff-tickets-section__list-wrapper:before {
        display: none
    }
}

.ff-tickets-section__list-wrapper:before {
    left: -1px;
    background: -webkit-gradient(linear, left top, right top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(90deg, #fff, hsla(0, 0%, 100%, 0))
}

.ff-tickets-section__list-wrapper:after {
    right: -2px;
    background: -webkit-gradient(linear, right top, left top, from(#fff), to(hsla(0, 0%, 100%, 0)));
    background: linear-gradient(270deg, #fff, hsla(0, 0%, 100%, 0))
}

@supports (-o-object-fit:contain) {

    .ff-tickets-section__list-wrapper:after,
    .ff-tickets-section__list-wrapper:before {
        display: none
    }
}

.ff-tickets-section__list {
    overflow: -moz-scrollbars-none;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 0 15px;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.ff-tickets-section__list::-webkit-scrollbar {
    display: none
}

@media (min-width:48rem) {
    .ff-tickets-section__list {
        padding-bottom: 33px
    }
}

@media (min-width:64rem) {
    .ff-tickets-section__list {
        overflow-x: visible;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.ff-tickets-section__list.no-scroll {
    overflow-x: visible;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@supports (-o-object-fit:contain) {
    @media (max-width:63.99rem) {
        .ff-tickets-section__list {
            overflow-x: visible;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            padding-bottom: 0
        }
    }

    @media (max-width:63.99rem) and (min-width:375px) {
        .ff-tickets-section__list {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -webkit-flex-direction: row;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap
        }
    }
}

.ff-tickets-section__list-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 236.5px;
    margin-right: 9px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 40, 94, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 40, 94, .2)
}

.ff-tickets-section__list-item:first-child {
    margin-left: 16px
}

@media (min-width:48rem) {
    .ff-tickets-section__list-item:first-child {
        margin-left: 24px
    }
}

.ff-tickets-section__list-item:nth-last-child(2) {
    margin-right: 16px
}

@media (min-width:48rem) {
    .ff-tickets-section__list-item:nth-last-child(2) {
        margin-right: 24px
    }
}

@media (min-width:64rem) {
    .ff-tickets-section__list-item:nth-last-child(2) {
        margin-right: 0
    }
}

@media (min-width:48rem) {
    .ff-tickets-section__list-item {
        width: 229px;
        margin-right: 16px
    }
}

@media (min-width:64rem) {
    .ff-tickets-section__list-item {
        width: 312px;
        margin-right: 20px
    }

    .ff-tickets-section__list-item:first-child {
        margin-left: 0
    }

    .ff-tickets-section__list-item:last-child {
        margin-right: 0
    }
}

.ff-tickets-section__list-item:last-child {
    margin-right: 0
}

@media (min-width:64rem) {
    .ff-tickets-section__list-item:last-child {
        display: none
    }
}

.ff-tickets-section__list-item--hidden-spacer {
    width: 1px;
    height: 1px;
    content: "";
    visibility: hidden;
    margin: 0
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .ff-tickets-section__list-item--md-hidden-item {
        display: none
    }
}

.ff-tickets-section__card {
    height: 100%;
    width: 100%;
    background: #fff
}

.ff-tickets-section__card-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.ff-tickets-section__card-header {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 176px
}

@media (min-width:48rem) {
    .ff-tickets-section__card-header {
        height: 170px
    }
}

@media (min-width:64rem) {
    .ff-tickets-section__card-header {
        height: 176px
    }
}

.ff-tickets-section__card-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ff-tickets-section__card-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 15px 13px
}

.ff-tickets-section__card-content .mc-button {
    margin-top: auto
}

@media (min-width:64rem) {
    .ff-tickets-section__card-content {
        padding: 18px 14px
    }
}

.ff-tickets-section__card-heading {
    text-transform: uppercase;
    color: #001838;
    font-size: 24px;
    margin-bottom: 0;
    width: 85%
}

@media (min-width:48rem) {
    .ff-tickets-section__card-heading {
        width: 90%
    }
}

@media (min-width:64rem) {
    .ff-tickets-section__card-heading {
        width: 100%
    }
}

.ff-tickets-section__card-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 15px
}

.ff-tickets-section__card-list-item {
    margin-top: 6px;
    padding-left: 3px;
    font-size: 20px;
    letter-spacing: -.1px;
    line-height: 1.3;
    color: #001838;
    list-style: disc;
    margin-left: 18px
}

.ff-tickets-section__card-list-item:first-child {
    margin-top: 0
}

.ff-tickets-section__card-list-item::marker {
    color: #001838
}

.ff-tickets-section__card-list-item span {
    font-size: 15px
}

.ff-tickets-section__card-footer {
    margin-top: auto;
    padding: 10px 15px 15px
}

.ff-tickets-section__restrictions {
    margin-bottom: 14px;
    font-size: 14px;
    text-align: center;
    color: #001838;
    opacity: .6
}

.ff-tickets-section__restrictions:last-child {
    margin-bottom: 0
}

.ff-tickets-section__cta-button {
    width: 100%
}

.ff-tickets-section.is-scrolled-max-left .ff-tickets-section__list-wrapper:before {
    opacity: 0
}

.ff-tickets-section.is-scrolled-max-right .ff-tickets-section__list-wrapper:after {
    opacity: 0
}

@media (max-width:47.99rem) {
    .ff-tickets-section-wrapper {
        max-width: 100%
    }
}

@media (max-width:63.99rem) {
    .ff-tickets-section-wrapper {
        padding: 0 0 20px
    }
}

.ff-tours-finder {
    background: #001838;
    border: 1px solid #fff;
    position: relative
}

.ff-tours-finder__content {
    padding: 21px 0 32px
}

@media (max-width:48rem) {
    .ff-tours-finder__content {
        padding: 25px 0
    }
}

@media (max-width:37.5rem) {
    .ff-tours-finder__content {
        padding: 21px 0
    }
}

.ff-tours-finder__title {
    color: #e6ff00;
    font-size: 32px;
    line-height: 32px;
    font-weight: 700;
    padding: 0 8px;
    margin: 0 0 13px
}

@media (max-width:63.99rem) {
    .ff-tours-finder__title {
        font-size: 36px;
        line-height: 36px;
        margin: 0 0 19px
    }
}

@media (max-width:47.99rem) {
    .ff-tours-finder__title {
        font-size: 24px;
        line-height: 24px;
        margin: 0 0 5px
    }
}

.ff-tours-finder__subtitle {
    display: none
}

.ff-tours-finder__label {
    font-size: 12px;
    line-height: 1.67;
    color: #dde6ed;
    text-transform: uppercase;
    margin-bottom: 0
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .ff-tours-finder__label {
        font-size: 13px;
        line-height: 1.54
    }
}

.ff-tours-finder__filters {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media (max-width:37.49rem) {
    .ff-tours-finder__filters {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:48rem) {
    .ff-tours-finder__filters {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.ff-tours-finder__item {
    width: 33.333%;
    padding: 0 8px
}

@media (max-width:37.49rem) {
    .ff-tours-finder__item {
        width: 100%;
        margin: 0 0 6px
    }
}

.ff-tours-finder__item .mc-dropdown {
    max-width: none
}

.ff-tours-finder__item .mc-datepicker__label,
.ff-tours-finder__item .mc-dropdown-wrapper__label {
    color: #fff;
    
    font-size: 15px;
    line-height: 19px
}

@media (max-width:63.99rem) {

    .ff-tours-finder__item .mc-datepicker__label,
    .ff-tours-finder__item .mc-dropdown-wrapper__label {
        font-size: 13px;
        line-height: 17px
    }
}

@media (max-width:37.49rem) {

    .ff-tours-finder__item .mc-datepicker__label,
    .ff-tours-finder__item .mc-dropdown-wrapper__label {
        font-size: 12px;
        line-height: 16px
    }
}

.ff-tours-finder .ff-tours-finder__item .mc-datepicker__input,
.ff-tours-finder .ff-tours-finder__item .mc-dropdown,
.ff-tours-finder__item .mc-datepicker__input,
.ff-tours-finder__item .mc-dropdown {
    min-height: 41px;
    background: none;
    width: 100%;
    font-weight: 700;
    
    font-size: 16px;
    line-height: 20px
}

.ff-tours-finder .ff-tours-finder__item .mc-datepicker__input {
    border: 1px solid #fff;
    color: #fff
}

.ff-tours-finder__date-picker {
    height: 40px;
    border: 1px solid #fff;
    padding: 11px 104px 11px 11px;
    margin: 16px 0 0
}

@media (max-width:47.99rem) {
    .ff-tours-finder__date-picker {
        margin: 7px 0 0
    }
}

.ff-tours-finder__btn-wrapper {
    padding: 0 8px;
    width: 33.333%;
    margin: 10px 0 0
}

@media (max-width:37.49rem) {
    .ff-tours-finder__btn-wrapper {
        width: 100%
    }
}

.ff-tours-finder__btn {
    width: 100%;
    text-align: left;
    position: relative
}

@media (max-width:37.49rem) {
    .ff-tours-finder__btn {
        text-align: center
    }
}

@media (min-width:37.5rem) {
    .ff-tours-finder__btn:after {
        border-style: solid;
        border-width: 2px 2px 0 0;
        content: "";
        display: inline-block;
        height: .5rem;
        width: .5rem;
        cursor: pointer;
        top: 50%;
        right: 5%;
        position: absolute;
        z-index: 1;
        color: #001838;
        -webkit-transform: translateY(-50%) rotate(45deg);
        transform: translateY(-50%) rotate(45deg)
    }
}

.ff-tours-finder__btn-pulse {
    -webkit-box-shadow: 0 0 0 0 rgba(244, 188, 70, .7);
    box-shadow: 0 0 0 0 rgba(244, 188, 70, .7);
    -webkit-animation: pulse 1.25s cubic-bezier(.66, 0, 0, 1) 1;
    animation: pulse 1.25s cubic-bezier(.66, 0, 0, 1) 1
}

@media (min-width:37.5rem) {
    .ff-tours-finder__bottom {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.ff-tours-finder .mc-dropdown__button {
    min-height: 41px;
    font-weight: 700
}

.ff-tours-finder--results {
    border: none
}

.ff-tours-finder--results .ff-tours-finder__title {
    padding: 0;
    font-size: 36px;
    line-height: 36px;
    text-transform: uppercase
}

@media (min-width:37.5rem) {
    .ff-tours-finder--results .ff-tours-finder__title {
        font-size: 52px;
        line-height: 52px
    }
}

@media (min-width:64rem) {
    .ff-tours-finder--results .ff-tours-finder__title {
        font-size: 48px;
        line-height: 48px
    }
}

.ff-tours-finder--results .ff-tours-finder__subtitle {
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    display: block
}

@media (min-width:37.5rem) {
    .ff-tours-finder--results .ff-tours-finder__subtitle {
        margin-bottom: 0;
        font-size: 18px
    }
}

@media (min-width:64rem) {
    .ff-tours-finder--results .ff-tours-finder__subtitle {
        font-size: 16px
    }
}

.ff-page-header~.ff-section__content .ff-tours-finder:first-child {
    margin-top: -108px
}

@media (max-width:47.99rem) {
    .ff-page-header~.ff-section__content .ff-tours-finder:first-child {
        margin-top: -60px
    }
}

@media (max-width:37.49rem) {
    .ff-page-header~.ff-section__content .ff-tours-finder:first-child {
        margin-top: -40px
    }
}
.ff-result-filters-form__links-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ff-result-filters-form__list-item {
    margin-left: 16px;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:37.5rem) {
    .ff-result-filters-form__list-item {
        margin-left: 28px
    }
}

@media (min-width:64rem) {
    .ff-result-filters-form__list-item {
        margin-left: 24px
    }
}

.ff-result-filters-form__list-item:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px;
    left: -8px;
    background: #fff
}

@media (min-width:37.5rem) {
    .ff-result-filters-form__list-item:before {
        left: -14px
    }
}

@media (min-width:64rem) {
    .ff-result-filters-form__list-item:before {
        left: -12px
    }
}

.ff-result-filters-form__list-item:first-child {
    margin-left: 0
}

.ff-result-filters-form__list-item:first-child:before {
    display: none
}

.ff-result-filters-form .mc-datepicker {
    margin-top: 0
}

.ff-result-filters-form .mc-datepicker__link {
    font-size: 14px;
    line-height: 1.43;
    color: #fff
}

@media (max-width:37.49rem) {
    .ff-result-filters-form .mc-datepicker__link {
        display: block
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .ff-result-filters-form .mc-datepicker__link {
        font-size: 16px
    }
}

.ff-tours-timeslots {
    color: #001838
}

.ff-tours-timeslots__header {
    padding: 30px 0;
    text-align: center;
    font-size: 16px;
    line-height: 14px;
    background-color: #001838;
    color: #fff
}

@media (min-width:48rem) {
    .ff-tours-timeslots__header {
        padding: 40px 0
    }
}

.ff-tours-timeslots__header h2 {
    font-weight: 700;
    font-size: 16px;
    line-height: 14px;
    text-transform: capitalize
}

.ff-tours-timeslots__info-cont {
    padding-top: 30px
}

.ff-tours-timeslots__info-title {
    text-transform: uppercase
}

.ff-tours-timeslots__info-section {
    background-color: #fff;
    padding: 15px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ff-tours-timeslots__info-section hr {
    display: none
}

@media (max-width:37.5rem) {
    .ff-tours-timeslots__info-section {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ff-tours-timeslots__info-section hr {
        display: block;
        width: 100%;
        border: none;
        border-top: 1px solid #ccc
    }
}

.ff-tours-timeslots__info-item {
    padding: 10px;
    font-size: 16px
}

.ff-tours-timeslots__info-item a {
    font-weight: 700;
    font-size: 14px
}

.ff-tours-timeslots__info-item--label {
    text-transform: uppercase;
    margin: 0 0 15px;
    font-size: 12px
}

.ff-tours-timeslots__info-item--datepicker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:37.5rem) {
    .ff-tours-timeslots__info-item--datepicker {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: normal;
        -webkit-align-items: normal;
        -ms-flex-align: normal;
        align-items: normal
    }
}

.ff-tours-timeslots__info-item--datepicker .mc-datepicker {
    margin-top: 0
}

.ff-tours-timeslots__info-item--datepicker>div {
    margin: 0 20px 0 0
}

@media (max-width:37.5rem) {
    .ff-tours-timeslots__info-item--datepicker>div {
        margin: 0 0 10px
    }
}

.ff-tours-timeslots__info-item:last-child {
    min-width: 35%
}

.ff-tours-timeslots__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 25px;
    margin-bottom: 25px
}

.ff-tours-timeslots__list--datepicker-no-slots {
    margin-top: 25px
}

.ff-tours-timeslots__slot {
    width: 220px;
    font-size: 16px;
    margin: 10px;
    border: 1px solid #989898;
    padding: 10px;
    height: 64px;
    background-color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001838
}

@media (max-width:37.5rem) {
    .ff-tours-timeslots__slot {
        width: 100%;
        margin: 5px 0 0;
        -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
        box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.ff-tours-timeslots__slot:active,
.ff-tours-timeslots__slot:hover {
    border: 1px solid #6caddf;
    background-color: rgba(152, 197, 233, .3)
}

.ff-tours-timeslots__slot-numbers {
    font-size: 13px
}

.ff-tours-timeslots__slot-numbers--warn {
    color: #f64d61
}

.ff-tours-timeslots__datepicker-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ff-tours-timeslots__datepicker-wrapper .mc-datepicker__link {
    display: block
}

.ff-tours-timeslots__datepicker-wrapper .mc-datepicker__input-wrapper {
    display: block;
    height: 0
}

.back-btn {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

@media (min-width:37.5rem) {
    .back-btn {
        min-width: 150px
    }
}

.back-btn svg {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin: 0 8px 0 0
}

@-webkit-keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 25px rgba(1, 40, 94, 0);
        box-shadow: 0 0 0 25px rgba(1, 40, 94, 0)
    }
}

@keyframes pulse {
    to {
        -webkit-box-shadow: 0 0 0 25px rgba(1, 40, 94, 0);
        box-shadow: 0 0 0 25px rgba(1, 40, 94, 0)
    }
}

.datepicker {
    min-width: 272px;
    border: 1px solid #001838;
    border-radius: 0;
    padding: 17px 0 0
}

@media (min-width:360px) {
    .datepicker {
        width: 312px
    }
}

@media (min-width:375px) {
    .datepicker {
        width: 327px
    }
}

@media (min-width:411px) {
    .datepicker {
        width: 366px
    }
}

.datepicker--content {
    padding: 0 17px 7px
}

.datepicker--pointer {
    width: 13px;
    height: 13px;
    border-right: 1px solid #001838;
    border-top: 1px solid #001838
}

.datepicker--footer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 72px;
    background: #f3f6f9;
    padding: 0 17px
}

@media (max-width:37.5rem) {
    .datepicker--footer {
        padding: 0 17px 17px
    }
}

.datepicker--footer-wrapper {
    width: 72%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 17px 0
}

@media (max-width:37.5rem) {
    .datepicker--footer-wrapper {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.datepicker--footer-btn {
    font-size: 13px;
    letter-spacing: .93px;
    min-width: 114px;
    min-height: 0;
    max-height: 41px
}

@media (max-width:37.5rem) {
    .datepicker--footer-btn {
        width: 100%
    }
}

.datepicker--footer-btn-pulse {
    -webkit-box-shadow: 0 0 0 0 rgba(1, 40, 94, .7);
    box-shadow: 0 0 0 0 rgba(1, 40, 94, .7);
    -webkit-animation: pulse 1.25s cubic-bezier(.66, 0, 0, 1) 1;
    animation: pulse 1.25s cubic-bezier(.66, 0, 0, 1) 1
}

.datepicker--footer-close {
    width: 20%;
    
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    text-decoration: underline;
    background: none;
    border: none;
    color: #001838;
    padding: 0
}

@media (max-width:37.5rem) {
    .datepicker--footer-close {
        width: 100%;
        text-align: center
    }
}

.datepicker--nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 4px 17px 15px;
    border: none
}

.datepicker--nav-action[data-action=prev]:before {
    -webkit-transform: translate(-35%, -50%) rotate(-135deg);
    transform: translate(-35%, -50%) rotate(-135deg)
}

.datepicker--nav-action {
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #001838
}

@supports (-webkit-touch-callout:none) {
    .datepicker--nav-action:hover {
        background: #001838
    }
}

.datepicker--nav-action:before {
    border-style: solid;
    border-width: 2px 2px 0 0;
    content: "";
    display: inline-block;
    height: .45rem;
    width: .45rem;
    cursor: pointer;
    top: 50%;
    left: 50%;
    position: absolute;
    z-index: 1;
    color: #fff;
    -webkit-transform: translate(-60%, -50%) rotate(45deg);
    transform: translate(-60%, -50%) rotate(45deg)
}

.datepicker--nav-action svg {
    display: none
}

.datepicker--nav-title,
.datepicker--nav-title i {
    
    font-size: 19px;
    line-height: 23px;
    font-weight: 700;
    color: #001838
}

.datepicker--cell {
    border-radius: 0;
    border-bottom: 1px solid #dde6ed
}

.datepicker--cell-day {
    height: 48px;
    
    font-size: 15px;
    line-height: 19px;
    font-weight: 700;
    color: #001838
}

.datepicker--days-names {
    border-bottom: 1px solid #dde6ed;
    padding: 0 0 12px
}

.datepicker--day-name {
    text-transform: capitalize;
    font-size: 13px;
    line-height: 17px;
    font-weight: 400
}

.datepicker--nav-title {
    text-decoration: underline;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.datepicker--nav-title:before {
    content: "";
    display: block;
    height: 20px;
    width: 20px;
    margin-right: 8px;
    background: url(https://web-assets.mancity.com/dist/images/icons/calendar-icon.svg);
    color: #001838
}

.datepicker--nav-title:hover {
    text-decoration: none
}

.datepicker--nav-title:hover:before {
    background: url(https://web-assets.mancity.com/dist/images/icons/edit-icon.svg)
}

.datepicker--nav-title.-disabled- {
    text-decoration: none
}

.datepicker--nav-title.-disabled-:before {
    background: url(https://web-assets.mancity.com/dist/images/icons/calendar-icon.svg)
}

html[dir=rtl] .datepicker--nav-title:before {
    margin-left: 8px;
    margin-right: 0
}

.datepicker--cell.-selected-,
.datepicker--cell.-selected-.-current- {
    color: #001838;
    background: #5cc4ef
}

.datepicker--cell-day.-other-month-,
.datepicker--cell-year.-other-decade- {
    font-weight: 400
}

.-bottom-center- .datepicker--pointer,
.-bottom-left- .datepicker--pointer,
.-bottom-right- .datepicker--pointer {
    bottom: -webkit-calc(100% - 6px);
    bottom: calc(100% - 6px)
}

.mc-datepicker__link~.mc-datepicker__input-wrapper .mc-datepicker__input {
    max-width: 0;
    max-height: 0;
    padding: 0;
    border: none
}

.ff-accordion:not(:first-child) {
    margin-top: 14px
}

.ff-accordion__head {
    background-color: #eef2f6;
    cursor: pointer;
    padding: 16px;
    width: 100%;
    text-align: left;
    border: none;
    outline: none;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.13;
    color: #001838;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative
}

.ff-accordion__icon-wrapper {
    color: #001838;
    width: 24px;
    height: 24px;
    position: relative
}

.ff-accordion__icon {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.ff-accordion__icon--plus {
    opacity: 1;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out
}

.ff-accordion__icon--minus {
    opacity: 0;
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in
}

.ff-accordion__title {
    width: 89%
}

@media (min-width:64rem) {
    .ff-accordion__title {
        width: 70%
    }
}

.ff-accordion__panel {
    background-color: #f3f6f9;
    max-height: 0;
    -webkit-transition: max-height .15s ease-out;
    transition: max-height .15s ease-out;
    border-top: 2px solid transparent;
    overflow: hidden
}

.ff-accordion__panel p {
    padding: 16px;
    font-size: 17px;
    line-height: 1.41;
    color: #001838
}

@media (min-width:64rem) {
    .ff-accordion__panel p {
        font-size: 18px;
        line-height: 1.33
    }
}

.ff-accordion__panel ol,
.ff-accordion__panel ul {
    margin-left: 1.5em
}

.ff-accordion.active .ff-accordion__panel,
.ff-accordion h4[aria-expanded=true] .ff-accordion__panel {
    max-height: 999em;
    -webkit-transition: max-height .55s ease-in;
    transition: max-height .55s ease-in;
    border-top: 2px solid #fff
}

.ff-accordion.active .ff-accordion__icon--plus,
.ff-accordion h4[aria-expanded=true] .ff-accordion__icon--plus {
    opacity: 0;
    -webkit-transition: opacity .15s ease-in;
    transition: opacity .15s ease-in
}

.ff-accordion.active .ff-accordion__icon--minus,
.ff-accordion h4[aria-expanded=true] .ff-accordion__icon--minus {
    opacity: 1;
    -webkit-transition: opacity .15s ease-out;
    transition: opacity .15s ease-out
}

.ff-accordion-list__heading {
    color: #001838;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}

@media (min-width:64rem) {
    .ff-accordion-list__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

.ff-accordion-list__heading+.ff-accordion {
    margin-top: 21px
}

@media (min-width:48rem) {
    .ff-accordion-list__heading+.ff-accordion {
        margin-top: 36px
    }
}

.ff-table-of-contents--blue {
    background-color: #001838;
    padding-top: 10px;
    padding-bottom: 10px
}

@media (min-width:37.5rem) {
    .ff-table-of-contents--blue {
        padding-bottom: 15px
    }
}

.ff-table-of-contents--blue .ff-table-of-contents__heading {
    color: #fff
}

.ff-table-of-contents--blue .ff-table-of-contents__link {
    color: #fff;
    text-decoration: underline;
    font-size: 14px
}

.ff-table-of-contents__heading {
    color: #6caddf;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}


@media (min-width:64rem) {
    .ff-table-of-contents__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

.ff-table-of-contents__list {
    margin-top: 22px
}

.ff-table-of-contents__item:not(:first-child) {
    margin-top: 16px
}

@media (min-width:64rem) {
    .ff-table-of-contents__item:not(:first-child) {
        margin-top: 18px
    }
}

.ff-table-of-contents__link {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.13;
    color: #001838
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .ff-table-of-contents__link {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.ff-table-of-contents__link:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838;
    will-change: opacity
}

@media (min-width:64rem) {
    .ff-table-of-contents__link {
        font-size: 18px;
        line-height: 1.11
    }
}

@media (min-width:37.5rem) {
    .ff-section__content .ff-table-of-contents__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:37.5rem) {
    .ff-section__content .ff-table-of-contents__item {
        width: 48%;
        margin-top: 16px
    }
}

@media (min-width:48rem) {
    .ff-section__content .ff-table-of-contents__item {
        width: 32%
    }
}

.ff-header-hospitality-subpages~.ff-section__content .ff-table-of-contents:first-child {
    background-color: #001838;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-top: -28px
}

@media (min-width:22.5rem) {
    .ff-header-hospitality-subpages~.ff-section__content .ff-table-of-contents:first-child {
        margin-top: -28px
    }
}

@media (min-width:37.5rem) {
    .ff-header-hospitality-subpages~.ff-section__content .ff-table-of-contents:first-child {
        padding-bottom: 15px;
        margin-top: -28px
    }
}

@media (min-width:48rem) {
    .ff-header-hospitality-subpages~.ff-section__content .ff-table-of-contents:first-child {
        margin-top: -34px
    }
}

@media (min-width:64rem) {
    .ff-header-hospitality-subpages~.ff-section__content .ff-table-of-contents:first-child {
        margin-top: -43px
    }
}

.ff-header-hospitality-subpages~.ff-section__content .ff-table-of-contents:first-child .ff-table-of-contents__list {
    margin-top: 0
}

.ff-header-hospitality-subpages~.ff-section__content .ff-table-of-contents:first-child .ff-table-of-contents__link {
    color: #fff;
    text-decoration: underline;
    font-size: 14px
}

.ff-totaliser-section__heading {
    color: #001838;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}


@media (min-width:64rem) {
    .ff-totaliser-section__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0;
        margin-left: -2px
    }
}

.ff-totaliser-container {
    width: 100%;
    padding: 18px 18px 30px;
    background-color: #f3f6f9
}

@media (min-width:48rem) {
    .ff-totaliser-container {
        padding: 18px 70px 30px
    }
}

@media (min-width:64rem) {
    .ff-totaliser-container {
        padding: 18px 118px 30px
    }
}

.ff-totaliser__title {
    font-size: 27px;
    line-height: 28px;
    letter-spacing: .27px
}

.ff-totaliser__days,
.ff-totaliser__title {
    color: #001838;
    text-transform: uppercase;
    text-align: center;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700
}

.ff-totaliser__days {
    margin-top: 7px;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: .19px
}

.ff-totaliser__goal-wrapper {
    margin-left: 8px;
    max-width: 20%
}

.ff-totaliser__goal,
.ff-totaliser__goal-label {
    color: #001838;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 19px;
    line-height: 20px;
    letter-spacing: .19px
}

.ff-totaliser__progress-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 13px
}

.ff-totaliser__progress {
    width: 100%;
    height: 20px;
    background: #001838;
    border-radius: 10px;
    overflow: hidden
}

.ff-totaliser__progress-bar {
    height: 20px;
    background: #98c5e9;
    z-index: 1;
    color: #001838;
    font-size: 14px;
    font-weight: 700;
    border-radius: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding-right: 5px;
    min-width: 21%
}

@media (min-width:22.5rem) {
    .ff-totaliser__progress-bar {
        min-width: 18%
    }
}

@media (min-width:37.5rem) {
    .ff-totaliser__progress-bar {
        min-width: 10%
    }
}

@media (min-width:48rem) {
    .ff-totaliser__progress-bar {
        min-width: 9%
    }
}

@media (min-width:64rem) {
    .ff-totaliser__progress-bar {
        min-width: 7%
    }
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .article-body .mc-embedded.mc-embedded--related-article+.ff-totaliser {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:64rem) {
    .article-body .ff-totaliser__progress-bar {
        min-width: 15%
    }
}

.ff-section__small-content .ff-totaliser-container {
    padding: 18px 18px 30px
}

@media (min-width:48rem) {
    .ff-section__small-content .ff-totaliser-container {
        padding: 18px 47px 30px
    }
}

@media (min-width:64rem) {
    .ff-section__small-content .ff-totaliser-container {
        padding: 18px 79px 30px
    }
}

.ff-section__small-content .ff-totaliser__progress-bar {
    min-width: 21%
}

@media (min-width:22.5rem) {
    .ff-section__small-content .ff-totaliser__progress-bar {
        min-width: 18%
    }
}

@media (min-width:37.5rem) {
    .ff-section__small-content .ff-totaliser__progress-bar {
        min-width: 10%
    }
}

@media (min-width:64rem) {
    .ff-section__small-content .ff-totaliser__progress-bar {
        min-width: 12%
    }
}

.mc-main-content--dark-grey .ff-totaliser-container,
.mc-main-content--obsidian-blue .ff-totaliser-container,
.mc-main-content--obsidian-navy .ff-totaliser-container,
.mc-main-content--off-white .ff-totaliser-container {
    background-color: #fff;
    -webkit-box-shadow: 2px 4px 9px 0 rgba(0, 40, 94, .2);
    box-shadow: 2px 4px 9px 0 rgba(0, 40, 94, .2)
}

.ff-totaliser-stats__list {
    padding-top: 10px;
    font-size: 14px
}

.ff-sub-page-navigation {
    border-bottom: 1px solid #98c5e9;
    -webkit-box-shadow: 0 4px 13px 0 rgba(0, 24, 56, .14);
    box-shadow: 0 4px 13px 0 rgba(0, 24, 56, .14);
    padding: 19.5px 0 0
}

.ff-sub-page-navigation .mc-tabs-nav__item:after {
    position: absolute;
    display: block;
    content: "";
    height: 16px;
    top: 1px;
    right: -1px;
    border-left: thin solid #6caddf
}

@supports (-o-object-fit:contain) {
    .ff-sub-page-navigation .mc-tabs-nav__item:after {
        width: 1px;
        background: #6caddf
    }
}

.ff-sub-page-navigation .mc-tabs-nav__item:last-child:after {
    display: none
}

.ff-sub-page-navigation .mc-tabs-nav__item-link {
    opacity: .56
}

.ff-sub-page-navigation .mc-tabs-nav__item-link--active {
    opacity: 1
}

@media (min-width:48rem) {
    .ff-fixtures .fixtures-list-item {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        margin: 0 0 25px;
        padding: 16px 0 0;
        border-top: 1px solid #dde6ed
    }
}

.ff-fixtures .month-term__header-date {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:47.99rem) {
    .ff-fixtures .month-term__header-date {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.ff-fixtures .month-term__header-date .add-to-calendar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 14px
}

@media (max-width:47.99rem) {
    .ff-fixtures .month-term__header-date .add-to-calendar {
        margin-top: 15px
    }
}

.ff-fixtures .month-term:first-child .month-term__header-date {
    margin-top: 41px
}

.ff-fixtures .month-term:last-child .fixtures-list-item:last-child {
    margin-bottom: 20px
}

@media (max-width:47.99rem) {
    .ff-fixtures .month-term__header-group {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

.ff-fixtures .fixture-header {
    background-color: #fff;
    padding-top: 20px;
    -webkit-box-align: unset;
    -webkit-align-items: unset;
    -ms-flex-align: unset;
    align-items: unset
}

@media (min-width:48rem) {
    .ff-fixtures .fixture-header__competition-icon {
        width: 32px;
        margin-right: 8px
    }
}

@media (min-width:48rem) {
    .ff-fixtures .fixture-header__competition {
        margin: 0;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        text-align: left
    }
}

@media (min-width:48rem) {
    .ff-fixtures .fixture-header {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-bottom: 0;
        padding: 0;
        border-top: none;
        background: transparent
    }
}

.ff-fixtures .fixture-header__competition-name {
    color: #69738c
}

@media (min-width:48rem) {
    .ff-fixtures .fixture-body {
        width: 50%
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-fixtures .fixture-body {
        padding: 0
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-fixtures .fixture-body__first-team-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-fixtures .fixture-body__second-team-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-fixtures .fixture-body__when {
        vertical-align: unset
    }
}

@media (min-width:48rem) {
    .ff-fixtures .fixture-tickets {
        -webkit-box-pack: start;
        -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-top: 0;
        padding: 0
    }

    .ff-fixtures .fixture-tickets:last-child {
        margin-bottom: 0
    }
}

.ff-fixtures .fixture-tickets__text {
    width: 100%
}

.ff-fixtures .fixture-tickets__text--tickets-list-hardcoded {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ff-fixtures .fixture-tickets__text-paragraph {
    margin: 4px auto 0
}

.ff-fixtures .fixture-tickets .btn-item {
    width: 50%
}

@media (min-width:48rem) {
    .ff-fixtures .fixture-tickets .btn-item {
        width: 100%
    }
}

.ff-fixtures .fixture-tickets .btn-item a {
    height: 100%
}

.ff-fixtures .fixture-tickets .btn-item .mc-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ff-fixtures__bordered-wrapper {
    background-color: #fff;
    padding-left: 1rem;
    padding-right: 1rem
}

@media (min-width:48rem) {
    .ff-fixtures__bordered-wrapper {
        border: 1px solid #dde6ed
    }
}

@media (min-width:64rem) {
    .ff-fixtures__bordered-wrapper {
        padding-left: 1.5rem;
        padding-right: 1.5rem
    }
}

.ff-fixtures .ff-fixture-tickets {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:64rem) {
    .ff-fixtures .ff-fixture-tickets {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-left: 25px
    }
}

@media (max-width:47.99rem) {
    .ff-fixtures .ff-fixture-tickets__btn {
        width: 225px
    }
}

@media (min-width:48rem) {
    .ff-fixtures .ff-fixture-tickets__btn {
        width: 100%
    }
}

.ff-fixtures .ff-fixture-tickets__text {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #001838;
    width: 100%
}

.ff-fixtures .ff-fixture-tickets__text:not(:first-child) {
    margin-top: 16px
}

.ff-fixtures .ff-fixture-tickets__text--not-available {
    opacity: .5
}

@media (max-width:63.99rem) {
    .ff-fixtures .ff-fixture-tickets__icon {
        display: none
    }
}

.ff-fixtures .ff-fixtures-list {
    margin-top: 28px
}

.ff-fixture-body__teams-wrapper {
    display: table;
    table-layout: fixed;
    width: 100%
}

.ff-fixture-body__sale-badge-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ff-fixture-body__sale-badge {
    padding: 12px;
    border: 1px solid #dde6ed;
    background-color: #ffeac1;
    margin-top: 15px;
    position: relative;
    line-height: 1.29;
    color: #001838
}

.ff-fixture-body__sale-badge:before {
    content: "";
    position: absolute;
    border-top: 1px solid #dde6ed;
    border-left: 1px solid #dde6ed;
    height: 8px;
    width: 8px;
    background: #ffeac1;
    top: -5px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    left: -webkit-calc(50% - 4px);
    left: calc(50% - 4px)
}

@media (max-width:47.99rem) {
    .ff-tickets-filter {
        padding: 0
    }
}

.ff-tickets-filter__cont {
    background-color: #001838;
    padding: 24px 16px;
    margin-top: -100px;
    position: relative
}

@media (max-width:37.49rem) {
    .ff-tickets-filter__cont {
        margin-top: -89px
    }
}

.ff-tickets-filter__cont--body {
    margin-top: 43px
}

.ff-tickets-filter__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.ff-tickets-filter__title {
    color: #e6ff00;
    text-transform: uppercase;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

@media (max-width:37.49rem) {
    .ff-tickets-filter__title {
        margin: 0
    }
}

.ff-tickets-filter__filter-toggle {
    display: none
}

@media (max-width:37.49rem) {
    .ff-tickets-filter__filter-toggle {
        display: block
    }
}

.ff-tickets-filter__filter-set {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end
}

@media (max-width:37.49rem) {
    .ff-tickets-filter__filter-set {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }
}

.ff-tickets-filter__filter-item {
    margin: 0 10px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

@media (min-width:37.5rem) {
    .ff-tickets-filter__filter-item {
        max-width: 25%
    }
}

.ff-tickets-filter__filter-item span.js-dropdown-text {
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis
}

.ff-tickets-filter__filter-item .mc-dropdown {
    max-width: 100%
}

.ff-tickets-filter__filter-btn {
    max-height: 38px;
    min-height: auto
}

@media (max-width:37.49rem) {
    .ff-tickets-filter__filter-btn {
        margin-top: 40px
    }
}

.toggle-search {
    display: none
}

@media (max-width:37.49rem) {
    .toggle-search {
        display: block
    }
}

a.toggle-search {
    color: #fff
}

a.toggle-search:hover {
    text-decoration: none
}

@media (max-width:37.49rem) {
    .filter-hidden {
        display: none
    }
}

.tickets-news-list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.tickets-news-list__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.tickets-news-list__item .news-card {
    width: 100%
}

@media (max-width:37.49rem) {
    .tickets-news-list__item .news-card {
        padding-bottom: 20px;
        margin-bottom: 9px;
        border-bottom: 1px solid #dde6ed
    }
}

@media (min-width:37.5rem) and (max-width:47.99rem) {
    .tickets-news-list__item .news-card__figure-wrapper {
        margin-bottom: 14px;
        width: 100%;
        margin-right: 0
    }
}

@media (min-width:37.5rem) {
    .tickets-news-list__item .news-card__container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.tickets-news-list__item:last-child .news-card {
    margin-bottom: 0;
    border-bottom: 0
}

.tickets-news-section-wrapper:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .tickets-news-section-wrapper:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .tickets-news-section-wrapper:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .tickets-news-section-wrapper:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .tickets-news-section-wrapper:not(:first-child) {
        margin-top: 43px
    }
}

.tickets-news-section__label {
    color: #001838;
    text-transform: uppercase;
    margin-bottom: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 32px;
    letter-spacing: .31px
}

.tickets-news-section__fixture-wrapper {
    margin-bottom: 12px
}

@media (min-width:48rem) {
    .tickets-news-section__fixture-wrapper {
        margin-bottom: 0
    }
}

.tickets-news-section .explore-more {
    margin-top: 8px
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .tickets-news-section .explore-more {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 12px
    }

    .tickets-news-section .explore-more__link {
        margin-right: 8.6%
    }
}

@media (min-width:64rem) {
    .tickets-news-section .explore-more {
        margin-top: 31px
    }
}

@media (min-width:64rem) {
    .tickets-news-section__body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        margin-left: -12px
    }

    .tickets-news-section__body--no-side {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.tickets-news-section .tickets-news-list {
    margin-top: 3px
}

@media (min-width:48rem) {
    .tickets-news-section .tickets-news-list {
        margin-top: 0
    }
}

@media (min-width:64rem) {
    .tickets-news-section .tickets-news-list {
        margin-top: -10px
    }
}

.ff-section__small-content .tickets-news-section__main {
    width: 100%
}

.ff-section__small-content .tickets-news-section__label,
.ff-section__small-content .tickets-news-section__main {
    padding-left: 0;
    padding-right: 0
}

@media (max-width:47.99rem) {
    .ff-info-card-components__list-item:not(:first-child) {
        margin-top: 10px
    }
}

.ff-info-card-component {
    border: 1px solid #dde6ed;
    background-color: #fff;
    height: 100%;
    position: relative
}

.ff-info-card-component__body,
.ff-info-card-component__footer {
    padding-left: 16px;
    padding-right: 16px
}

.ff-info-card-component__body {
    margin-top: 24px;
    margin-bottom: 51px;
    text-decoration: none
}

.ff-info-card-component__footer {
    margin-top: 11px;
    margin-bottom: 16px;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.ff-info-card-component--white .ff-info-card-component__link-label {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.33;
    color: #001838;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ff-info-card-component__link {
    height: 100%;
    display: block;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none
}

.ff-info-card-component__link:hover .ff-info-card-component {
    border: 1px solid #001838
}

.ff-info-card-component__link:hover .ff-info-card-component--white .ff-info-card-component__link-label {
    text-decoration: underline
}

.ff-info-card-component__link:hover .ff-info-card-component--white .ff-info-card-component__title {
    text-decoration: none
}

.ff-info-card-component__link:hover .ff-info-card-component__footer {
    padding-right: 12px
}

.ff-info-card-component__link-icon {
    width: 24px;
    height: 24px;
    border: 1px solid #001838;
    border-radius: 50%
}

.ff-info-card-component__link-icon svg {
    width: 22px;
    height: 22px;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.ff-info-card-component__title {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 31px;
    line-height: 32px;
    letter-spacing: .31px;
    text-transform: uppercase;
    margin: 0;
    color: #001838
}

.ff-info-card-component__description.ff-rich-text {
    margin-top: 4px
}

.ff-info-card-component__image-wrapper {
    padding-top: 51.58%
}

@media (min-width:48rem) {
    .ff-info-card-component__image-wrapper {
        padding-top: 77.42%
    }
}

@media (min-width:64rem) {
    .ff-info-card-component__image-wrapper {
        padding-top: 56.77%
    }
}

.ff-info-card-component__image {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    overflow: hidden;
    font-size: 10px
}

.ff-info-card-component--blue {
    background-color: #001838;
    min-height: 296px
}

.ff-info-card-component--blue .ff-info-card-component__heading {
    display: none
}

.ff-info-card-component--blue .ff-info-card-component__title {
    color: #e6ff00
}

.ff-info-card-component--blue .ff-info-card-component__description {
    color: #fff;
    margin-top: 20px;
    font-size: 18px
}

.ff-info-card-component--blue .ff-info-card-component__description a:not(.mc-button) {
    color: #e6ff00
}

.ff-info-card-component--blue .ff-info-card-component__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 11px;
    padding-bottom: 11px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.ff-info-card-component--blue .ff-info-card-component__link-label {
    color: #fff;
    text-transform: uppercase;
    text-decoration: none
}

.ff-info-card-component--blue .ff-info-card-component__link-icon {
    display: none
}

.ff-info-card-component--blue .ff-info-card-component__body {
    margin-bottom: 74px
}

.ff-promo-banner {
    background-color: #001838;
    text-align: center;
    padding: 39px 12px 41px
}

@media (min-width:48rem) {
    .ff-promo-banner {
        padding: 47px 40px 57px
    }
}

.ff-promo-banner__title {
    color: #e6ff00;
    text-transform: uppercase;
    margin: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}

@media (min-width:64rem) {
    .ff-promo-banner__title {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

.ff-promo-banner__subtitle {
    font-size: 17px;
    line-height: 1.41;
    color: #fff;
    margin-top: 14px
}

.ff-promo-banner__subtitle a:not(.mc-button) {
    color: #fff
}

@media (min-width:48rem) {
    .ff-promo-banner__subtitle {
        font-size: 18px;
        line-height: 1.33
    }
}

.ff-promo-banner__subtitle img {
    max-width: 100%;
    height: auto
}

.ff-promo-banner-wrapper:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-promo-banner-wrapper:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-promo-banner-wrapper:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-promo-banner-wrapper:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-promo-banner-wrapper:not(:first-child) {
        margin-top: 43px
    }
}

@media (max-width:47.99rem) {
    .image-carousel-section {
        margin-top: 23px
    }
}

.image-carousel-section__container {
    position: relative;
    padding: 0
}

.image-carousel-section+.image-carousel-section {
    margin-top: 47px
}

@media (min-width:48rem) {
    .image-carousel-section+.image-carousel-section {
        margin-top: 41px
    }
}

@media (min-width:64rem) {
    .image-carousel-section+.image-carousel-section {
        margin-top: 48px
    }
}

.image-carousel-section__heading {
    margin-bottom: 10px;
    text-transform: uppercase
}

.image-carousel-section__heading,
.image-carousel-section__heading--light {
    color: #001838
}

.image-carousel-section__heading--dark {
    color: #fff
}

@media (min-width:48rem) {
    .image-carousel-section__heading {
        margin-bottom: 14px;
        word-spacing: 2px
    }
}

@media (min-width:64rem) {
    .image-carousel-section__heading {
        margin-bottom: 6px;
        word-spacing: 0
    }
}

.image-carousel-section .container .image-carousel-section__title {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0;
    text-transform: uppercase;
    text-align: left;
    -webkit-margin-after: -webkit-calc(.83em - 12px);
    margin-block-end: calc(.83em - 12px)
}


@media (min-width:64rem) {
    .image-carousel-section .container .image-carousel-section__title {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

@media (min-width:48rem) {
    .image-carousel-section:nth-child(n+2) .image-carousel-section__heading {
        margin-bottom: 4px
    }
}

@media (min-width:48rem) and (min-width:64rem) {
    .image-carousel-section:nth-child(n+2) .image-carousel-section__heading {
        margin-bottom: 12px
    }
}

.image-carousel__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 12px;
    position: relative
}

.image-carousel__item,
.image-carousel__item--landscape {
    width: 512px;
    height: 288px
}

@media (min-width:48rem) {

    .image-carousel__item,
    .image-carousel__item--landscape {
        width: 544px;
        height: 306px
    }
}

@media (min-width:64rem) {

    .image-carousel__item,
    .image-carousel__item--landscape {
        width: 640px;
        height: 360px
    }
}

.image-carousel__item--portrait {
    width: 162.4px;
    height: 288px
}

@media (min-width:48rem) {
    .image-carousel__item--portrait {
        width: 172.55px;
        height: 306px
    }
}

@media (min-width:64rem) {
    .image-carousel__item--portrait {
        width: 203px;
        height: 360px
    }
}

@media (max-width:37.49rem) {
    .image-carousel__item--video {
        width: -webkit-calc(100% - 24px);
        width: calc(100% - 24px);
        height: 100%
    }

    .image-carousel__item--video:first-child {
        width: -webkit-calc(100% - 28px);
        width: calc(100% - 28px)
    }
}

.image-carousel__item:first-child {
    margin-left: 16px
}

@media (min-width:48rem) {
    .image-carousel__item:first-child {
        margin-left: 24px
    }
}

@media (min-width:48rem) {
    .image-carousel__item {
        margin-right: 16px
    }
}

@media (min-width:64rem) {
    .image-carousel__item {
        margin-right: 18px
    }
}

.image-carousel__item:last-child {
    margin-right: 0
}

.image-carousel__item--hidden-spacer {
    width: 1px;
    height: 1px;
    content: "";
    visibility: hidden;
    margin: 0
}

.image-carousel-section--mixed .image-carousel__item,
.image-carousel-section--mixed .image-carousel__item--landscape {
    width: 384px;
    height: 288px
}

@media (min-width:48rem) {

    .image-carousel-section--mixed .image-carousel__item,
    .image-carousel-section--mixed .image-carousel__item--landscape {
        width: 408px;
        height: 306px
    }
}

@media (min-width:64rem) {

    .image-carousel-section--mixed .image-carousel__item,
    .image-carousel-section--mixed .image-carousel__item--landscape {
        width: 480px;
        height: 360px
    }
}

.image-carousel-section--mixed .image-carousel__item--portrait {
    width: 216px;
    height: 288px
}

@media (min-width:48rem) {
    .image-carousel-section--mixed .image-carousel__item--portrait {
        width: 229.5px;
        height: 306px
    }
}

@media (min-width:64rem) {
    .image-carousel-section--mixed .image-carousel__item--portrait {
        width: 270px;
        height: 360px
    }
}

.image-carousel-section--mixed .image-carousel__item--hidden-spacer {
    width: 1px;
    height: 1px
}

.image-carousel-card {
    height: 100%;
    width: 100%;
    -webkit-box-shadow: 0 2px 12px 0 rgba(0, 24, 56, .28);
    box-shadow: 0 2px 12px 0 rgba(0, 24, 56, .28)
}

.image-carousel-card img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.image-carousel-card__link {
    width: 100%;
    height: 100%;
    z-index: 2;
    background: transparent;
    border: none;
    cursor: pointer
}

.image-carousel-card__video-wapper .container {
    padding: 0
}

.image-carousel-card__video-wapper div,
.image-carousel-card__video-wapper figure {
    height: 100%
}

.image-carousel-card__iframe,
.image-carousel-card__video-wapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.image-carousel-card__video-popup {
    position: relative;
    width: 100%;
    padding: 56.25% 0 0;
    max-width: 680px;
    max-height: 383px;
    height: auto;
    display: none
}

@media (min-width:48rem) {
    .image-carousel-card__video-popup {
        padding-top: 0;
        height: 100%
    }
}

.image-carousel-card__video-popup .container {
    padding: 0
}

.image-carousel-section--video .cityTVVideo {
    padding-top: 0
}

.fancybox-slide--iframe {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.fancybox-slide--iframe .fancybox-content {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    max-width: 680px;
    max-height: 383px;
    display: block;
    height: auto
}

@media (min-width:48rem) {
    .fancybox-slide--iframe .fancybox-content {
        padding-top: 0;
        height: 100%
    }
}

.ff-clickthrough-widget {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-clickthrough-widget {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-clickthrough-widget {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-clickthrough-widget {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-clickthrough-widget {
        margin-top: 43px
    }
}

.ff-lce-table-wrapper:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-lce-table-wrapper:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-lce-table-wrapper:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-lce-table-wrapper:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-lce-table-wrapper:not(:first-child) {
        margin-top: 43px
    }
}

.ff-lce-table {
    border: 2px solid #acacac;
    border-radius: 10px;
    background-color: #fff;
    padding: 11px 9px
}

@media (min-width:48rem) {
    .ff-lce-table {
        margin-left: 10%;
        margin-right: 10%
    }
}

@media (min-width:64rem) {
    .ff-lce-table {
        margin-left: 15%;
        margin-right: 15%
    }
}

.ff-lce-table__heading {
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0 16px
}

.ff-lce-table__list {
    padding: 5px
}

.ff-lce-table__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 10px
}

.ff-lce-table__thumbnail-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
    border-radius: 50%;
    width: 29px;
    height: 29px;
    background-color: #d8d8d8;
    color: #acacac;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    margin-right: 10px
}

.ff-lce-table__user-icon {
    position: relative;
    top: 3px;
    width: 100%;
    height: 100%;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.ff-lce-table__user-name {
    color: #989898;
    font-weight: 700;
    font-size: 12px;
    word-break: break-all
}

.ff-lce-table__join-date {
    white-space: nowrap;
    font-size: 12px;
    color: #969696
}

.ff-lce-table__info-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}


@media (min-width:48rem) {
    .ff-section__small-content .ff-lce-table {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:64rem) {
    .ff-section__small-content .ff-lce-table {
        margin-left: 15%;
        margin-right: 0
    }
}

@media (min-width:48rem) {
    .article-body__article-text .ff-lce-table {
        margin-left: 0;
        margin-right: 0
    }
}

.article-body__article-text .ff-lce-table__list .ff-lce-table__item:before {
    display: none
}

.ff-fireworks {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

.ff-hosp-suites__list:not(:last-child) {
    padding-bottom: .7em
}

@media (max-width:37.49rem) {
    .ff-hosp-suites__list.grid {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .ff-hosp-suites__list.grid:not(:last-child) {
        margin-bottom: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-hosp-suites__list.grid {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:37.5rem) {
    .ff-hosp-suites__list-item:not(:last-child) {
        margin-bottom: 16px
    }
}

@media (max-width:19.99rem) {
    .ff-hosp-suites--tours .ff-hosp-suites__list {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .ff-hosp-suites--tours .ff-hosp-suites__list {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .ff-hosp-suites--tours .ff-hosp-suites__list {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

.ff-hosp-suite-component {
    position: relative;
    border: 1px solid #dde6ed;
    height: auto;
    color: #001838;
    background-color: #fff;
    text-decoration: none
}

@media (max-width:63.99rem) {

    .ff-hosp-suite-component:active,
    .ff-hosp-suite-component:focus {
        border-color: #001838
    }
}

@media (max-width:37.49rem) {
    .ff-hosp-suite-component {
        border: none;
        border-bottom: 1px solid #dde6ed;
        padding: 1rem 1rem 0
    }
}

.ff-hosp-suite-component__linked:hover {
    border-color: #001838
}

.ff-hosp-suite-component__linked:hover .ff-hosp-suite-component__link-icon {
    display: block
}

@media not all and (min-width:37.5rem) and (max-width:47.99rem) {
    .ff-hosp-suite-component:not(.ff-hosp-suite-component--tours) .ff-hosp-suite-component__heading {
        padding: 0
    }
}

@media (min-width:48rem) {
    .ff-hosp-suite-component__image-wrapper.mc-aspect-ratio-box-3-2 {
        height: 100%;
        padding: 0
    }
}

.ff-hosp-suite-component__image {
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%
}

.ff-hosp-suite-component__body {
    padding: 0 0 0 10px
}

.ff-hosp-suite-component__price {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
    line-height: 1
}

@media (min-width:47.99rem) {
    .ff-hosp-suite-component__price {
        padding: 0
    }
}

.ff-hosp-suite-component__price h3 {
    margin: 0 0 5px;
    display: inline-block
}

@media not all and (min-width:37.5rem) and (max-width:47.99rem) {
    .ff-hosp-suite-component__price h3 {
        font-size: 20px
    }
}

.ff-hosp-suite-component__price span:first-child {
    color: #69738c;
    
    display: block;
    margin: 10px 0 5px;
    font-weight: 100;
    font-size: 9px;
    line-height: 13px
}

@media not all and (min-width:37.5rem) and (max-width:47.99rem) {
    .ff-hosp-suite-component__price span:first-child {
        font-size: 11px;
        line-height: 15px
    }
}

.ff-hosp-suite-component__price span:last-child {
    
    font-weight: 400;
    text-transform: none;
    font-size: 11px;
    line-height: 15px
}

@media (max-width:37.49rem) {
    .ff-hosp-suite-component__description {
        padding: 0 15px
    }
}

.ff-hosp-suite-component__description.ff-rich-text {
    line-height: 20px;
    
    font-size: 14px;
    line-height: 18px;
    margin: 1em 0
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .ff-hosp-suite-component__description.ff-rich-text {
        font-size: 13px;
        line-height: 17px
    }
}

.ff-hosp-suite-component__description.ff-rich-text ul li {
    position: relative;
    padding-left: 12px;
    margin-bottom: 6px
}

.ff-hosp-suite-component__description.ff-rich-text ul li:before {
    background: #3bd6ff;
    position: absolute;
    top: 7px;
    left: 0
}

.ff-hosp-suite-component__link-icon {
    position: absolute;
    width: 24px;
    height: 24px;
    right: 18px;
    bottom: 17px;
    border: 1px solid #001838;
    border-radius: 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 3px;
    background-color: #fff;
    display: block
}

@media (min-width:37.5rem) {
    .ff-hosp-suite-component__link-icon {
        width: 28px;
        height: 28px;
        right: 22px;
        bottom: 16px
    }
}

@media (min-width:48rem) {
    .ff-hosp-suite-component__link-icon {
        width: 28px;
        height: 28px;
        right: 17px;
        bottom: 17px
    }
}

@media (min-width:64rem) {
    .ff-hosp-suite-component__link-icon {
        display: none;
        width: 24px;
        height: 24px;
        right: 21px;
        bottom: 21px
    }
}

.ff-hosp-suite-component__tooltip {
    padding: 12px;
    background-color: #f3f6f9;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (max-width:37.49rem) {
    .ff-hosp-suite-component__tooltip {
        margin-bottom: 12px
    }
}

@media (min-width:37.5rem) {
    .ff-hosp-suite-component__tooltip {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin-top: 12px
    }
}

.ff-hosp-suite-component__info-icon {
    width: 16px;
    height: 16px;
    margin-right: 9px
}

@media (min-width:37.5rem) {
    .ff-hosp-suite-component__info-icon {
        width: 30px;
        height: 21px
    }
}

.ff-hosp-suite-component__book-btn {
    text-transform: uppercase
}

.ff-hosp-suite-component__info-link {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.43;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 16px
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .ff-hosp-suite-component__info-link {
        font-size: 16px
    }
}

.ff-hosp-suite-component__info-link-icon {
    width: 14px;
    height: 14px;
    margin-left: 5px
}

@media (min-width:37.5rem) {
    .ff-hosp-suite-component__book-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

@media (min-width:64rem) {
    .ff-hosp-suite-component__book-block {
        border-left: 1px solid #dde6ed;
        padding: 24px 16px 0
    }
}

.ff-hosp-suite-component--tours {
    margin-top: 9px;
    background-color: #fff;
    padding: 15px 0 0;
    border: none;
    border-top: 1px solid #dde6ed
}

.ff-hosp-suite-component--tours:hover {
    border-color: #dde6ed
}

@media (min-width:37.5rem) {
    .ff-hosp-suite-component--tours {
        padding-top: 22px
    }
}

@media (min-width:64rem) {
    .ff-hosp-suite-component--tours {
        padding-top: 0
    }
}

.ff-hosp-suite-component--tours:not(:first-child) {
    margin-top: 32px
}

@media (min-width:37.5rem) {
    .ff-hosp-suite-component--tours:not(:first-child) {
        margin-top: 36px
    }
}

.ff-hosp-suite-component--tours .grid {
    margin: 0
}

@media (min-width:64rem) {

    .ff-hosp-suite-component--tours .grid>div,
    .ff-hosp-suite-component--tours .grid>header {
        padding-top: 24px
    }
}

@media (min-width:37.5rem) {
    .ff-hosp-suite-component--tours .ff-hosp-suite-component__image-wrapper {
        height: auto
    }
}

@media (min-width:37.5rem) {
    .ff-hosp-suite-component--tours .ff-hosp-suite-component__heading {
        padding-left: 0
    }
}

.ff-hosp-suite-component--tours .ff-hosp-suite-component__price {
    margin-top: 5px
}

@media (min-width:64rem) {
    .ff-hosp-suite-component--tours .ff-hosp-suite-component__price {
        margin-top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-right: 21px;
        text-align: right;
        width: 114px
    }
}

.ff-hosp-suite-component--tours .ff-hosp-suite-component__price h3 {
    font-size: 24px
}

.ff-hosp-suite-component--tours .ff-hosp-suite-component__description,
.ff-hosp-suite-component--tours .ff-hosp-suite-component__info-link {
    padding: 0 0 0 10px
}

@media (min-width:64rem) {
    .ff-hosp-suite-component--tours .ff-hosp-suite-component__info-link {
        padding-bottom: 22px
    }
}

@media (min-width:64rem) {
    .ff-hosp-suite-component--tours .ff-hosp-suite-component__body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:37.5rem) {
    .ff-hosp-suite-component--tours .ff-hosp-suite-component__title {
        font-size: 24px
    }
}

@media (min-width:64rem) {
    .ff-section__small-content .ff-hosp-suite-component--tours .ff-hosp-suite-component__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ff-section__small-content .ff-hosp-suite-component--tours .ff-hosp-suite-component__price {
        margin-top: 5px;
        text-align: left;
        width: auto
    }
}

.mc-aspect-ratio-box-3-2 {
    display: block;
    position: relative;
    height: 0;
    padding-top: 70%;
    overflow: hidden
}

.mc-aspect-ratio-box-3-2__unit {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0
}

@media (max-width:37.49rem) {
    .ff-hosp-container {
        padding: 0
    }
}

.ff-hosp-category-banner__wrapper {
    position: relative
}

@media (max-width:37.49rem) {
    .ff-hosp-category-banner__wrapper {
        margin-left: -1rem;
        margin-right: -1rem
    }
}

.ff-hosp-category-banner__image-wrapper {
    height: 120px
}

@media (min-width:37.5rem) {
    .ff-hosp-category-banner__image-wrapper {
        height: 180px
    }
}

@media (min-width:48rem) {
    .ff-hosp-category-banner__image-wrapper {
        height: 224px
    }
}

@media (min-width:64rem) {
    .ff-hosp-category-banner__image-wrapper {
        height: 320px
    }
}

.ff-hosp-category-banner__image-wrapper img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.ff-hosp-category-banner__body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff;
    font-weight: 700;
    text-align: center;
    overflow: hidden
}

.ff-hosp-category-banner__body-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
    background: #000;
    opacity: .5
}

.ff-hosp-category-banner__title {
    text-transform: uppercase;
    width: 90%;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 39px;
    line-height: 40px;
    letter-spacing: .39px
}

@media (min-width:37.5rem) {
    .ff-hosp-category-banner__title {
        font-size: 49px;
        line-height: 50px;
        letter-spacing: .49px
    }
}

@media (min-width:48rem) {
    .ff-hosp-category-banner__title {
        font-size: 55px;
        line-height: 56px;
        letter-spacing: .55px
    }
}

@media (min-width:37.5rem) {
    .ff-hosp-category-banner__title {
        width: 80%
    }
}

@media (min-width:48rem) {
    .ff-hosp-category-banner__title {
        width: 70%
    }
}

@media (min-width:64rem) {
    .ff-hosp-category-banner__title {
        font-family: KippaxCondensed, sans-serif;
        font-weight: 700;
        font-size: 57px;
        line-height: 58px;
        letter-spacing: .57px;
        width: 60%
    }
}

.ff-hosp-category-banner__text {
    font-size: 16px;
    line-height: 20px;
    width: 50%;
    margin: 1.5em 0
}

@media (max-width:63.99rem) {
    .ff-hosp-category-banner__text {
        display: none
    }
}

.ff-header-hospitality-subpages~.ff-section__content .ff-table-of-contents:first-child~.ff-hosp-category-banner {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #001838), color-stop(0, transparent));
    background: linear-gradient(180deg, #001838 90%, transparent 0)
}

.ff-page-header-subpages {
    background-color: #001838
}

.ff-page-header-subpages__heading {
    color: #fff;
    letter-spacing: normal;
    margin-top: 17px
}

.ff-header-hospitality-subpages .mc-header__secondary-wrapper {
    margin-top: 0;
    background: #001838;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

.ucl-header {
    padding-top: 35px;
    padding-bottom: 20px;
    position: relative;
    background-color: #04113b
}

@media (min-width:48rem) {
    .ucl-header {
        padding-top: 70px;
        padding-bottom: 0;
        background-color: none
    }
}

@media (min-width:48rem) {
    .ucl-header__container {
        margin-right: 30px
    }
}

.ucl-header__title {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 71px;
    line-height: 72px;
    letter-spacing: .71px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 20px
}

.ucl-header__title-shadow {
    color: #04113b;
    text-shadow: 0 0 8px #40ffff;
    -webkit-text-stroke: 2px #3bd6ff;
    letter-spacing: -2.44px
}

@media (min-width:1280px) {
    .ucl-header__title {
        padding-top: 20px;
        font-family: KippaxCondensed, sans-serif;
        font-weight: 700;
        font-size: 111px;
        line-height: 112px;
        letter-spacing: 1.11px
    }
}

.ucl-header__bg-image-wrapper {
    position: absolute;
    top: 0;
    width: 100%;
    height: 640px;
    margin-top: 240px
}

@media (min-width:37.5rem) {
    .ucl-header__bg-image-wrapper {
        margin-top: 248px
    }
}

@media (min-width:48rem) {
    .ucl-header__bg-image-wrapper {
        margin-top: 0;
        height: 827px
    }
}

@media (max-width:47.99rem) {
    .ucl-header__bg-image-wrapper:before {
        content: "";
        background-image: -webkit-gradient(linear, left top, left bottom, from(#04113b), to(rgba(4, 17, 59, 0)));
        background-image: linear-gradient(180deg, #04113b, rgba(4, 17, 59, 0));
        height: 206px;
        width: 100%;
        position: absolute;
        top: -2px;
        left: 0;
        display: block
    }
}

.ucl-header__bg-image-wrapper:after {
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(#04113b), to(rgba(4, 17, 59, 0)));
    background-image: linear-gradient(0deg, #04113b, rgba(4, 17, 59, 0));
    height: 206px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block
}

.ucl-header__bg-image {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top right;
    object-position: top right;
    margin-left: auto
}

.ucl-header__text {
    width: 90%;
    padding-top: 20px;
    color: #fff;
    font-size: 18px;
    line-height: 1.41
}

.ucl-header__text a {
    color: #fff;
    text-decoration: underline
}

@media (min-width:48rem) {
    .ucl-header__text {
        padding-top: 10px
    }
}

.ucl-header+.ff-section__content {
    position: relative
}

@media (min-width:37.5rem) and (max-width:47.99rem) {
    .ucl-header .ff-section__small-content {
        margin-top: 0
    }
}

.ucl-comments {
    max-height: 23rem;
    margin-bottom: 1rem;
    overflow: hidden
}

.ucl-comments__heading {
    color: #fff;
    text-transform: uppercase;
    padding-bottom: 1rem
}

.ucl-comments__card {
    padding: .8rem;
    margin-bottom: 1.2rem
}

.ucl-comments__card,
.ucl-comments__card-primary {
    background-color: #10274f;
    color: #fff;
    border-radius: 1rem
}

.ucl-comments__card-primary {
    padding: 2.3rem 1.8rem;
    margin-bottom: 1.3rem
}

.ucl-comments__card-wrapper span {
    display: block;
    margin-bottom: .35rem
}

.ucl-comments__card-avatar div {
    border-radius: 50%;
    height: 3.7rem;
    width: 3.7rem;
    margin: .2rem .3rem;
    background-clip: padding-box;
    background-size: cover;
    background-position: 50%
}

.ucl-comments__card-name {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    letter-spacing: .26px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ucl-comments__card-info {
    color: #3bd6ff;
    font-size: 11px
}

.ucl-comments__card-comment {
    font-size: 12px;
    line-height: 15px;
    height: 30px;
    overflow: hidden
}

.ucl-comments__card-wrapper-primary {
    padding-left: 1.5rem
}

.ucl-comments__card-wrapper-primary span {
    display: block;
    margin-bottom: .65rem
}

.ucl-comments__card-primary-avatar div {
    border-radius: 50%;
    height: 7rem;
    width: 7rem;
    margin: .8rem 0;
    background-clip: padding-box;
    background-size: cover;
    background-position: 50%
}

.ucl-comments__card-primary-name {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 33px;
    line-height: 34px;
    letter-spacing: .33px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ucl-comments__card-primary-info {
    color: #3bd6ff;
    font-size: 18px
}

.ucl-comments__card-primary-comment {
    font-size: 18px;
    line-height: 26px;
    height: 52px;
    overflow: hidden
}

.ucl-comments__card-btn {
    text-decoration: none;
    display: block;
    position: relative;
    z-index: 10;
    cursor: pointer;
    text-align: center;
    border: none;
    width: 100%;
    background-color: #98c5e9;
    color: #04113b;
    text-transform: uppercase;
    padding: .8rem;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 26px;
    line-height: 27px;
    letter-spacing: .26px
}

.ucl-comments__card-btn-mobile {
    display: none
}

.ucl-comments__card-btn:hover {
    background-color: #6caddf
}

.col-comments-left,
.col-comments-right {
    display: inline-block;
    position: relative;
    padding: 0 .625rem
}

.col-comments-left {
    width: 35%
}

.col-comments-right {
    width: 65%
}

.ucl-scrollable-comments {
    height: 18rem;
    overflow: auto;
    position: relative
}

.ucl-scrollable-comments::-webkit-scrollbar {
    display: none
}

.ucl-scrollable-comments-start {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 5;
    height: 2rem;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04113b), color-stop(70%, #04113b), color-stop(90%, rgba(4, 17, 59, 0)), to(rgba(4, 17, 59, 0)));
    background-image: linear-gradient(180deg, #04113b, #04113b 70%, rgba(4, 17, 59, 0) 90%, rgba(4, 17, 59, 0))
}

.ucl-scrollable-comments-end {
    width: 100%;
    margin-top: -1.1rem;
    z-index: 5;
    height: 2rem;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#04113b), color-stop(70%, #04113b), color-stop(90%, rgba(4, 17, 59, 0)), to(rgba(4, 17, 59, 0)));
    background-image: linear-gradient(0deg, #04113b, #04113b 70%, rgba(4, 17, 59, 0) 90%, rgba(4, 17, 59, 0))
}

.ucl-comments-large-hide {
    display: none
}

@media (max-width:64rem) {
    .ucl-comments {
        max-height: 22rem
    }

    .ucl-scrollable-comments {
        height: 16rem
    }

    .col-comments-left {
        width: 40%
    }

    .col-comments-right {
        width: 60%
    }

    .ucl-comments__card-primary {
        padding: 2rem 1.6rem
    }

    .ucl-comments__card-primary span {
        margin-bottom: .35rem
    }

    .ucl-comments__card-primary-avatar div {
        height: 6rem;
        width: 6rem;
        margin: .25rem 0
    }
}

@media (max-width:48rem) {
    .ucl-comments {
        max-height: 32rem
    }

    .ucl-scrollable-comments {
        height: 22rem
    }

    .ucl-comments__card-btn-mobile {
        display: block;
        margin: 1.2rem .625rem 0
    }

    .ucl-comments-large-hide {
        display: block
    }

    .col-comments-left {
        width: 100%
    }

    .col-comments-right {
        display: none
    }

    .ucl-comments__card span {
        margin-bottom: .45rem
    }

    .ucl-comments__card-avatar div {
        height: 4.5rem;
        width: 4.5rem;
        margin: .25rem 0
    }

    .ucl-scrollable-comments-end {
        margin-top: -5rem
    }
}

.ucl-map {
    display: none
}

.ucl-map__title {
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 23px;
    line-height: 24px;
    letter-spacing: .23px;
    color: #fff;
    padding-bottom: 40px
}

.ucl-map__navbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 32px;
    right: 16px
}

@media (min-width:1280px) {
    .ucl-map__navbar {
        display: none
    }
}

.ucl-map__button {
    width: 32px;
    height: 32px;
    margin-bottom: 16px;
    background-color: #fff;
    border-radius: 50%;
    border: none;
    text-align: center;
    position: relative
}

.ucl-map__container {
    margin-bottom: 30px;
    position: relative;
    padding: 0
}

.ucl-map__image-wrapper {
    display: grid;
    height: 327px;
    overflow: scroll
}

@media (min-width:1280px) {
    .ucl-map__image-wrapper {
        display: block;
        height: 477px;
        overflow: inherit
    }
}

.ucl-map__image {
    display: block;
    margin: auto;
    min-width: 100%
}

@media (min-width:1280px) {
    .ucl-map__image {
        min-width: 100%;
        max-width: 100%;
        overflow: inherit
    }
}

@media (min-width:1280px) {
    .ucl-map__count-wrapper {
        height: 120px;
        position: relative
    }
}

@media (min-width:1280px) {
    .ucl-map__count-container {
        position: absolute;
        left: 50%;
        bottom: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.ucl-map__count {
    color: #04113b;
    margin-bottom: 10px;
    text-shadow: 0 0 8px #40ffff;
    -webkit-text-stroke: 2px #3bd6ff
}

.ucl-map__claimedForUs,
.ucl-map__count {
    font-size: 55px;
    letter-spacing: -1.06px;
    text-align: center
}

.ucl-map__claimedForUs {
    color: #fff;
    text-transform: uppercase;
    font-weight: 800;
    padding-bottom: 40px
}

.ff-ucl-city-stats__head {
    position: relative;
    padding-top: 192%
}

@media (min-width:37.5rem) {
    .ff-ucl-city-stats__head {
        padding-top: 56.25%
    }
}

.ff-ucl-city-stats__heading-wrapper {
    position: absolute;
    z-index: 1;
    top: 28px;
    left: 0;
    width: 100%
}

@media (min-width:37.5rem) {
    .ff-ucl-city-stats__heading-wrapper .grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse
    }
}

.ff-ucl-city-stats__photo-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: inherit;
    padding-top: 192%
}

@media (min-width:37.5rem) {
    .ff-ucl-city-stats__photo-wrapper {
        padding-top: 56.25%
    }
}

.ff-ucl-city-stats__photo-wrapper:before {
    content: "";
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04113b), color-stop(13%, rgba(4, 17, 59, .98)), to(rgba(4, 17, 59, 0)));
    background-image: linear-gradient(180deg, #04113b, rgba(4, 17, 59, .98) 13%, rgba(4, 17, 59, 0));
    height: 153px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 1
}

.ff-ucl-city-stats__photo-wrapper:after {
    content: "";
    background-image: -webkit-gradient(linear, left bottom, left top, from(#04113b), color-stop(13%, rgba(4, 17, 59, .98)), to(rgba(4, 17, 59, 0)));
    background-image: linear-gradient(0deg, #04113b, rgba(4, 17, 59, .98) 13%, rgba(4, 17, 59, 0));
    height: 153px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block
}

.ff-ucl-city-stats__photo {
    height: inherit;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    min-width: 100%
}

.ff-ucl-city-stats__photo.mc-lazy-image.failed-to-load {
    display: none
}

.ff-ucl-city-stats__title {
    text-align: right
}

.ff-ucl-city-stats__title span {
    display: block
}

.ff-ucl-city-stats__description {
    font-size: 16px;
    line-height: 1.19;
    text-align: right;
    color: #fff;
    margin-top: 16px
}

.ff-ucl-city-stats__trophy {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ff-ucl-city-stats__trophy-img {
    width: 129px;
    height: 196px;
    -o-object-fit: contain;
    object-fit: contain
}

@media (min-width:37.5rem) {
    .ff-ucl-city-stats__trophy-img {
        width: 207px;
        height: 314px
    }
}

@media (min-width:64rem) {
    .ff-ucl-city-stats__trophy-img {
        width: 284px;
        height: 432px
    }
}

.ff-ucl-stats-table {
    margin-top: -30px
}

@media (min-width:22.5rem) {
    .ff-ucl-stats-table {
        margin-top: -120px
    }
}

@media (min-width:37.5rem) {
    .ff-ucl-stats-table {
        margin-top: 40px
    }
}

@media (min-width:48rem) {
    .ff-ucl-stats-table {
        margin-top: -6%
    }
}

@media (min-width:64rem) {
    .ff-ucl-stats-table {
        margin-top: -10%
    }
}

@media (min-width:1280px) {
    .ff-ucl-stats-table {
        margin-top: -16%
    }
}

.ff-ucl-stats-table__td {
    border: 1px solid #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ff-ucl-stats-table__td:first-child {
    border-top: none;
    border-left: none
}

@media (min-width:37.5rem) {
    .ff-ucl-stats-table__td:first-child {
        border-bottom: none
    }
}

@media (max-width:37.49rem) {
    .ff-ucl-stats-table__td:nth-child(2) {
        border-top: none;
        border-right: none
    }
}

@media (min-width:37.5rem) {
    .ff-ucl-stats-table__td:nth-child(2) {
        border-top: none;
        border-left: none;
        border-bottom: none
    }
}

@media (max-width:37.49rem) {
    .ff-ucl-stats-table__td:nth-child(3) {
        border-left: none
    }
}

@media (min-width:37.5rem) {
    .ff-ucl-stats-table__td:nth-child(3) {
        border-top: none;
        border-left: none;
        border-bottom: none
    }
}

@media (max-width:37.49rem) {
    .ff-ucl-stats-table__td:nth-child(4) {
        border-right: none
    }
}

@media (min-width:37.5rem) {
    .ff-ucl-stats-table__td:nth-child(4) {
        border: none
    }
}

@media (max-width:37.49rem) {
    .ff-ucl-stats-table__td:nth-child(5) {
        border-left: none
    }
}

@media (min-width:37.5rem) {
    .ff-ucl-stats-table__td:nth-child(5) {
        border-left: none;
        border-bottom: none
    }
}

@media (max-width:37.49rem) {
    .ff-ucl-stats-table__td:nth-child(6) {
        border-right: none
    }
}

@media (min-width:37.5rem) {
    .ff-ucl-stats-table__td:nth-child(6) {
        border-left: none;
        border-bottom: none
    }
}

@media (max-width:37.49rem) {
    .ff-ucl-stats-table__td:nth-child(7) {
        border-left: none;
        border-bottom: none
    }
}

@media (min-width:37.5rem) {
    .ff-ucl-stats-table__td:nth-child(7) {
        border-left: none;
        border-bottom: none
    }
}

@media (max-width:37.49rem) {
    .ff-ucl-stats-table__td:nth-child(8) {
        border-right: none;
        border-bottom: none
    }
}

@media (min-width:37.5rem) {
    .ff-ucl-stats-table__td:nth-child(8) {
        border-left: none;
        border-bottom: none;
        border-right: none
    }
}

.ff-ucl-stats-table__text {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.13;
    text-align: center;
    color: #fff
}

.ff-ucl-stats-table__shadow-text {
    color: #04113b;
    text-shadow: 0 0 8px #40ffff;
    -webkit-text-stroke: 2px #3bd6ff;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 59px;
    line-height: 60px;
    letter-spacing: .59px;
    text-align: center
}

@media (max-width:19.99rem) {
    .image-gallery__body {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .image-gallery__body {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .image-gallery__body {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:37.5rem) and (max-width:47.99rem) {
    .image-gallery__body {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .image-gallery__body {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

.image-gallery__image-wrapper {
    position: relative
}

.image-gallery__image-wrapper:not(:first-child) {
    display: none
}

.image-gallery__image-wrapper img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.image-gallery__gallery-btn {
    position: absolute;
    bottom: 8px;
    right: 8px;
    padding: 3px 12px;
    height: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:48rem) {
    .image-gallery__gallery-btn {
        bottom: 24px;
        left: 24px;
        right: auto
    }
}

.image-gallery__figure-marker-icon {
    width: 24px;
    height: 24px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ff-table-of-contents--blue~.image-gallery {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%, #001838), color-stop(0, transparent));
    background: linear-gradient(180deg, #001838 90%, transparent 0)
}

.ff-more-info-cards {
    padding-top: 51px;
    padding-bottom: 61px;
    background-color: #dde6ed
}

.ff-more-info-cards__heading {
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}

@media (min-width:64rem) {
    .ff-more-info-cards__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

.ff-more-info-card {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ff-more-info-card__image {
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    min-width: 100%
}

.ff-more-info-card__body {
    background-color: #fff;
    padding: 17px
}

.ff-more-info-card__heading {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px;
    height: 44px
}

@media (min-width:37.5rem) {
    .ff-more-info-card__heading {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .ff-more-info-card__heading {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.ff-more-info-card__heading>a {
    color: #001838
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .ff-more-info-card__heading>a {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.ff-more-info-card__heading>a:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: currentColor;
    text-decoration-color: currentColor;
    will-change: opacity
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .ff-more-info-card__heading {
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        height: 80px
    }
}

.ff-more-info-card__footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.ff-more-info-card__link-icon {
    width: 24px;
    height: 24px;
    border: 1px solid #001838;
    border-radius: 50%;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    padding: 3px;
    background-color: #fff;
    display: block
}

@media (min-width:37.5rem) and (max-width:63.99rem) {
    .ff-more-info-card__link-icon {
        width: 28px;
        height: 28px
    }
}

.ff-more-info-card__price {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .ff-more-info-card__price {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .ff-more-info-card__price {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.ff-more-info-card__price-label {
    font-size: 12px
}

.header--simpleheader {
    text-align: center;
    max-width: 650px;
    margin: 0 auto;
    padding: 56px 0 40px
}

@media (min-width:48rem) {
    .header--simpleheader {
        padding: 38px 0 64px
    }
}

@media (min-width:64rem) {
    .header--simpleheader {
        padding: 96px 0
    }
}

.header--simpleheader .content {
    padding: 0 0 40px
}

.header--simpleheader .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:37.5rem) {
    .header--simpleheader .btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.header--simpleheader .btns .mc-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header--simpleheader .btns .mc-button+.mc-button {
    margin-top: 10px
}

@media (min-width:37.5rem) {
    .header--simpleheader .btns .mc-button+.mc-button {
        margin-top: 0;
        margin-left: 20px
    }
}

.header--citybranded {
    padding: 28px 0 40px
}

@media (min-width:48rem) {
    .header--citybranded {
        padding: 19px 0 64px
    }
}

@media (min-width:64rem) {
    .header--citybranded {
        padding: 48px 0
    }
}

.header--citybranded .logoStrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 28px
}

@media (min-width:48rem) {
    .header--citybranded .logoStrap {
        margin-bottom: 19px
    }
}

@media (min-width:64rem) {
    .header--citybranded .logoStrap {
        margin-bottom: 48px
    }
}

.header--citybranded .logoStrap .logo {
    margin-right: 15px
}

.header--imageheader {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:37.5rem) {
    .header--imageheader {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.header--imageheader .container {
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    min-height: 100%
}

.header--imageheader .container .grid {
    margin: 0
}

.header--imageheader .content {
    padding: 55px 1rem 40px;
    text-align: center
}

@media (min-width:48rem) {
    .header--imageheader .content {
        padding-top: 80px;
        padding-right: 80px;
        padding-bottom: 80px;
        text-align: left
    }
}

.header--imageheader .content .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:37.5rem) {
    .header--imageheader .content .btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.header--imageheader .content .btns .mc-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.header--imageheader .content .btns .mc-button+.mc-button {
    margin-top: 10px
}

@media (min-width:37.5rem) {
    .header--imageheader .content .btns .mc-button+.mc-button {
        margin-top: 0;
        margin-left: 20px
    }
}

@media (min-width:48rem) {

    .header--imageheader .content--md .btns,
    .header--imageheader .content--md h2 {
        display: none
    }
}

@media (max-width:47.99rem) {

    .header--imageheader .content--lg .btns,
    .header--imageheader .content--lg h2 {
        display: none
    }
}

.header--imageheader picture,
.header--imageheader picture img {
    width: 100%
}

@media (min-width:767px) {
    .header--imageheader picture {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 60%
    }

    .header--imageheader picture img {
        -o-object-fit: cover;
        object-fit: cover;
        height: 100%;
        width: 100%;
        -o-object-position: top left;
        object-position: top left
    }
}

.header--imageheaderFull {
    margin-top: -40px;
    height: 0;
    padding-bottom: 100%
}

@media (min-width:37.5rem) {
    .header--imageheaderFull {
        padding-bottom: 80%
    }
}

@media (min-width:48rem) {
    .header--imageheaderFull {
        padding-bottom: 50%
    }
}

@media (min-width:64rem) {
    .header--imageheaderFull {
        padding-bottom: 30%
    }
}

.header--imageheaderFull .container {
    margin: 0;
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.header--imageheaderFull .container .grid {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    padding: 0 1rem
}

.header--imageheaderFull .container .grid .content {
    max-width: 61rem;
    background-color: #001838;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    padding: 16px
}

.header--imageheaderFull .container .grid .content h1 {
    margin-bottom: 0;
    word-wrap: break-word
}

.header--imageheaderFull .container .grid .content h2 {
    margin-top: 1rem
}

.header--imageheaderFull picture {
    width: 100%;
    max-height: 100%
}

.header--imageheaderFull picture img {
    min-height: 100%;
    min-width: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media (max-width:47.99rem) {
    .header--imageheaderSplit {
        margin-bottom: 50px
    }
}

.header--imageheaderSplit picture {
    width: 100%
}

@media (min-width:48rem) {
    .header--imageheaderSplit picture {
        width: 50%
    }
}

.header--countdown .countdown-image {
    width: 100%
}

@media (max-width:47.99rem) {
    .header--countdown .countdown-image {
        height: 13.25rem
    }
}

@media (max-width:63.99rem) {
    .header--countdown .ff-page-header__photo {
        -o-object-position: center center;
        object-position: center center
    }
}

@media (min-width:64rem) {
    .header--countdown .ff-page-header__photo {
        -o-object-position: right center;
        object-position: right center
    }
}

.header--countdown .countdown-container {
    background-color: #001838;
    padding: 0
}

@media (min-width:64rem) {
    .header--countdown .countdown-container {
        padding-left: min(3.5rem, 3.5%);
        height: 21rem
    }
}

@media (max-width:63.99rem) {
    .header--countdown .countdown-container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 1.5rem 0
    }
}

@media (min-width:48rem) {
    .header--countdown .countdown-container-hidden {
        min-height: 21rem
    }
}

.header--countdown .countdown-content {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    gap: 1.5rem
}

@media (min-width:64rem) {
    .header--countdown .countdown-content {
        -webkit-box-align: start;
        -webkit-align-items: start;
        -ms-flex-align: start;
        align-items: start
    }
}

@media (max-width:63.99rem) {
    .header--countdown .countdown-content {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.header--countdown .btns-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    gap: .5rem
}

.header--countdown .btn-primary {
    background-color: #3bd6ff;
    color: #001838
}

.header--countdown .btn-primary,
.header--countdown .btn-secondary {
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 14px;
    letter-spacing: .13px
}

.header--countdown .btn-secondary {
    border: 1px solid #fff;
    background-color: #001838
}

.header--countdown .w-50 {
    width: 50%
}

.header--countdown .w-100 {
    width: 100%
}

.header--countdown .p-0 {
    padding: 0
}

.header--countdown .event-title {
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: .3px;
    text-transform: uppercase
}

.pictureText .grid {
    padding: 50px 0
}

@media (min-width:37.5rem) {
    .pictureText .grid {
        padding: 50px 0
    }
}

.pictureText:nth-of-type(2n) .pictureText__img {
    padding-bottom: 0
}

@media (min-width:37.5rem) {
    .pictureText:nth-of-type(2n) .pictureText__img {
        padding-left: 0;
        padding-right: 0
    }
}

.pictureText:nth-of-type(2n) .pictureText__content {
    padding-left: 1.5rem;
    padding-right: 1rem
}

@media (min-width:37.5rem) {
    .pictureText:nth-of-type(2n) .pictureText__content .content {
        margin-left: auto
    }
}

.pictureText:nth-of-type(2n) .grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    padding-bottom: 0
}

.pictureText__img {
    padding: 0
}

.pictureText__img picture {
    width: 100%;
    height: 0;
    overflow: hidden;
    position: relative;
    display: block
}

.pictureText__img picture img {
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

.pictureText__content {
    padding-left: 1rem;
    padding-right: 1.5rem;
    padding-bottom: 50px
}

.pictureText__content .content {
    width: 100%;
    max-width: 400px
}

.ctaHighlight {
    min-height: 50vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    position: relative;
    padding-top: 50px;
    padding-bottom: 50px
}

.ctaHighlight h2 {
    margin-bottom: 20px
}

@media (min-width:37.5rem) {
    .ctaHighlight h2 {
        margin-bottom: 40px
    }
}

.ctaHighlight p {
    margin: 0
}

.ctaHighlight .mc-button {
    display: inline-block;
    margin-top: 48px;
    padding-left: 25px;
    padding-right: 25px
}

@media (min-width:37.5rem) {
    .ctaHighlight .mc-button {
        margin-top: 50px;
        padding-left: 50px;
        padding-right: 50px
    }
}

.ff-upcoming-avail:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-upcoming-avail:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-upcoming-avail:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-upcoming-avail:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-upcoming-avail:not(:first-child) {
        margin-top: 43px
    }
}

.ff-upcoming-avail__category {
    
    font-weight: 700;
    margin: 0;
    font-size: 13px;
    line-height: 17px
}

.ff-upcoming-avail__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase
}

.ff-upcoming-avail__all-btn {
    background-color: #f3f6f9;
    color: #001838;
    border: none;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 17px 12px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: -1px
}

.ff-upcoming-avail__all-btn:hover {
    background-color: #dde6ed;
    color: #001838
}

.ff-upcoming-avail__all-btn span {
    margin-right: 20px
}

.ff-upcoming-avail__arrow-icon {
    width: 14px;
    height: 14px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.ff-upcoming-avail__no-fixtures {
    text-align: center;
    font-weight: 700
}

.ff-upcoming-avail-table {
    border-top: 1px solid #001838;
    width: 100%;
    table-layout: fixed
}

.ff-upcoming-avail-table__team-logo-wrapper {
    width: 40px;
    padding-right: 8px
}

.ff-upcoming-avail-table__team-logo {
    width: 100%;
    height: 100%
}

.ff-upcoming-avail-table__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.ff-upcoming-avail-table__bold-info {
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ff-upcoming-avail-table__btn {
    width: 48px;
    min-height: 32px;
    padding: 8px 0;
    font-size: 13px
}

.ff-upcoming-avail-table__btn--disabled {
    opacity: .3;
    cursor: default
}

.ff-upcoming-avail-table td {
    padding-top: 11px;
    padding-bottom: 13px;
    border-bottom: 1px solid #dde6ed
}

.ff-upcoming-avail-table td:nth-child(3) {
    text-align: right;
    padding-right: 16px;
    width: 32%
}

.ff-upcoming-avail-table td:nth-child(4) {
    width: 48px
}

@media (max-width:63.99rem) {
    .cityTVVideo {
        padding-bottom: 4px
    }

    .cityTVVideo .intersection {
        position: absolute;
        top: -65px
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .cityTVVideo .intersection {
        top: -97px
    }
}

@media (max-width:63.99rem) {
    .cityTVVideo .close {
        display: none;
        position: absolute;
        top: 8px;
        right: 8px;
        z-index: 100
    }

    .cityTVVideo .close svg {
        height: 16px;
        width: 16px;
        color: #fff
    }

    .cityTVVideo.sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 64px;
        background-color: #f3f6f9
    }
}

@media (max-width:63.99rem) and (min-width:48rem) {
    .cityTVVideo.sticky {
        top: 96px
    }
}

@media (max-width:63.99rem) and (min-width:48rem) and (max-width:63.99rem) {
    .cityTVVideo.sticky {
        top: 75px
    }
}

@media (max-width:63.99rem) {
    .cityTVVideo.sticky.is-stuck {
        -webkit-box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .51);
        box-shadow: 0 4px 15px 0 rgba(0, 0, 0, .51)
    }

    .cityTVVideo.sticky.is-stuck .close {
        background-color: #000;
        width: 32px;
        height: 32px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        border-radius: 50%
    }

    .cityTVVideo figure.mc-embedded {
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:48rem) {
    .cityTVVideo .close {
        display: none
    }

    .cityTVVideo figure.mc-embedded {
        margin-left: 0;
        margin-right: 0
    }
}

.cityTVVideo .vjs-big-play-button:lang(ar) {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.champions-league-card {
    border: 2px solid #3bd6ff;
    background-color: #001838;
    text-align: center;
    height: 100%
}

.champions-league-card a {
    border: none;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.champions-league-card h2 {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px;
    color: #fff
}

@media (min-width:37.5rem) {
    .champions-league-card h2 {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .champions-league-card h2 {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.champions-league-card h2.sc-primary-link-card__content {
    
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #3bd6ff;
    word-break: break-word;
    text-transform: uppercase;
    display: inline-block
}

@media (min-width:37.5rem) {
    .champions-league-card h2.sc-primary-link-card__content {
        font-size: 17px;
        line-height: 20px
    }
}

.sc-info-card {
    height: 100%;
    background: #fff;
    border: 1px solid #dde6ed
}

.sc-info-card a {
    color: #001838;
    text-decoration: underline;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838;
    -webkit-transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out
}

.sc-info-card a:hover {
    text-decoration: none
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .sc-info-card a:hover {
        text-decoration: underline;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent
    }
}

.sc-info-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 24px 16px
}

.sc-info-card__container>* {
    margin-top: 10px;
    margin-bottom: 0
}

.sc-info-card__container>:first-child {
    margin-top: 0
}

@media (min-width:48rem) {
    .sc-info-card__container {
        padding: 28px 23px
    }

    .sc-info-card__container>* {
        margin-top: 12px
    }
}

@media (min-width:64rem) {
    .sc-info-card__container {
        padding-bottom: 38px
    }

    .sc-info-card__container>* {
        margin-top: 9px
    }
}

.sc-info-card__heading {
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px;
    color: #001838;
    word-break: break-word;
    text-transform: uppercase
}

@media (min-width:37.5rem) {
    .sc-info-card__heading {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .sc-info-card__heading {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: .4px
    }
}

.sc-info-card__content {
    color: #001838
}

@media (min-width:48rem) {
    .sc-info-card__content {
        font-size: 17px;
        line-height: 21px
    }
}

.sc-info-card--obsidian {
    background: #001838;
    -webkit-box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    box-shadow: 0 8px 16px 0 rgba(0, 24, 56, .2);
    border: none
}

.sc-info-card--obsidian a {
    color: #3bd6ff;
    -webkit-text-decoration-color: #3bd6ff;
    text-decoration-color: #3bd6ff
}

.sc-info-card--obsidian .sc-info-card__content,
.sc-info-card--obsidian .sc-info-card__heading {
    color: #fff
}

.sc-primary-link-card {
    height: 100%;
    background: #fff
}

.sc-primary-link-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 15px 14px 21px;
    text-decoration: none;
    border: 1px solid #dde6ed;
    -webkit-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

.sc-primary-link-card__container .sc-primary-link-card__heading {
    -webkit-transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .sc-primary-link-card__container .sc-primary-link-card__heading {
        text-decoration: underline;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent
    }
}

.sc-primary-link-card__container:hover {
    border-color: #001838
}

.sc-primary-link-card__container:hover .sc-primary-link-card__heading {
    text-decoration: underline;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838
}

.sc-primary-link-card__container>* {
    margin-top: 8px;
    margin-bottom: 0
}

.sc-primary-link-card__container>:first-child {
    margin-top: 0
}

@media (min-width:48rem) {
    .sc-primary-link-card__container {
        padding: 23px 23px 28px
    }

    .sc-primary-link-card__container>* {
        margin-top: 13px
    }
}

.sc-primary-link-card__icon-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 32px;
    height: 32px
}

.sc-primary-link-card__icon-wrapper>* {
    max-width: 100%;
    max-height: 100%
}

.sc-primary-link-card__icon-wrapper+* {
    margin-top: 10px
}

@media (min-width:48rem) {
    .sc-primary-link-card__icon-wrapper+* {
        margin-top: 19px
    }
}

.sc-primary-link-card__inline-icon {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin-left: 3px;
    margin-bottom: 4px
}

@media (min-width:48rem) {
    .sc-primary-link-card__inline-icon {
        width: 16px;
        height: 16px;
        margin-left: 1px
    }
}

.sc-primary-link-card__image-wrapper img {
    max-width: 100%;
    height: auto;
    max-height: 3.5rem
}

@media (min-width:48rem) {
    .sc-primary-link-card__image-wrapper img {
        max-height: 4rem
    }
}

.sc-primary-link-card__heading {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px;
    color: #001838;
    word-break: break-word;
    text-transform: uppercase
}

@media (min-width:37.5rem) {
    .sc-primary-link-card__heading {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .sc-primary-link-card__heading {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.sc-primary-link-card__content {
    display: none;
    font-size: 13px;
    line-height: 17px;
    color: #69738c
}

@media (min-width:48rem) {
    .sc-primary-link-card__content {
        display: block
    }
}

@media (max-width:47.99rem) {
    .sc-primary-link-card--horizontal .sc-primary-link-card__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 20px 14px 14px
    }

    .sc-primary-link-card--horizontal .sc-primary-link-card__container>*,
    .sc-primary-link-card--horizontal .sc-primary-link-card__container>.stadium-card__icon-wrapper+* {
        margin-top: 0
    }

    .sc-primary-link-card--horizontal .sc-primary-link-card__icon-wrapper {
        margin-top: -7px;
        margin-right: 15px
    }

    .sc-primary-link-card--horizontal .sc-primary-link-card__heading {
        line-height: 1.1
    }
}

.sc-secondary-link-card {
    height: 100%;
    min-height: 56px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #dde6ed
}

@media (min-width:48rem) {
    .sc-secondary-link-card {
        min-height: 64px
    }
}

@media (min-width:64rem) {
    .sc-secondary-link-card {
        min-height: 64px
    }
}

.sc-secondary-link-card__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    text-decoration: none;
    -webkit-transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: -webkit-text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out;
    transition: text-decoration-color .2s ease-in-out, -webkit-text-decoration-color .2s ease-in-out
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {
    .sc-secondary-link-card__container {
        text-decoration: underline;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent
    }
}

.sc-secondary-link-card__container:hover {
    text-decoration: underline;
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838
}

.sc-secondary-link-card__container>* {
    margin-top: 0
}

.sc-secondary-link-card__inline-icon {
    width: 13px;
    height: 13px
}

@media (max-width:47.99rem) {
    .sc-secondary-link-card__inline-icon {
        vertical-align: bottom;
        margin-bottom: 4px
    }
}

@media (min-width:48rem) {
    .sc-secondary-link-card__inline-icon {
        width: 16px;
        height: 16px
    }
}

.sc-secondary-link-card__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding: 11px;
    background: #fff
}

@media (min-width:64rem) {
    .sc-secondary-link-card__content {
        padding: 17px
    }
}

.sc-secondary-link-card__heading {
    
    font-weight: 700;
    word-break: break-word;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:64rem) {
    .sc-secondary-link-card__heading {
        word-spacing: 1px;
        font-size: 17px;
        line-height: 21px
    }
}

.sc-secondary-link-card__image-wrapper {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80px;
    height: 100%;
    background-size: cover
}

@media (min-width:64rem) {
    .sc-secondary-link-card__image-wrapper {
        width: 88px
    }
}

.sc-secondary-link-card__image--stretch {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.sc-secondary-link-card__image.lazyload,
.sc-secondary-link-card__image.lazyloading {
    height: 0
}

.champions-league-card:hover .sc-primary-link-card__content {
    text-decoration: underline;
    text-underline-offset: .15em;
    -webkit-text-decoration-color: #3bd6ff;
    text-decoration-color: #3bd6ff
}

@media (min-width:48rem) and (max-width:64rem) {
    .champions-league-card {
        min-height: 14.9rem
    }
}

@media (max-width:48rem) {
    .champions-league-card {
        min-height: 14rem
    }
}

.sc-section--main-place {
    margin-top: -46px
}

@media (min-width:48rem) {
    .sc-section--main-place {
        margin-top: -96px
    }
}

@media (min-width:64rem) {
    .sc-section--main-place {
        margin-top: -98px
    }
}

@media (max-width:63.99rem) {
    .sc-section--main-place .sc-primary-info__item:first-child {
        margin-bottom: 8px
    }

    .sc-section--main-place .sc-primary-info__item:nth-child(1n+2) {
        margin-top: 8px
    }
}

.sc-section--main-place .sc-secondary-info {
    margin-top: 23px
}

@media (min-width:48rem) {
    .sc-section--main-place .sc-secondary-info {
        margin-top: 15px
    }
}

@media (min-width:64rem) {
    .sc-section--main-place .sc-secondary-info {
        margin-top: 19px
    }
}

.sc-section--main-place .sc-secondary-info:first-child {
    margin-top: 0
}

.sc-section--main-place .sc-secondary-info__heading {
    margin-bottom: 6px;
    color: #001838;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 23px;
    line-height: 24px;
    letter-spacing: .23px
}

@media (min-width:48rem) {
    .sc-section--main-place .sc-secondary-info__heading {
        font-size: 25px;
        line-height: 26px;
        letter-spacing: .25px;
        margin-bottom: 0;
        padding-bottom: 3px
    }
}

@media (min-width:64rem) {
    .sc-section--main-place .sc-secondary-info__heading {
        display: none
    }
}

.sc-section--main-place .sc-secondary-info__heading:last-child {
    margin-bottom: 0
}

.sc-section--main-place .sc-secondary-info__item {
    margin-bottom: 8px
}

@media (min-width:48rem) {
    .sc-section--main-place .sc-secondary-info__item {
        margin-bottom: 0
    }
}

.sc-section--main-place .sc-secondary-info__item:last-child {
    margin-bottom: 0
}

.sc-section__delimiter {
    height: 1px;
    border: 0;
    margin: 28px 0;
    background-color: #dde6ed
}

@media (min-width:48rem) {
    .sc-section__delimiter {
        margin: 32px 0
    }
}

@media (min-width:64rem) {
    .sc-section__delimiter {
        margin: 30px 0
    }
}

@media (max-width:47.99rem) {
    .col-6.cards-grid {
        max-width: 376px
    }
}

@media (max-width:22.5rem) {
    .col-6.cards-grid {
        width: 100%
    }
}

.sc-section--secondary-place .sc-section__item {
    margin-bottom: 24px
}

@media (min-width:48rem) {
    .sc-section--secondary-place .sc-section__item {
        margin-bottom: 0
    }
}

.sc-section--secondary-place .sc-section__item:last-child {
    margin-bottom: 0
}

.single-video-iframe-wrap {
    position: relative
}

.single-video-iframe-wrap-aspect-16-9 {
    padding-bottom: 56.25%
}

.single-video-iframe-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.single-video-iframe-label {
    text-transform: uppercase
}

.ff-single-image-embed {
    position: relative
}

.ff-single-image-embed--wide {
    padding-top: 56.25%
}

@media (min-width:64rem) {

    .ff-single-image-embed--wide,
    .ff-single-image-embed--wide .ff-single-image-embed__image-wrapper {
        padding-top: 25%
    }
}

.ff-single-image-embed__heading {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0;
    text-transform: uppercase;
    padding-bottom: 21px;
    margin-bottom: 0
}

@media (min-width:64rem) {
    .ff-single-image-embed__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

@media (min-width:48rem) {
    .ff-single-image-embed__heading {
        padding-bottom: 36px
    }
}

.ff-single-image-embed__desc {
    text-align: center;
    font-style: oblique;
    font-size: 12px;
    line-height: 16px
}

.ff-single-image-embed__image-wrapper {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height: inherit
}

.ff-single-image-embed__image {
    height: inherit;
    height: 100%;
    -o-object-position: center;
    object-position: center;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 100%;
    min-width: 100%
}

.ff-single-image-embed__image.mc-lazy-image.failed-to-load {
    display: none
}

.ff-players-block-section {
    position: relative;
    padding: 32px 0 26px
}

@media (min-width:64rem) {
    .ff-players-block-section {
        padding-bottom: 0
    }
}

.ff-players-block-section:not(:first-child) {
    margin-top: 28px
}

@media (min-width:22.5rem) {
    .ff-players-block-section:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {
    .ff-players-block-section:not(:first-child) {
        margin-top: 28px
    }
}

@media (min-width:48rem) {
    .ff-players-block-section:not(:first-child) {
        margin-top: 34px
    }
}

@media (min-width:64rem) {
    .ff-players-block-section:not(:first-child) {
        margin-top: 43px
    }
}

.ff-players-block-section:last-child:not(.ff-players-block-section--bg) {
    padding-bottom: 0
}

.ff-players-block-section__heading {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0;
    margin-bottom: 8px;
    text-transform: uppercase;
    margin-left: 1rem;
    margin-right: 1rem
}

@media (min-width:64rem) {
    .ff-players-block-section__heading {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

@media (min-width:48rem) {
    .ff-players-block-section__heading {
        margin-bottom: 4px;
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

@media (min-width:64rem) {
    .ff-players-block-section__heading {
        margin-bottom: 12px;
        margin-left: 1.5rem;
        margin-right: 1.5rem
    }
}

.ff-players-block-section__bg-wrapper {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff
}

.ff-players-block-section__bg-image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.ff-players-block-section--dark .ff-players-block-section__bg-wrapper {
    background-color: #001838
}

.ff-players-block-section--dark .ff-players-block-section__heading {
    color: #fff
}

.ff-players-block-section--dark .squad-list-wrapper:before {
    background: -webkit-gradient(linear, left top, right top, from(#001838), to(rgba(0, 24, 56, 0)));
    background: linear-gradient(90deg, #001838, rgba(0, 24, 56, 0))
}

.ff-players-block-section--dark .squad-list-wrapper:after {
    background: -webkit-gradient(linear, right top, left top, from(#001838), to(rgba(0, 24, 56, 0)));
    background: linear-gradient(270deg, #001838, rgba(0, 24, 56, 0))
}

.ff-players-block-section--dark .squad-nav:after,
.ff-players-block-section--dark .squad-nav:before {
    opacity: .2;
    background-color: #fff
}

.ff-players-block-section--bg-image .squad-list-wrapper:after,
.ff-players-block-section--bg-image .squad-list-wrapper:before {
    background: none
}

@media (min-width:64rem) {
    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__competition-logo .ff-key-fixture--small {
        display: none
    }

    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__competition-logo .ff-key-fixture--big {
        display: block
    }

    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__logos {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__team-logo {
        height: 80px
    }

    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__away-team-crest,
    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__home-team-crest {
        width: 80px;
        height: 80px
    }

    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__fixture-info {
        margin-left: 16px;
        margin-top: 0
    }

    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__competition {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__competition-devider {
        display: none
    }

    .ff-key-fixture:not(.ff-key-fixture--embed) .ff-key-fixture__info-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }
}

.ff-key-fixture {
    border: 1px solid #69738c;
    border-top: 3px solid #001838;
    -webkit-box-shadow: 0 1px 4px rgba(0, 24, 56, .16);
    box-shadow: 0 1px 4px rgba(0, 24, 56, .16);
    background-color: #eaeef2;
    padding: 16px;
    position: relative
}

@media (min-width:48rem) {
    .ff-key-fixture {
        padding: 16px 16px 20px
    }
}

.ff-key-fixture--no-btns {
    padding-bottom: 24px
}

.ff-key-fixture--blue {
    background-color: #001838;
    border: 1px solid #001838;
    border-top: 3px solid #3bd6ff
}

.ff-key-fixture--blue .ff-key-fixture__heading {
    color: #3bd6ff
}

.ff-key-fixture--blue .ff-key-fixture__competition-block,
.ff-key-fixture--blue .ff-key-fixture__team-names {
    color: #fff
}

.ff-key-fixture--blue .mc-button--secondary {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff
}

.ff-key-fixture__heading {
    
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    color: #001838;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 10px
}

.ff-key-fixture__competition-logo {
    width: auto;
    height: 32px
}

.ff-key-fixture__competition-logo--small {
    position: absolute;
    top: 16px;
    right: 16px
}

.ff-key-fixture__competition-logo--big {
    display: none;
    margin-right: 8px
}

.ff-key-fixture__logos {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.ff-key-fixture__team-logo {
    width: auto;
    height: 64px
}

.ff-key-fixture__home-team-crest {
    margin-right: 8px
}

.ff-key-fixture__away-team-crest,
.ff-key-fixture__home-team-crest {
    width: 64px;
    height: 64px
}

.ff-key-fixture__fixture-info {
    margin-top: 10px
}

.ff-key-fixture__team-names {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px;
    color: #001838;
    text-transform: uppercase;
    font-weight: 700;
    font-family: KippaxCondensed, sans-serif
}

@media (min-width:37.5rem) {
    .ff-key-fixture__team-names {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .ff-key-fixture__team-names {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

@media (min-width:48rem) {
    .ff-key-fixture__team-names span {
        text-transform: none;
        font-weight: 400
    }
}

.ff-key-fixture__competition-block {
    
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    margin-top: 6px;
    color: #001838;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ff-key-fixture__competition-name {
    font-weight: 700
}

.ff-key-fixture__btn-wrapper {
    margin-top: 16px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.ff-key-fixture__btn-wrapper .mc-button {
    width: 100%;
    padding: 10px 12px 11px
}

.ff-key-fixture__btn-wrapper .mc-button+.mc-button {
    margin-left: 8px
}

@media (min-width:48rem) {
    .ff-section__content .ff-key-fixture__body {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .ff-section__content .ff-key-fixture__team-logo {
        width: auto;
        height: 80px
    }

    .ff-section__content .ff-key-fixture__away-team-crest,
    .ff-section__content .ff-key-fixture__home-team-crest {
        width: 80px;
        height: 80px
    }

    .ff-section__content .ff-key-fixture__logos {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .ff-section__content .ff-key-fixture__info-block {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .ff-section__content .ff-key-fixture__btn-wrapper {
        width: 160px;
        min-width: 160px;
        margin-left: 16px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        margin-top: 0
    }

    .ff-section__content .ff-key-fixture__btn-wrapper .mc-button+.mc-button {
        margin-left: 0;
        margin-top: 8px
    }

    .ff-section__content .ff-key-fixture__fixture-info {
        margin-left: 16px;
        margin-top: 0
    }

    .ff-section__content .ff-key-fixture__competition-logo--small {
        display: none
    }

    .ff-section__content .ff-key-fixture__competition-logo--big {
        display: block
    }

    .ff-section__content .ff-key-fixture__competition {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .ff-section__content .ff-key-fixture__competition-devider {
        display: none
    }
}

@media (min-width:64rem) {
    .ff-section__content .ff-key-fixture__btn-wrapper {
        width: 281px;
        min-width: 281px
    }
}

.countdown-counter {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:19.99rem) {
    .countdown-counter {
        margin: 0 -16px
    }
}

.countdown-counter__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px
}

@media (max-width:19.99rem) {
    .countdown-counter__wrap {
        gap: 8px
    }
}

.countdown-counter--light .countdown-counter__item {
    color: #001838
}

.countdown-counter--light .countdown-counter__item span:first-child {
    background: rgba(108, 173, 223, .3)
}

.countdown-counter--dark .countdown-counter__item {
    color: #3bd6ff
}

.countdown-counter--dark .countdown-counter__item span:first-child {
    background: rgba(59, 214, 255, .2)
}

.countdown-counter__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    text-align: center;
    gap: 4px
}

.countdown-counter__item span:first-child {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0;
    padding: 12px 0;
    width: 64px;
    height: 72px
}


@media (min-width:64rem) {
    .countdown-counter__item span:first-child {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

@media (min-width:37.5rem) {
    .countdown-counter__item span:first-child {
        width: 72px;
        height: 80px
    }
}

@media (min-width:64rem) {
    .countdown-counter__item span:first-child {
        width: 80px;
        height: 88px
    }
}

.countdown-counter__item span:last-child {
    
    font-size: 10px;
    font-weight: 700
}

.event-cc-content-cont--event .event-cc-counter {
    padding: 0
}

.event-cc-content-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    position: relative
}

@media (min-width:37.5rem) {
    .event-cc-content-cont--fixture .countdown-counter {
        -webkit-box-pack: start;
        -webkit-justify-content: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.event-cc-content-cont--fixture .event-cc-counter {
    padding: 32px 0 16px
}

@media (min-width:48rem) {
    .event-cc-content-cont--fixture {
        -webkit-column-gap: 24px;
        column-gap: 24px
    }
}

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

@media (max-width:47.99rem) {
    .event-cc-content-cont {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.event-cc-content-cont.ff-key-fixture--gray {
    background-color: #fff
}

.event-cc-content-cont.ff-key-fixture.ff-key-fixture--gray {
    border: none;
    border-top: 3px solid #6caddf
}

.event-cc-content {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.event-func {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center
}

.event-cc-btn-set {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 16px;
    gap: 8px
}

.event-cc-btn-set--small {
    display: none
}

.event-cc-btn-set>* {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.event-cc-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    position: relative;
    margin: -16px -16px 20px;
    height: 200px
}

@media (min-width:37.5rem) {
    .event-cc-image {
        height: 305px
    }
}

@media (min-width:48rem) {
    .event-cc-image {
        height: 325px
    }
}

.event-cc-image__unit {
    min-width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.event-cc-title {
    margin: 4px 0 12px
}

.event-cc-descr {
    
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0
}

.event-cc-descr.ff-rich-text {
    padding: 16px 0 8px;
    margin: 0
}

.ff-key-fixture__heading {
    width: 100%
}

@media (min-width:64rem) {
    .ff-section__content .event-cc-counter {
        padding: 0
    }
}

@media (min-width:64rem) {
    .ff-section__content .event-cc-btn-set--big {
        display: none
    }
}

.ff-section__content .event-cc-btn-set--small {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (max-width:63.99rem) {
    .ff-section__content .event-cc-btn-set--small {
        display: none
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-section__content .event-cc-content-cont--fixture .ff-key-fixture__info-block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .ff-section__content .event-cc-content-cont--fixture .ff-key-fixture__fixture-info {
        margin: 10px 0 0
    }
}

@media (max-width:47.99rem) {
    .ff-section__content .event-cc-content-cont--fixture .event-cc-counter {
        padding: 32px 0 16px
    }
}

.ff-section__content .event-cc-image {
    margin: -16px 0 20px -16px
}

@media (max-width:63.99rem) {
    .ff-section__content .event-cc-image {
        margin-right: -16px
    }
}

@media (min-width:37.5rem) {
    .ff-section__content .event-cc-image {
        margin-bottom: 20px
    }
}

@media (min-width:64rem) {
    .ff-section__content .event-cc-image {
        margin-bottom: -21px
    }
}

.ff-section__content .event-cc-content-cont--event {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (max-width:47.99rem) {
    .ff-section__content .event-cc-content-cont--event {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

@media (min-width:64rem) {
    .ff-section__content .event-cc-content-cont--event {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:64rem) {
    .ff-section__content .event-cc-content-cont--event .event-func {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: left
    }
}

.ff-section__content .event-cc-content-cont--event .event-cc-btn-set--big {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.ff-section__content .event-cc-content-cont--event .event-cc-btn-set--small {
    display: none
}

@media (min-width:64rem) {
    .ff-section__content .event-cc-content-cont--event .event-cc-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}

@media (min-width:64rem) {
    .ff-section__content .event-cc-content-cont--event .event-cc-image {
        height: auto;
        width: 100%
    }
}

.ff-key-fixture--blue .event-cc-descr,
.ff-key-fixture--blue .event-cc-title {
    color: #fff
}

.ff-divider-space--layout-01 {
    height: 8px
}

.ff-divider-space--layout-02 {
    height: 12px
}

.ff-divider-space--layout-03 {
    height: 16px
}

.ff-divider-space--layout-04 {
    height: 24px
}

.ff-divider-space--layout-05 {
    height: 32px
}

.ff-divider-space--layout-06 {
    height: 40px
}

.ff-divider-space--layout-07 {
    height: 56px
}

.ff-divider-space--layout-08 {
    height: 64px
}

.ff-divider-space--layout-09 {
    height: 80px
}

.ff-divider-space--layout-10 {
    height: 112px
}

.ff-divider-line {
    border-top: 1px solid
}

.ff-divider-line--white {
    border-color: #fff
}

.ff-divider-line--light-grey {
    border-color: #dde6ed
}

.ff-divider-line--city-sky-blue {
    border-color: #6caddf
}

.ff-divider-line--city-dark-blue {
    border-color: #001838
}

.ff-divider-line--city-electric-blue {
    border-color: #3bd6ff
}

.ff-cityzens-widget-iframe {
    max-width: 576px;
    margin: 0 auto;
    display: block
}

.partners-header__content a,
.partners-side-block__content a {
    color: #e6ff00
}

@supports ((-webkit-text-decoration-color: #E6FF00) or (text-decoration-color: #E6FF00)) or (-webkit-text-decoration-color:#E6FF00) {

    .partners-header__content a,
    .partners-side-block__content a {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: #e6ff00;
        text-decoration-color: #e6ff00;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.partners-header__content a:hover,
.partners-side-block__content a:hover {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: transparent;
    text-decoration-color: transparent;
    will-change: opacity
}

.partners-group__heading,
.partners-side-block__heading {
    position: relative;
    padding-top: 18px;
    color: #fff;
    font-size: 20px;
    line-height: .99
}

@media (min-width:48rem) {

    .partners-group__heading,
    .partners-side-block__heading {
        padding-top: 25px;
        font-size: 24px
    }
}

.partners-group__heading:before,
.partners-side-block__heading:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 3px;
    background: #e6ff00
}

.partners-header {
    color: #fff
}

.partners-header__heading {
    margin-bottom: 0;
    text-transform: uppercase
}

.partners-header__content {
    margin-top: 20px;
    line-height: 1.3
}

@media (min-width:48rem) {
    .partners-header__content {
        margin-top: 17px
    }
}

@media (min-width:64rem) {
    .partners-header__content {
        display: none
    }
}

.partners-header__content:first-child {
    margin-top: 0
}

.club-partner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #fff
}

.club-partner__logo-outer-wrapper {
    display: block;
    position: relative;
    height: 0;
    padding-top: 55.8%;
    overflow: hidden
}

.club-partner__logo-inner-wrapper {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #fff
}

.club-partner__logo-image {
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 72%;
    max-height: 56%;
    color: #001838
}

@supports ((-webkit-text-decoration-color: transparent) or (text-decoration-color: transparent)) or (-webkit-text-decoration-color:transparent) {

    .club-partner__details,
    .club-partner__name {
        text-decoration: underline;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: transparent;
        text-decoration-color: transparent;
        -webkit-transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: -webkit-text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out;
        transition: text-decoration-color .1s ease-in-out, -webkit-text-decoration-color .1s ease-in-out
    }
}

.club-partner__name {
    margin: 15px 0 0;
    
    font-size: 15px;
    line-height: 19px
}

@media (min-width:48rem) {
    .club-partner__name {
        margin-top: 16px;
        word-spacing: 3px;
        font-size: 17px;
        line-height: 21px
    }
}

.club-partner__details {
    margin-top: 1px;
    font-size: 13px;
    color: #dde6ed
}

@media (min-width:48rem) {
    .club-partner__details {
        margin-top: 5px
    }
}

.club-partner:hover .club-partner__name {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #fff;
    text-decoration-color: #fff;
    will-change: opacity
}

.club-partner:hover .club-partner__details {
    text-decoration: underline;
    -webkit-text-decoration-style: solid;
    text-decoration-style: solid;
    -webkit-text-decoration-color: #dde6ed;
    text-decoration-color: #dde6ed;
    will-change: opacity
}

.partners-group__heading {
    margin-bottom: 21px;
    text-transform: uppercase
}

@media (min-width:48rem) {
    .partners-group__heading {
        width: 350px;
        margin-bottom: 26px
    }
}

@media (min-width:64rem) {
    .partners-group__heading {
        width: 146px;
        margin-bottom: 32px
    }
}

.partners-group__list {
    margin-top: 17px
}

.partners-group__list:first-child {
    margin-top: 0
}

.partners-group__item {
    margin-top: 21px
}

.partners-group__item:nth-child(-n+2) {
    margin-top: 0
}

@media (max-width:37.49rem) {
    .partners-group__item:nth-child(odd) {
        padding-right: 6px
    }

    .partners-group__item:nth-child(2n) {
        padding-left: 6px
    }
}

@media (min-width:37.5rem) {
    .partners-group__item:nth-child(-n+3) {
        margin-top: 0
    }
}

@media (min-width:48rem) {
    .partners-group__item:nth-child(-n+4) {
        margin-top: 0
    }
}

@media (min-width:64rem) {
    .partners-group__item {
        margin-top: 13px
    }
}

.partners-groups__group+.partners-groups__group {
    margin-top: 57px
}

@media (min-width:48rem) {
    .partners-groups__group+.partners-groups__group {
        margin-top: 104px
    }
}

@media (min-width:64rem) {
    .partners-groups__group+.partners-groups__group {
        margin-top: 77px
    }
}

.partners-sidebar {
    color: #fff
}

.partners-side-block__heading {
    margin-bottom: 0
}

.partners-side-block__content {
    margin-top: 28px;
    line-height: 1.3
}

.partners-landing {
    padding-top: 27px;
    padding-bottom: 27px
}

@media (min-width:48rem) {
    .partners-landing {
        padding-top: 28px;
        padding-bottom: 28px
    }
}

.partners-landing__groups {
    margin-top: 28px
}

@media (min-width:48rem) {
    .partners-landing__groups {
        margin-top: 20px
    }
}

.partners-landing__sidebar {
    margin-top: 20px
}

@media (max-width:63.99rem) {
    .partners-landing__sidebar {
        display: none
    }
}

.article-body__no-padding {
    padding: 0
}

.article-body a.mc-button {
    text-decoration: none
}

.osc-details {
    word-break: break-all
}

.osc-details svg {
    position: relative;
    top: 3px;
    width: 20px;
    height: 20px;
    margin: 0 10px
}

.osc-join {
    padding: 20px 0
}

.osc-join button {
    display: none
}

.osc-members {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 30px 0;
    padding: 5px 0;
    background-color: #dde6ed
}

.osc-members .osc-members-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #69738c
}

.osc-members .osc-members-item svg {
    position: relative;
    width: 40px;
    height: 40px;
    padding: 5px 0
}

.osc-members .osc-members-item .osc-members-title {
    margin: 0;
    padding: 5px 0
}

.osc-members .osc-members-item .osc-members-count {
    color: #98c5e9;
    padding: 5px 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 47px;
    line-height: 48px;
    letter-spacing: .47px
}

.osc-image-placeholder {
    background-image: none;
    background-color: #fff
}

.osc-join-info {
    position: relative
}

.osc-join-info #osc-join-error {
    display: none
}

.osc-join-info .mc-tooltip__text-block {
    display: none;
    position: static;
    max-width: 100%
}

.osc-join-info .mc-tooltip__text-block:before {
    content: "";
    top: -4px
}

.article-header__image {
    min-height: unset;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.back-link--padded {
    padding: 13px
}

@media (min-width:37.5rem) {
    .back-link--padded {
        padding: 18px
    }
}

@media (min-width:64rem) {
    .back-link--padded {
        padding: 15px
    }
}

.back-link--stick-top {
    padding-bottom: 13px
}

@media (min-width:37.5rem) {
    .back-link--stick-top {
        padding-bottom: 18px
    }
}

@media (min-width:64rem) {
    .back-link--stick-top {
        padding-bottom: 15px
    }
}

.back-link--stick-bottom {
    padding-top: 13px
}

@media (min-width:37.5rem) {
    .back-link--stick-bottom {
        padding-top: 18px
    }
}

@media (min-width:64rem) {
    .back-link--stick-bottom {
        padding-top: 15px
    }
}

.banner-install-app {
    background-color: #001838;
    display: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 1rem
}

.banner-install-app__close {
    width: 24px;
    height: 24px;
    background: transparent;
    border: none;
    margin-right: 5px
}

.banner-install-app__close svg {
    width: 100%;
    height: 100%;
    color: #f3f6f9
}

.banner-install-app__logo {
    background-color: #98c5e9;
    border-radius: 7px;
    padding: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 10px
}

.banner-install-app__description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.banner-install-app__app-name,
.banner-install-app__app-pub {
    font-size: 12px
}

.banner-install-app__app-name {
    color: #fff
}

.banner-install-app__app-pub {
    color: #989898
}

.banner-install-app__btn-install {
    background: transparent;
    border: none;
    color: #98c5e9;
    margin-left: auto
}

.mc-main-content--membership-cityzens,
.mc-main-content--membership-junior,
.mc-main-content--membership-landing,
.mc-main-content--membership-matchday {
    padding-bottom: 40px
}

.mc-main-content--membership-cityzens .ff-section__content:not(:first-child),
.mc-main-content--membership-junior .ff-section__content:not(:first-child),
.mc-main-content--membership-landing .ff-section__content:not(:first-child),
.mc-main-content--membership-matchday .ff-section__content:not(:first-child) {
    margin-top: 0
}

.membership__section--grey {
    background-color: #f3f6f9
}

.membership__section .container {
    padding-top: 16px;
    padding-bottom: 16px;
    max-width: 64rem
}

@media (min-width:48rem) {
    .membership__section .container {
        padding-top: 64px;
        padding-bottom: 64px
    }
}

.membership__section .js-card-slider-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 8px;
    position: relative
}

.membership__section .js-card-slider-nav:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    z-index: 0;
    background-color: #001838
}

.membership__section .js-card-slider-nav .card-slider-nav__button {
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-left: 8px solid #fff;
    border-right: 8px solid #fff;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

.membership__section .js-card-slider-nav .card-slider-nav__button:disabled {
    opacity: 1
}

.membership__section .js-card-slider-nav .card-slider-nav__button:disabled svg {
    opacity: .2
}

.membership__section .js-card-slider-nav .card-slider-nav__button+.card-slider-nav__button {
    margin-left: 0
}

@media (min-width:37.5rem) {
    .membership__section .js-card-slider-nav {
        display: none
    }
}

.membership__mainTitle {
    color: #001838;
    text-align: center;
    text-transform: uppercase;
    padding: 16px 22px;
    margin-bottom: 16px;
    letter-spacing: -1px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: x-large;
    line-height: 45px;
    letter-spacing: 0
}


@media (min-width:64rem) {
    .membership__mainTitle {
        font-size: xx-large;
        line-height: 59px;
        letter-spacing: 0
    }
}

@media (min-width:37.5rem) {
    .membership__mainTitle {
        padding-bottom: 20px
    }
}

@media (min-width:48rem) {
    .membership__mainTitle {
        padding-bottom: 40px
    }
}

.membership-logo {
    --m-base: #fff;
    color: #fff;
    text-align: center;
    max-width: 140px
}

.membership-logo svg {
    max-width: 140px;
    margin: 0 auto;
    width: 100%
}

.membership-logo__title {
    color: #fff;
    text-transform: uppercase;
    word-spacing: 100vw;
    font-size: 11px;
    line-height: 15px;
    letter-spacing: 1.4px;
    
    font-weight: 700
}

@media (min-width:37.5rem) {
    .membership-logo__title {
        font-size: 13px;
        line-height: 19px;
        letter-spacing: 1.65px
    }
}

.membership-title {
    text-transform: uppercase;
    word-spacing: 100vw;
    font-weight: 800;
    color: #fff
}

.btn--rounded {
    margin-top: 5px;
    border-radius: 4px;
    text-transform: none;
    padding: 4px 1px;
    min-height: unset
}

@media (min-width:48rem) {
    .btn--rounded {
        margin-top: 15px
    }
}

.btn--info {
    cursor: unset;
    letter-spacing: unset;
    padding: 8px 16px;
    font-size: 1.125rem;
    line-height: 1rem
}

.membership__header {
    padding-top: 181.875%
}

@media (min-width:530px) {
    .membership__header {
        padding-top: 112%
    }
}

@media (min-width:48rem) {
    .membership__header {
        padding-top: 95.58%
    }
}

@media (min-width:64rem) {
    .membership__header {
        padding-top: 48.59%
    }
}

@media (min-width:1280px) {
    .membership__header {
        height: 622px;
        padding-top: 0
    }
}

.membership__header .ff-page-header__photo {
    height: 100%
}

.membership__header .ff-page-header__photo-wrapper {
    height: 100%;
    bottom: 0
}

.membership__header .ff-page-header__heading-wrapper--with-image {
    top: unset;
    bottom: 16px
}

@media (min-width:48rem) {
    .membership__header .ff-page-header__heading-wrapper--with-image {
        bottom: 40px
    }
}

.membership__header .membership-logo {
    position: absolute;
    max-width: 100%;
    top: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(7%, #001838), to(transparent));
    background: linear-gradient(180deg, #001838 7%, transparent);
    padding-top: 24px
}

.membership__header .membership-logo svg {
    max-width: 113px
}

@media (min-width:64rem) {
    .membership__header .membership-logo svg {
        max-width: 140px
    }
}

@media (min-width:48rem) {
    .membership__header .membership-logo {
        width: 20%;
        top: 40px;
        padding-top: 0;
        right: 40px;
        background: radial-gradient(rgba(0, 0, 0, .55), transparent 65%)
    }
}

.membership__header .ff-page-header__heading {
    font-size: 90px;
    line-height: 78px;
    letter-spacing: 0;
    display: block;
    padding-top: 8rem;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50% 50%;
    text-align: center;
    letter-spacing: -.9px;
    font-weight: 800
}

@media (min-width:37.5rem) {
    .membership__header .ff-page-header__heading {
        font-size: 134px;
        line-height: 119px
    }
}

@media (min-width:64rem) {
    .membership__header .ff-page-header__heading {
        font-size: 157px;
        line-height: 140px
    }
}

@media (min-width:37.5rem) {
    .membership__header .ff-page-header__heading {
        letter-spacing: -1.33px;
        font-size: 133px;
        line-height: 115px
    }
}

@media (min-width:64rem) {
    .membership__header .ff-page-header__heading {
        letter-spacing: -2.35px;
        font-size: 157px;
        line-height: 140px
    }
}

.membership__header .grid {
    width: 90%;
    margin: 0 auto
}

@media (min-width:48rem) {
    .membership__header .grid {
        width: 100%
    }
}

.membership__header h1 {
    margin-bottom: 0
}

.membership__header .header {
    font-size: 5rem;
    font-weight: 800
}

.membership__header .subHeader {
    background-color: #3bd6ff;
    display: block;
    text-align: center;
    margin: -1px -10% 0;
    padding: 11px 3px;
    -webkit-transform: matrix(1, -.02, .02, 1, 0, 0);
    transform: matrix(1, -.02, .02, 1, 0, 0);
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
    letter-spacing: 0;
    font-family: Kippax, sans-serif
}

@media (min-width:48rem) {
    .membership__header .subHeader {
        width: 555px;
        margin-left: 50%;
        margin-top: -6px;
        -webkit-transform: translate(-50%) matrix(1, -.02, .02, 1, 0, 0);
        transform: translate(-50%) matrix(1, -.02, .02, 1, 0, 0)
    }
}

@media (min-width:64rem) {
    .membership__header .subHeader {
        width: 618px;
        margin-top: -7px;
        font-size: 20px;
        line-height: 28px;
        display: inline-block;
        padding: 8px 13px;
        -webkit-transform: translate(-50%) matrix(1, -.03, .03, 1, 0, 0);
        transform: translate(-50%) matrix(1, -.03, .03, 1, 0, 0)
    }
}

.mc-main-content--membership-matchday .membership__detail-header .container:after,
.t--matchday .membership__detail-header .container:after {
    background-color: #fff
}

.mc-main-content--membership-matchday .membership__detail-header .img:after,
.t--matchday .membership__detail-header .img:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#001838), to(rgba(0, 24, 56, 0)));
    background: linear-gradient(0deg, #001838, rgba(0, 24, 56, 0))
}

.mc-main-content--membership-cityzens .membership__detail-header .container:after,
.t--cityzens .membership__detail-header .container:after {
    background-color: #001838
}

.mc-main-content--membership-cityzens .membership__detail-header .img:after,
.t--cityzens .membership__detail-header .img:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#6caddf), to(rgba(108, 173, 223, 0)));
    background: linear-gradient(0deg, #6caddf, rgba(108, 173, 223, 0))
}

.mc-main-content--membership-junior .membership__detail-header .container:after,
.t--junior .membership__detail-header .container:after {
    background-color: #001838
}

.mc-main-content--membership-junior .membership__detail-header .img:after,
.t--junior .membership__detail-header .img:after {
    background: -webkit-gradient(linear, left bottom, left top, from(#3bd6ff), to(rgba(59, 214, 255, 0)));
    background: linear-gradient(0deg, #3bd6ff, rgba(59, 214, 255, 0))
}

.membership__detail-header .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    text-align: center
}

@media (min-width:37.5rem) {
    .membership__detail-header .container {
        text-align: left;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.membership__detail-header .container:after {
    content: "";
    background-color: #fff;
    position: absolute;
    height: 1px;
    bottom: 0;
    left: 0;
    right: 0
}

.membership__detail-header h1 {
    font-size: 2.8125rem;
    line-height: 2.9375rem;
    margin-top: 30px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0
}

@media (min-width:37.5rem) {
    .membership__detail-header h1 {
        margin-top: 60px;
        font-size: 5.625rem;
        line-height: 5.3125rem
    }
}

@media (min-width:48rem) {
    .membership__detail-header h1 {
        margin-top: 0;
        font-size: 7.1875rem;
        line-height: 6.875rem
    }
}

.membership__detail-header h2 {
    font-size: 32px;
    line-height: 33px;
    letter-spacing: .32px;
    text-transform: uppercase;
    letter-spacing: -1px;
    font-weight: 800
}

@media (min-width:37.5rem) {
    .membership__detail-header h2 {
        font-size: 36px;
        line-height: 36px;
        letter-spacing: .36px
    }
}

@media (min-width:64rem) {
    .membership__detail-header h2 {
        font-size: 40px;
        line-height: 40px;
        letter-spacing: .4px
    }
}

@media (min-width:37.5rem) {
    .membership__detail-header h2 {
        margin-top: 40px
    }
}

.membership__detail-header .img {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    height: 50vh;
    position: relative;
    z-index: 1;
    overflow: hidden;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px)
}

@media (max-width:37.49rem) {
    .membership__detail-header .img {
        margin-left: -1rem;
        margin-right: -1rem;
        width: 100vw
    }
}

@media (min-width:37.5rem) {
    .membership__detail-header .img {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        height: unset;
        margin-bottom: -70px;
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }
}

@media (min-width:48rem) {
    .membership__detail-header .img {
        margin-bottom: -116px
    }
}

.membership__detail-header .img:after {
    content: "";
    display: block;
    height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1
}

.membership__detail-header .img img {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0
}

.membership__detail-header .content {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4;
    margin-top: -40px;
    padding: 0
}

@media (min-width:37.5rem) {
    .membership__detail-header .content {
        margin-top: 0;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-right: 20px
    }
}

.membership__detail-header .price {
    font-size: 1.0625rem;
    font-weight: 700
}

@media (min-width:37.5rem) {
    .membership__detail-header .price {
        margin-bottom: 40px
    }
}

.membership__detail-header .price span {
    display: block;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 34px;
    line-height: 35px;
    letter-spacing: .34px
}

@media (min-width:37.5rem) {
    .membership__detail-header .price span {
        display: inline-block
    }
}

.membership__detail-header .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:48rem) {
    .membership__detail-header .btns {
        margin-bottom: 40px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

.membership__detail-header .btns .mc-button {
    margin-top: 0;
    margin-bottom: 16px
}

@media (min-width:48rem) {
    .membership__detail-header .btns .mc-button {
        margin-bottom: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0;
        -ms-flex: 1 0;
        flex: 1 0
    }
}

.membership__detail-header .btns .btn--info {
    width: auto;
    padding: 4px;
    font-size: 15px;
    line-height: 22px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden
}

@media (min-width:37.5rem) {
    .membership__detail-header .btns .btn--info {
        font-size: 16px;
        line-height: 24px;
        -webkit-box-flex: unset;
        -webkit-flex: unset;
        -ms-flex: unset;
        flex: unset;
        margin-left: unset;
        margin-right: unset;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:48rem) {
    .membership__detail-header .btns .btn--info {
        width: 152px
    }
}

@media (min-width:37.5rem) {
    .membership__detail-header .btns .mc-button+.mc-button {
        margin-bottom: 16px;
        margin-left: 0
    }
}

@media (min-width:48rem) {
    .membership__detail-header .btns .mc-button+.mc-button {
        margin-bottom: 0;
        margin-left: 8px
    }
}

.membership__detail-header .membership-logo {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    margin: 0 auto;
    --m-base: #001838;
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
    position: relative;
    z-index: 1
}

.membership__detail-header .membership-logo__title {
    color: #001838
}

@media (min-width:37.5rem) {
    .membership__detail-header .membership-logo {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        position: absolute;
        right: 1rem
    }
}

@media (min-width:48rem) {
    .membership__detail-header .membership-logo {
        right: 1.5rem
    }
}

.mc-main-content--membership-matchday .membership-logo {
    --m-base: #fff
}

.mc-main-content--membership-matchday .membership-logo__title {
    color: #fff
}

.membership__table {
    background-color: #fff;
    color: #001838;
    position: relative;
    margin-left: -1rem;
    margin-right: -1rem
}

.membership__table .t--matchday .membership-logo {
    --m-base: #001838;
    color: #001838
}

.membership__table .t--matchday .membership-logo__title {
    color: #001838;
    min-height: 40px
}

.membership__table .t--matchday .btn--info {
    border-color: #001838;
    color: #001838;
    background-color: #e5e9ee
}

.membership__table .t--matchday .membership__table__header__price {
    color: #001838
}

.membership__table .t--cityzens .membership-logo {
    --m-base: #6caddf;
    color: #6caddf
}

.membership__table .t--cityzens .membership-logo__title {
    color: #6caddf;
    min-height: 40px
}

.membership__table .t--cityzens .btn--info {
    border-color: #6caddf;
    color: #6caddf;
    background-color: #f0f7fc
}

.membership__table .t--cityzens .membership__table__header__price {
    color: #6caddf
}

.membership__table .t--junior .membership-logo {
    --m-base: #3bd6ff;
    color: #3bd6ff
}

.membership__table .t--junior .membership-logo__title {
    color: #3bd6ff;
    min-height: 40px
}

.membership__table .t--junior .btn--info {
    border-color: #3bd6ff;
    color: #3bd6ff;
    background-color: #e5f8fc
}

.membership__table .t--junior .membership__table__header__price {
    color: #3bd6ff
}

@media (min-width:48rem) {
    .membership__table {
        margin-left: 0;
        margin-right: 0
    }
}

.membership__table .btn--info {
    padding: 2px 0;
    width: 90px;
    display: inline-block;
    font-size: 9px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 700;
    font-family: Kippax, sans-serif
}

@media (min-width:48rem) {
    .membership__table .btn--info {
        width: auto;
        display: block;
        font-size: 13px;
        line-height: 18px
    }
}

@media (min-width:64rem) {
    .membership__table .btn--info {
        
        font-size: 16px;
        line-height: 24px;
        width: 152px;
        display: inline-block
    }
}

.membership__table__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    border-top: 1px solid #bad8f0;
    border-bottom: 16px solid rgba(152, 197, 233, .30196078431372547)
}

.membership__table__row.last {
    border-bottom: none
}

@media (min-width:48rem) {
    .membership__table__row {
        border-bottom: none;
        border-top: none
    }
}

.membership__table__row__cell {
    text-align: center;
    -webkit-flex-basis: 33.33333%;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    padding: 10px 5px;
    border-bottom: 1px solid #bad8f0;
    border-right: 1px solid #bad8f0
}

@media (min-width:48rem) {
    .membership__table__row__cell {
        -webkit-flex-basis: 23.33333%;
        -ms-flex-preferred-size: 23.33333%;
        flex-basis: 23.33333%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}

.membership__table__row__cell .icon {
    width: 24px;
    height: 24px
}

.membership__table__row__title {
    
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.membership__table__row .membership__table__row__cell:first-of-type {
    border-right: none;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (min-width:48rem) {
    .membership__table__row .membership__table__row__cell:first-of-type {
        border-left: 1px solid #bad8f0;
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        border-right: 1px solid #bad8f0;
        text-align: left;
        padding-left: 15px;
        -webkit-box-pack: left;
        -webkit-justify-content: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.membership__table__row .membership__table__row__cell:last-of-type {
    border-right: none
}

@media (min-width:48rem) {
    .membership__table__row .membership__table__row__cell:last-of-type {
        border-right: 1px solid #bad8f0
    }
}

.membership__table__header {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: #fff;
    border-top: 1px solid #bad8f0;
    border-bottom: none;
    overflow: hidden
}

@media (min-width:37.5rem) {
    .membership__table__header {
        position: unset
    }
}

.membership__table__header.is-stuck {
    -webkit-filter: drop-shadow(0 1px 11px #6caddf);
    filter: drop-shadow(0 1px 11px #6caddf)
}

@media (min-width:37.5rem) {
    .membership__table__header.is-stuck {
        -webkit-filter: none;
        filter: none
    }
}

.membership__table__header__col {
    border-bottom: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media (max-width:37.49rem) {
    .membership__table__header__col:nth-child(2) {
        padding-left: 16px
    }

    .membership__table__header__col:last-child {
        padding-right: 16px
    }
}

@media (min-width:48rem) {
    .membership__table__header__col {
        padding: 18px;
        border-bottom: 1px solid #bad8f0
    }
}

.membership__table__header .membership__table__row__cell:first-of-type {
    display: none
}

@media (min-width:48rem) {
    .membership__table__header .membership__table__row__cell:first-of-type {
        display: block
    }
}

.membership__table__header svg {
    display: none
}

@media (min-width:37.5rem) {
    .membership__table__header svg {
        max-width: 127px;
        display: block;
        margin: 0 auto
    }
}

.membership__table__header .membership-logo {
    margin: 0 auto
}

.membership__table__header .membership-logo__title {
    min-height: 30px;
    
    font-size: 19px;
    line-height: 18px;
    letter-spacing: .19px;
    text-transform: uppercase;
    font-weight: 700
}

@media (min-width:37.5rem) {
    .membership__table__header .membership-logo__title {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: 1.73px
    }
}

@media (min-width:64rem) {
    .membership__table__header .membership-logo__title {
        font-size: 17px;
        line-height: 20px;
        letter-spacing: 0
    }
}

.membership__table__header__price {
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px;
    margin-top: 1rem;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700
}

@media (min-width:37.5rem) {
    .membership__table__header__price {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .membership__table__header__price {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.membership__table__sub-header {
    
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    background-color: rgba(152, 197, 233, .30196078431372547);
    border-bottom: none;
    font-weight: 700
}

.membership__table__sub-header>div {
    display: none
}

@media (min-width:48rem) {
    .membership__table__sub-header>div {
        display: block
    }
}

.membership__table__sub-header div:first-of-type {
    display: block;
    border: 0
}

@media (min-width:48rem) {
    .membership__table__sub-header div:first-of-type {
        border-left: 1px solid #bad8f0;
        border-right: 1px solid #bad8f0;
        border-bottom: 1px solid #bad8f0
    }
}

.t--matchday.membership__summary__card {
    background: url(https://web-assets.mancity.com/dist/images/membership/matchday-background.png);
    background-size: cover;
    background-position: 50%
}

.t--matchday.membership__summary__card .content {
    background: -webkit-gradient(linear, left bottom, left top, from(#001838), color-stop(70%, #001838), to(rgba(0, 24, 56, 0)));
    background: linear-gradient(0deg, #001838, #001838 70%, rgba(0, 24, 56, 0));
    color: #fff
}

.t--matchday.membership__summary__card .membership-title:first-line {
    color: #3bd6ff
}

.t--matchday.membership__summary__card .mc-button {
    
    font-size: 13px;
    line-height: 14px;
    letter-spacing: .13px;
    font-weight: 700
}

.t--matchday.membership__summary__card .mc-button--custom {
    border: 1px solid #fff;
    background-color: #001838;
    color: #fff
}

.t--matchday.membership__summary__card .mc-button--custom:hover {
    background-color: #002352
}

.t--cityzens.membership__summary__card {
    background: url(https://web-assets.mancity.com/dist/images/membership/cityzens-background.png);
    background-size: cover;
    background-position: 50%
}

.t--cityzens.membership__summary__card .content {
    background: -webkit-gradient(linear, left bottom, left top, from(#6caddf), color-stop(70%, #6caddf), to(rgba(108, 173, 223, 0)));
    background: linear-gradient(0deg, #6caddf, #6caddf 70%, rgba(108, 173, 223, 0))
}

.t--cityzens.membership__summary__card .membership-title:first-line {
    color: #001838
}

.t--cityzens.membership__summary__card .mc-button {
    
    font-size: 13px;
    line-height: 14px;
    letter-spacing: .13px;
    font-weight: 700
}

.t--cityzens.membership__summary__card .mc-button--custom {
    border: 1px solid #001838;
    background-color: #6caddf;
    color: #001838
}

.t--cityzens.membership__summary__card .mc-button--custom:hover {
    background-color: #81b9e4
}

.t--junior.membership__summary__card {
    background: url(https://web-assets.mancity.com/dist/images/membership/junior-background.png);
    background-size: cover;
    background-position: 50%
}

.t--junior.membership__summary__card .content {
    background: -webkit-gradient(linear, left bottom, left top, from(#3bd6ff), color-stop(70%, #3bd6ff), to(rgba(59, 214, 255, 0)));
    background: linear-gradient(0deg, #3bd6ff, #3bd6ff 70%, rgba(59, 214, 255, 0))
}

.t--junior.membership__summary__card .membership-title:first-line {
    color: #001838
}

.t--junior.membership__summary__card .mc-button {
    
    font-size: 13px;
    line-height: 14px;
    letter-spacing: .13px;
    font-weight: 700
}

.t--junior.membership__summary__card .mc-button--custom {
    border: 1px solid #001838;
    background-color: #3bd6ff;
    color: #001838
}

.t--junior.membership__summary__card .mc-button--custom:hover {
    background-color: #55dbff
}

@media (max-width:19.99rem) {
    .membership__summary.js-card-slider {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .membership__summary.js-card-slider {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .membership__summary.js-card-slider {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

.membership__summary.js-card-slider .js-card-slider-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

@media (min-width:48rem) {
    .membership__summary.js-card-slider .js-card-slider-nav {
        display: none
    }
}

.membership__summary.js-card-slider .js-card-slider-nav .card-slider-nav__button {
    background-color: #f3f6f9;
    border-color: #f3f6f9
}

.membership__summary__container {
    position: relative;
    overflow-x: hidden
}

@media (min-width:64rem) {
    .membership__summary__container {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

.membership__summary__card {
    color: #fff;
    text-align: center;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
    margin-right: 1px;
    width: 264px;
    max-width: 264px;
    min-width: 264px
}

.membership__summary__card+.membership__summary__card {
    margin-left: 5%
}

@media (min-width:22.5rem) {
    .membership__summary__card {
        width: 319px;
        max-width: 319px;
        min-width: 319px
    }
}

@media (min-width:37.5rem) {
    .membership__summary__card {
        margin-left: 0;
        margin-right: 0;
        -webkit-box-flex: 1;
        -webkit-flex: 1 0;
        -ms-flex: 1 0;
        flex: 1 0
    }

    .membership__summary__card+.membership__summary__card {
        margin-left: 16px
    }
}

@media (min-width:48rem) {
    .membership__summary__card {
        width: 224px;
        max-width: 224px;
        min-width: 224px
    }

    .membership__summary__card+.membership__summary__card {
        margin-left: 16px
    }
}

@media (min-width:64rem) {
    .membership__summary__card {
        width: 288px;
        max-width: 288px;
        min-width: 288px
    }

    .membership__summary__card+.membership__summary__card {
        margin-left: 44px
    }
}

.membership__summary__card .membership-title {
    padding: 16px 16px 32px
}

@media (min-width:37.5rem) {
    .membership__summary__card .membership-title {
        padding: 8px
    }
}

@media (min-width:48rem) {
    .membership__summary__card .membership-title {
        padding: 16px 16px 65px
    }
}

.membership__summary__card .content {
    position: relative;
    z-index: 2;
    padding: 20px;
    color: #001838
}

.membership__summary__card .content .price {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px;
    margin-bottom: 15px
}

@media (min-width:37.5rem) {
    .membership__summary__card .content .price {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .membership__summary__card .content .price {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.membership__summary__card .content .strap {
    text-transform: uppercase;
    
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    font-weight: 700
}

.membership__summary__card .img {
    z-index: 1;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 5.5rem
}

@media (min-width:37.5rem) {
    .membership__summary__card .img {
        top: 3.5rem
    }
}

@media (min-width:48rem) {
    .membership__summary__card .img {
        top: 5.5rem
    }
}

.membership__summary__card .mc-button+.mc-button {
    margin-top: 8px
}

.membership__summary__card--hidden-spacer {
    width: 1px;
    height: 1px;
    content: "";
    visibility: hidden;
    margin: 0
}

.membership__summary__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto;
    margin-right: 1px;
    margin-left: 1px;
    min-height: 432px
}

@media (min-width:48rem) {
    .membership__summary__list {
        min-height: 392px;
        margin-left: 0;
        margin-right: 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width:64rem) {
    .membership__summary__list {
        min-height: 520px
    }
}

@media (min-width:48rem) {
    .membership__summary__list--highlight .membership__summary__card {
        margin-top: 24px
    }

    .membership__summary__list--highlight .membership__summary__card:nth-child(2) {
        margin-top: 0;
        width: 240px;
        max-width: 240px;
        min-width: 240px
    }
}

@media (min-width:64rem) {
    .membership__summary__list--highlight .membership__summary__card:nth-child(2) {
        width: 312px;
        max-width: 312px;
        min-width: 312px
    }
}

.mc-main-content--membership-landing .ff-info-card-component__body .ff-info-card-component__description.ff-rich-text,
.mc-main-content--membership-landing .ff-rich-text {
    color: #001838
}

.mc-main-content--membership-landing .ff-rich-text ul li:before {
    background-color: #001838
}

.t--matchday.membership_overview {
    color: #3bd6ff;
    background: url(https://web-assets.mancity.com/dist/images/membership/matchday-background.png) 50% 0 no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(23%, #001838));
    background: url(https://web-assets.mancity.com/dist/images/membership/matchday-background.png) 50% 0 no-repeat, linear-gradient(180deg, transparent, #001838 23%);
    background-size: contain
}

@media (min-width:37.5rem) {
    .t--matchday.membership_overview {
        background: url(https://web-assets.mancity.com/dist/images/membership/matchday-desktop-background.svg) 50% 0 no-repeat;
        background-size: cover
    }
}

@media (max-width:37.49rem) {
    .t--matchday.membership_overview .header {
        background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(70%, #001838));
        background: linear-gradient(0deg, transparent, #001838 70%)
    }

    .t--matchday.membership_overview .body {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(23%, #001838));
        background: linear-gradient(180deg, transparent, #001838 23%)
    }
}

.t--matchday.membership_overview .main-title:first-line {
    color: #001838
}

@media (max-width:37.49rem) {
    .t--matchday.membership_overview .membership_overview__img:after {
        background: -webkit-gradient(linear, left bottom, left top, from(#001838), color-stop(80%, rgba(0, 24, 56, .6)), to(rgba(0, 24, 56, 0)));
        background: linear-gradient(0deg, #001838, rgba(0, 24, 56, .6) 80%, rgba(0, 24, 56, 0))
    }
}

@media (max-width:37.49rem) {
    .t--matchday.membership_overview .membership-logo {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, #001838));
        background: linear-gradient(180deg, transparent, #001838 50%)
    }
}

.t--matchday.membership_overview .subtitle {
    border-color: #3bd6ff
}

.t--matchday.membership_overview .js-card-slider-nav .card-slider-nav__button {
    background-color: #001838;
    border-color: #001838
}

@media (min-width:37.5rem) {
    .t--matchday.membership_overview .js-card-slider-nav .card-slider-nav__button {
        background-color: transparent
    }
}

.t--matchday.membership_overview .membership-logo__title {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 2.45px;
    
    font-weight: 700
}

@media (min-width:37.5rem) {
    .t--matchday.membership_overview .membership-logo__title {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 2.02px;
        font-size: 17px;
        letter-spacing: 0
    }
}

.t--matchday.membership_overview .body .membership-logo {
    --m-base: #fff;
    color: #fff
}

.t--matchday.membership_overview .body .membership-logo__title {
    color: #fff
}

.t--matchday.membership_overview .membership-slider-wrapper {
    position: relative
}

@media (max-width:19.99rem) {
    .t--matchday.membership_overview .membership-slider-wrapper {
        margin-right: -1.25rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .t--matchday.membership_overview .membership-slider-wrapper {
        margin-right: -1.25rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .t--matchday.membership_overview .membership-slider-wrapper {
        margin-right: -1.375rem
    }
}

@media (min-width:37.5rem) {
    .t--matchday.membership_overview .membership-slider-wrapper {
        margin-right: -26px
    }
}

@media (min-width:64rem) {
    .t--matchday.membership_overview .membership-slider-wrapper:after {
        z-index: 5;
        position: absolute;
        content: "";
        top: 0;
        width: 9px;
        height: 100%;
        right: -2px;
        background: -webkit-gradient(linear, right top, left top, color-stop(0, #001838), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(270deg, #001838 0, hsla(0, 0%, 100%, 0))
    }
}

.t--cityzens.membership_overview {
    color: #001838;
    background: url(https://web-assets.mancity.com/dist/images/membership/cityzens-background.png) 50% 0 no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(23%, #6caddf));
    background: url(https://web-assets.mancity.com/dist/images/membership/cityzens-background.png) 50% 0 no-repeat, linear-gradient(180deg, transparent, #6caddf 23%);
    background-size: contain
}

@media (min-width:37.5rem) {
    .t--cityzens.membership_overview {
        background: url(https://web-assets.mancity.com/dist/images/membership/cityzens-desktop-background.svg) 50% 0 no-repeat;
        background-size: cover
    }
}

@media (max-width:37.49rem) {
    .t--cityzens.membership_overview .header {
        background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(70%, #6caddf));
        background: linear-gradient(0deg, transparent, #6caddf 70%)
    }

    .t--cityzens.membership_overview .body {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(23%, #6caddf));
        background: linear-gradient(180deg, transparent, #6caddf 23%)
    }
}

.t--cityzens.membership_overview .main-title:first-line {
    color: #6caddf
}

@media (max-width:37.49rem) {
    .t--cityzens.membership_overview .membership_overview__img:after {
        background: -webkit-gradient(linear, left bottom, left top, from(#6caddf), color-stop(80%, rgba(108, 173, 223, .6)), to(rgba(108, 173, 223, 0)));
        background: linear-gradient(0deg, #6caddf, rgba(108, 173, 223, .6) 80%, rgba(108, 173, 223, 0))
    }
}

@media (max-width:37.49rem) {
    .t--cityzens.membership_overview .membership-logo {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, #6caddf));
        background: linear-gradient(180deg, transparent, #6caddf 50%)
    }
}

.t--cityzens.membership_overview .subtitle {
    border-color: #001838
}

.t--cityzens.membership_overview .js-card-slider-nav .card-slider-nav__button {
    background-color: #6caddf;
    border-color: #6caddf
}

@media (min-width:37.5rem) {
    .t--cityzens.membership_overview .js-card-slider-nav .card-slider-nav__button {
        background-color: transparent
    }
}

.t--cityzens.membership_overview .membership-logo__title {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 2.45px;
    
    font-weight: 700
}

@media (min-width:37.5rem) {
    .t--cityzens.membership_overview .membership-logo__title {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 2.02px;
        font-size: 17px;
        letter-spacing: 0
    }
}

@media (min-width:37.5rem) {
    .t--cityzens.membership_overview .membership-logo {
        --m-base: #001838;
        color: #001838
    }

    .t--cityzens.membership_overview .membership-logo__title {
        color: #001838
    }
}

.t--cityzens.membership_overview .membership-slider-wrapper {
    position: relative
}

@media (max-width:19.99rem) {
    .t--cityzens.membership_overview .membership-slider-wrapper {
        margin-right: -1.25rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .t--cityzens.membership_overview .membership-slider-wrapper {
        margin-right: -1.25rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .t--cityzens.membership_overview .membership-slider-wrapper {
        margin-right: -1.375rem
    }
}

@media (min-width:37.5rem) {
    .t--cityzens.membership_overview .membership-slider-wrapper {
        margin-right: -26px
    }
}

@media (min-width:64rem) {
    .t--cityzens.membership_overview .membership-slider-wrapper:after {
        z-index: 5;
        position: absolute;
        content: "";
        top: 0;
        width: 9px;
        height: 100%;
        right: -2px;
        background: -webkit-gradient(linear, right top, left top, color-stop(0, #6caddf), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(270deg, #6caddf 0, hsla(0, 0%, 100%, 0))
    }
}

.t--junior.membership_overview {
    color: #001838;
    background: url(https://web-assets.mancity.com/dist/images/membership/junior-background.png) 50% 0 no-repeat, -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(23%, #3bd6ff));
    background: url(https://web-assets.mancity.com/dist/images/membership/junior-background.png) 50% 0 no-repeat, linear-gradient(180deg, transparent, #3bd6ff 23%);
    background-size: contain
}

@media (min-width:37.5rem) {
    .t--junior.membership_overview {
        background: url(https://web-assets.mancity.com/dist/images/membership/junior-desktop-background.svg) 50% 0 no-repeat;
        background-size: cover
    }
}

@media (max-width:37.49rem) {
    .t--junior.membership_overview .header {
        background: -webkit-gradient(linear, left bottom, left top, from(transparent), color-stop(70%, #3bd6ff));
        background: linear-gradient(0deg, transparent, #3bd6ff 70%)
    }

    .t--junior.membership_overview .body {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(23%, #3bd6ff));
        background: linear-gradient(180deg, transparent, #3bd6ff 23%)
    }
}

.t--junior.membership_overview .main-title:first-line {
    color: #3bd6ff
}

@media (max-width:37.49rem) {
    .t--junior.membership_overview .membership_overview__img:after {
        background: -webkit-gradient(linear, left bottom, left top, from(#3bd6ff), color-stop(80%, rgba(59, 214, 255, .6)), to(rgba(59, 214, 255, 0)));
        background: linear-gradient(0deg, #3bd6ff, rgba(59, 214, 255, .6) 80%, rgba(59, 214, 255, 0))
    }
}

@media (max-width:37.49rem) {
    .t--junior.membership_overview .membership-logo {
        background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, #3bd6ff));
        background: linear-gradient(180deg, transparent, #3bd6ff 50%)
    }
}

.t--junior.membership_overview .subtitle {
    border-color: #001838
}

.t--junior.membership_overview .js-card-slider-nav .card-slider-nav__button {
    background-color: #3bd6ff;
    border-color: #3bd6ff
}

@media (min-width:37.5rem) {
    .t--junior.membership_overview .js-card-slider-nav .card-slider-nav__button {
        background-color: transparent
    }
}

.t--junior.membership_overview .membership-logo__title {
    font-size: 17px;
    line-height: 23px;
    letter-spacing: 2.45px;
    
    font-weight: 700
}

@media (min-width:37.5rem) {
    .t--junior.membership_overview .membership-logo__title {
        font-size: 14px;
        line-height: 20px;
        letter-spacing: 2.02px;
        font-size: 17px;
        letter-spacing: 0
    }
}

@media (min-width:37.5rem) {
    .t--junior.membership_overview .membership-logo {
        --m-base: #001838;
        color: #001838
    }

    .t--junior.membership_overview .membership-logo__title {
        color: #001838
    }
}

.t--junior.membership_overview .membership-slider-wrapper {
    position: relative
}

@media (max-width:19.99rem) {
    .t--junior.membership_overview .membership-slider-wrapper {
        margin-right: -1.25rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .t--junior.membership_overview .membership-slider-wrapper {
        margin-right: -1.25rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .t--junior.membership_overview .membership-slider-wrapper {
        margin-right: -1.375rem
    }
}

@media (min-width:37.5rem) {
    .t--junior.membership_overview .membership-slider-wrapper {
        margin-right: -26px
    }
}

@media (min-width:64rem) {
    .t--junior.membership_overview .membership-slider-wrapper:after {
        z-index: 5;
        position: absolute;
        content: "";
        top: 0;
        width: 9px;
        height: 100%;
        right: -2px;
        background: -webkit-gradient(linear, right top, left top, color-stop(0, #3bd6ff), to(hsla(0, 0%, 100%, 0)));
        background: linear-gradient(270deg, #3bd6ff 0, hsla(0, 0%, 100%, 0))
    }
}

.membership_overview {
    padding: 0 0 40px;
    overflow: hidden
}

@media (min-width:37.5rem) {
    .membership_overview {
        padding: 0 18px
    }
}

@media (min-width:48rem) {
    .membership_overview {
        padding: 0 18px
    }
}

.membership_overview .container {
    position: relative;
    padding-top: 0;
    padding-bottom: 0
}

.membership_overview h2 {
    color: #fff;
    text-align: center;
    margin-bottom: 0
}

@media (min-width:48rem) {
    .membership_overview h2 {
        font-size: 90px;
        line-height: 78px;
        letter-spacing: 0;
        text-align: left;
        letter-spacing: -2.01px
    }
}

@media (min-width:48rem) and (min-width:37.5rem) {
    .membership_overview h2 {
        font-size: 134px;
        line-height: 119px
    }
}

@media (min-width:48rem) and (min-width:64rem) {
    .membership_overview h2 {
        font-size: 157px;
        line-height: 140px
    }
}

@media (min-width:64rem) {
    .membership_overview h2 {
        letter-spacing: 0
    }
}

.membership_overview .header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px
}

@media (min-width:37.5rem) {
    .membership_overview .header {
        padding-left: 0;
        padding-right: 0
    }
}

.membership_overview .header .membership-logo {
    display: none
}

@media (min-width:37.5rem) {
    .membership_overview .header .membership-logo {
        display: block;
        min-width: 96px
    }
}

@media (min-width:48rem) {
    .membership_overview .header .membership-logo {
        max-width: 122px;
        margin-top: 6px
    }
}

@media (min-width:37.5rem) {
    .membership_overview .header .membership-logo__title {
        font-size: 14px;
        letter-spacing: 2.02px
    }
}

@media (min-width:37.5rem) {
    .membership_overview .body {
        padding-left: 0;
        padding-right: 0
    }
}

.membership_overview .body .membership-logo {
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    max-width: 100%;
    --m-base: #001838;
    color: #001838
}

.membership_overview .body .membership-logo svg {
    max-width: 145px
}

@media (min-width:37.5rem) {
    .membership_overview .body .membership-logo {
        display: none
    }
}

.membership_overview .body .membership-logo__title {
    color: #001838;
    font-size: 16px
}

@media (min-width:37.5rem) {
    .membership_overview .body .membership-logo__title {
        font-size: 12px;
        line-height: 20px;
        letter-spacing: 2.5px
    }
}

.membership_overview__img {
    position: relative;
    overflow: hidden;
    height: 445px;
    margin-bottom: 9vh;
    -webkit-transform: translateY(-2vh);
    transform: translateY(-2vh)
}

@media (min-width:37.5rem) {
    .membership_overview__img {
        -webkit-transform: translateY(-40px);
        transform: translateY(-40px);
        height: -webkit-calc(100% + 40px);
        height: calc(100% + 40px);
        width: 100%;
        margin-bottom: 0
    }
}

@media (min-width:1280px) {
    .membership_overview__img {
        overflow: unset;
        height: auto
    }
}

.membership_overview__img:after {
    content: "";
    display: block;
    height: 100px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.membership_overview__img .img {
    width: 100%;
    position: absolute;
    top: 0;
    right: 0
}

@media (min-width:64rem) {
    .membership_overview__img .img {
        width: auto;
        height: 100%
    }
}

@media (min-width:1280px) {
    .membership_overview__img .img {
        width: 603px;
        height: auto
    }
}

.membership_overview__content {
    text-align: center;
    font-size: 1rem;
    margin-top: 18px
}

@media (min-width:37.5rem) {
    .membership_overview__content {
        text-align: left;
        padding-bottom: 37px
    }
}

@media (min-width:64rem) {
    .membership_overview__content {
        padding-bottom: 74px
    }
}

.membership_overview__content .btn--rounded {
    padding: 5px 9px;
    min-width: 152px;
    font-size: 15px;
    line-height: 22px
}

@media (min-width:48rem) {
    .membership_overview__content .btn--rounded {
        font-size: 16px;
        line-height: 24px;
        margin-top: 8px;
        margin-right: 8px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        overflow: hidden
    }
}

.membership_overview__content .btn--rounded+.btn--rounded {
    margin-top: 16px
}

@media (min-width:48rem) {
    .membership_overview__content .btn--rounded+.btn--rounded {
        margin-top: 8px
    }
}

.membership_overview__content .btn--info {
    background-color: transparent
}

.membership_overview__content .price {
    margin-bottom: 0
}

@media (min-width:37.5rem) {
    .membership_overview__content .price {
        display: inline-block
    }
}

.membership_overview__content .price span {
    font-family: KippaxCondensed, sans-serif;
    font-size: 28px;
    line-height: 22px;
    letter-spacing: .28px;
    font-weight: 700;
    display: block
}

@media (min-width:37.5rem) {
    .membership_overview__content .price span {
        display: inline-block;
        font-size: 29px;
        line-height: 29px;
        letter-spacing: .29px
    }
}

@media (min-width:64rem) {
    .membership_overview__content .price span {
        font-size: 32px;
        line-height: 32px;
        letter-spacing: .32px
    }
}

.membership_overview__content .price-desc {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0
}

@media (min-width:37.5rem) {
    .membership_overview__content .price-desc {
        display: inline-block;
        margin-bottom: 0;
        line-height: 29px
    }
}

@media (min-width:64rem) {
    .membership_overview__content .price-desc {
        font-size: 16px;
        line-height: 32px
    }
}

.membership_overview__content .subtitle {
    text-transform: uppercase;
    margin-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid transparent;
    font-weight: 700
}

@media (min-width:37.5rem) {
    .membership_overview__content .subtitle {
        margin-top: 24px;
        padding-bottom: 24px
    }
}

.membership_overview__content .summary {
    display: none
}

@media (min-width:37.5rem) {
    .membership_overview__content .summary {
        display: inline-block;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 0
    }
}

.membership_overview__benefits {
    margin-top: 40px;
    text-align: left
}

@media (min-width:37.5rem) {
    .membership_overview__benefits {
        margin-top: 31px
    }
}

.membership_overview__benefits .js-card-slider-list::-webkit-scrollbar {
    display: none
}

.membership_overview__benefits .navtitle {
    font-weight: 700;
    margin-bottom: 0
}

@media (max-width:37.49rem) {
    .membership_overview__benefits .navtitle {
        font-size: 15px
    }
}

.membership_overview__benefits .subtitle {
    border-bottom: 0;
    margin-bottom: 0
}

@media (min-width:37.5rem) {
    .membership_overview__benefits .subtitle {
        text-transform: unset
    }
}

.membership_overview__benefits ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow-x: auto;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.membership_overview__benefits li {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 85%;
    background-color: #fff;
    padding-bottom: 12px;
    margin-right: 5%
}

.membership_overview__benefits li:nth-last-child(2) {
    margin-right: 0
}

@media (min-width:37.5rem) {
    .membership_overview__benefits li {
        width: 229px
    }
}

.membership_overview__benefits .title {
    
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    padding: 12px 18px;
    margin: 0;
    color: #001838;
    text-transform: uppercase
}

.membership_overview__benefits .img {
    padding-top: 75%;
    position: relative;
    background-color: #98c5e9
}

.membership_overview__benefits img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.membership_overview .membership-slider__description {
    font-size: 9px;
    line-height: 11px;
    color: #001838;
    padding: 0 18px;
    display: none
}

.membership_overview .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 30px
}

.membership_overview .btns .mc-button+.mc-button {
    margin-top: 15px
}

.membership_overview .btns .moreinfo {
    margin-top: 15px;
    text-align: center;
    width: 100%;
    color: inherit;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0;
    font-family: Kippax, sans-serif
}

@media (min-width:37.5rem) {
    .membership_overview .btns .moreinfo {
        font-size: 17px;
        line-height: 26px
    }
}

@media (min-width:37.5rem) {
    .membership_overview .btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .membership_overview .btns .mc-button {
        width: 47.5%
    }

    .membership_overview .btns .mc-button+.mc-button {
        margin-top: 0
    }
}

@media (min-width:48rem) {
    .membership_overview .btns .mc-button {
        width: 47.5%
    }
}

@media (min-width:64rem) {
    .membership_overview .btns {
        font-size: 14px;
        letter-spacing: .14px
    }
}

.membership_overview .btns .primary-btns-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

@media (min-width:37.5rem) {
    .membership_overview .btns .primary-btns-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media (min-width:64rem) {
    .membership_overview .btns .primary-btns-wrapper {
        width: 98.5%
    }
}

.versions-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:37.5rem) {
    .versions-wrapper {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }
}

@media (min-width:48rem) {
    .versions-wrapper {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        margin-top: 16px;
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
        -ms-flex-align: stretch;
        align-items: stretch
    }

    .versions-wrapper .wrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.membership_overview .membership_overview__nav-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 30px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.membership_overview .membership_overview__nav-wrapper .subtitle {
    margin-top: 0;
    padding-bottom: 0
}

.membership_overview .membership_overview__nav-wrapper .js-card-slider-nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    margin-top: 0
}

.membership_overview .membership_overview__nav-wrapper .js-card-slider-nav:after {
    background-color: transparent
}

.membership_overview .membership_overview__nav-wrapper .js-card-slider-nav .card-slider-nav__button {
    position: relative;
    z-index: 1;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 15px;
    height: 15px;
    border: none
}

@media (min-width:37.5rem) {
    .membership_overview .membership_overview__nav-wrapper .js-card-slider-nav .card-slider-nav__button {
        border: none;
        background-color: transparent
    }
}

.membership_overview .membership_overview__nav-wrapper .js-card-slider-nav .card-slider-nav__button--prev {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.membership_overview .membership_overview__nav-wrapper .js-card-slider-nav .card-slider-nav__button:disabled {
    opacity: 1
}

.membership_overview .membership_overview__nav-wrapper .js-card-slider-nav .card-slider-nav__button:disabled svg {
    opacity: .2
}

.membership_overview .membership_overview__nav-wrapper .js-card-slider-nav .card-slider-nav__button+.card-slider-nav__button {
    margin-left: 35px
}

@media (min-width:48rem) {
    .membership_overview .membership_overview__nav-wrapper .js-card-slider-nav .card-slider-nav__button+.card-slider-nav__button {
        margin-left: 56px
    }
}

.mc-main-content--membership-matchday .membership__prod-detail,
.t--matchday .membership__prod-detail {
    background-color: #001838;
    color: #3bd6ff
}

.mc-main-content--membership-matchday .membership__prod-detail__tabs a,
.t--matchday .membership__prod-detail__tabs a {
    color: #fff;
    border-color: #fff
}

.mc-main-content--membership-matchday .membership__prod-detail__tabs a[aria-selected=true],
.t--matchday .membership__prod-detail__tabs a[aria-selected=true] {
    background-color: #fff;
    color: #fff
}

.mc-main-content--membership-matchday .membership__prod-detail__detail .content h3,
.t--matchday .membership__prod-detail__detail .content h3 {
    color: #3bd6ff
}

.mc-main-content--membership-matchday {
    background-color: #001838
}

.mc-main-content--membership-cityzens .membership__prod-detail,
.t--cityzens .membership__prod-detail {
    background-color: #6caddf;
    color: #001838
}

.mc-main-content--membership-cityzens .membership__prod-detail__tabs a,
.t--cityzens .membership__prod-detail__tabs a {
    color: #001838;
    border-color: #001838
}

.mc-main-content--membership-cityzens .membership__prod-detail__tabs a[aria-selected=true],
.t--cityzens .membership__prod-detail__tabs a[aria-selected=true] {
    background-color: #001838;
    color: #fff
}

.mc-main-content--membership-cityzens .membership__prod-detail__detail .content h3,
.t--cityzens .membership__prod-detail__detail .content h3 {
    color: #001838
}

.mc-main-content--membership-cityzens {
    background-color: #6caddf
}

.mc-main-content--membership-junior .membership__prod-detail,
.t--junior .membership__prod-detail {
    background-color: #3bd6ff;
    color: #001838
}

.mc-main-content--membership-junior .membership__prod-detail__tabs a,
.t--junior .membership__prod-detail__tabs a {
    color: #001838;
    border-color: #001838
}

.mc-main-content--membership-junior .membership__prod-detail__tabs a[aria-selected=true],
.t--junior .membership__prod-detail__tabs a[aria-selected=true] {
    background-color: #001838;
    color: #fff
}

.mc-main-content--membership-junior .membership__prod-detail__detail .content h3,
.t--junior .membership__prod-detail__detail .content h3 {
    color: #001838
}

.mc-main-content--membership-junior {
    background-color: #3bd6ff
}

.membership__prod-detail {
    padding-top: 16px
}

.membership__prod-detail .container {
    padding-bottom: 16px
}

@media (min-width:37.5rem) {
    .membership__prod-detail .container {
        padding-bottom: 0
    }
}

.membership__prod-detail .membership-type-title {
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .membership__prod-detail .membership-type-title {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .membership__prod-detail .membership-type-title {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.membership__prod-detail__tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

@media (min-width:37.5rem) {
    .membership__prod-detail__tabs {
        margin-bottom: 64px
    }
}

.membership__prod-detail__tabs li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0;
    -ms-flex: 1 0;
    flex: 1 0
}

.membership__prod-detail__tabs li a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    padding: 8px;
    border-top-left-radius: 32px;
    border-bottom-left-radius: 32px;
    border: 1px solid;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none
}

.membership__prod-detail__tabs li a[aria-selected=true] {
    background-color: green
}

.membership__prod-detail__tabs li+li a {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 32px;
    border-bottom-right-radius: 32px
}

.membership__prod-detail__tab-body .tab-header {
    color: #001838;
    text-transform: uppercase;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 30px;
    letter-spacing: .28px
}

@media (min-width:37.5rem) {
    .membership__prod-detail__tab-body .tab-header {
        font-size: 30px;
        line-height: 30px;
        letter-spacing: .3px
    }
}

@media (min-width:64rem) {
    .membership__prod-detail__tab-body .tab-header {
        font-size: 33px;
        line-height: 33px;
        letter-spacing: .33px
    }
}

.membership__prod-detail__detail {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.membership__prod-detail__detail+.membership__prod-detail__detail {
    margin-top: 40px
}

@media (min-width:37.5rem) {
    .membership__prod-detail__detail+.membership__prod-detail__detail {
        margin-top: 60px
    }
}

@media (min-width:37.5rem) {
    .membership__prod-detail__detail .img {
        padding: 0 0 0 16px
    }
}

.membership__prod-detail__detail .img img {
    width: 100%;
    max-width: 100%
}

.membership__prod-detail__detail .content {
    color: #001838;
    font-size: 1.0625rem;
    margin-bottom: 20px
}

@media (min-width:37.5rem) {
    .membership__prod-detail__detail .content {
        margin-bottom: 0
    }
}

.membership__prod-detail__detail .content h3 {
    text-transform: uppercase;
    margin-bottom: 32px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    letter-spacing: .46px
}

@media (min-width:37.5rem) {
    .membership__prod-detail__detail .content h3 {
        font-size: 52px;
        line-height: 52px;
        letter-spacing: .62px
    }
}

@media (min-width:37.5rem) {
    .membership__prod-detail__detail:nth-child(2n) .content {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .membership__prod-detail__detail:nth-child(2n) .img {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }
}

@media (min-width:37.5rem) and (min-width:37.5rem) {
    .membership__prod-detail__detail:nth-child(2n) .img {
        padding: 0 16px 0 0
    }
}

.mc-main-content--membership-matchday .membership__feature-grid,
.t--matchday .membership__feature-grid {
    background-color: #001838
}

.mc-main-content--membership-cityzens .membership__feature-grid,
.t--cityzens .membership__feature-grid {
    background-color: #6caddf
}

.mc-main-content--membership-junior .membership__feature-grid,
.t--junior .membership__feature-grid {
    background-color: #3bd6ff
}

.membership__feature-grid {
    color: #001838
}

.membership__feature-grid h2 {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 40px;
    letter-spacing: -1px;
    font-size: 2.25rem;
    line-height: 2.125rem
}

@media (min-width:48rem) {
    .membership__feature-grid h2 {
        font-size: 3.25rem;
        line-height: 3.125rem
    }
}

.membership__feature-grid .js-card-slider-nav {
    margin-bottom: 16px
}

.membership__feature-grid .js-card-slider-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

@media (min-width:37.5rem) {
    .membership__feature-grid .js-card-slider-list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        overflow-x: hidden
    }
}

.membership__feature-grid__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin-bottom: 16px;
    margin-right: 30px
}

@media (min-width:37.5rem) {
    .membership__feature-grid__row {
        width: 100%;
        margin-right: 0
    }

    .membership__feature-grid__row.BigSmall .membership__feature-grid__item:first-child {
        width: -webkit-calc(66.66667% + 16px);
        width: calc(66.66667% + 16px)
    }
}

@media (min-width:37.5rem) and (min-width:48rem) {
    .membership__feature-grid__row.BigSmall .membership__feature-grid__item:first-child {
        width: -webkit-calc(66.66667% + 24px);
        width: calc(66.66667% + 24px)
    }
}

@media (min-width:37.5rem) {
    .membership__feature-grid__row.BigSmall .membership__feature-grid__item:first-child .img {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        padding-top: 0;
        height: auto
    }

    .membership__feature-grid__row.BigSmall .membership__feature-grid__item:first-child .content {
        color: #fff;
        position: absolute;
        bottom: 0;
        right: 0;
        left: 0;
        background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 24, 56, .9)), color-stop(80%, rgba(0, 24, 56, .5)), to(rgba(0, 24, 56, 0)));
        background: linear-gradient(0deg, rgba(0, 24, 56, .9), rgba(0, 24, 56, .5) 80%, rgba(0, 24, 56, 0));
        padding-top: 20px
    }
}

@media (min-width:48rem) {
    .membership__feature-grid__row {
        margin-bottom: 24px
    }
}

.membership__feature-grid__item {
    position: relative;
    background-color: #fff;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 80vw
}

@media (min-width:37.5rem) {
    .membership__feature-grid__item {
        width: 33.33333%;
        -webkit-flex-shrink: unset;
        -ms-flex-negative: unset;
        flex-shrink: unset
    }
}

.membership__feature-grid__item .img {
    height: 0;
    overflow: hidden;
    padding-top: 75%;
    position: relative
}

.membership__feature-grid__item .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.membership__feature-grid__item .content {
    padding: 16px;
    font-size: .875rem;
    line-height: 1rem
}

@media (min-width:48rem) {
    .membership__feature-grid__item .content {
        font-size: 1rem;
        line-height: 1.125rem
    }
}

.membership__feature-grid__item .content h3 {
    text-transform: uppercase
}

@media (min-width:48rem) {
    .membership__feature-grid__item .content h3 {
        font-size: 1.375rem
    }
}

.membership__feature-grid__item .content p {
    
    font-size: 13px;
    line-height: 18px;
    letter-spacing: 0
}

.membership__feature-grid__item img {
    max-width: 100%
}

.membership__feature-grid__item+.membership__feature-grid__item {
    margin-left: 16px
}

@media (min-width:48rem) {
    .membership__feature-grid__item+.membership__feature-grid__item {
        margin-left: 24px
    }
}

.membership__feature-grid .btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

@media (min-width:37.5rem) {
    .membership__feature-grid .btns {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media (min-width:37.5rem) {
    .membership__feature-grid .btns .mc-button {
        -webkit-box-flex: 1;
        -webkit-flex: 1 0;
        -ms-flex: 1 0;
        flex: 1 0
    }
}

.membership__feature-grid .btns .mc-button+.mc-button {
    margin-top: 16px
}

@media (min-width:37.5rem) {
    .membership__feature-grid .btns .mc-button+.mc-button {
        margin-top: 0;
        margin-left: 24px
    }
}

.mc-main-content--membership-matchday,
.t--matchday {
    --m-base: #001838;
    color: #001838
}

.mc-main-content--membership-matchday .btn--rounded,
.t--matchday .btn--rounded {
    border-color: #001838;
    color: #001838;
    background-color: #e5e9ee
}

.mc-main-content--membership-matchday .mc-button--custom,
.t--matchday .mc-button--custom {
    border: 1px solid #fff;
    background-color: #fff;
    color: #001838
}

.mc-main-content--membership-matchday .mc-button--custom:hover,
.t--matchday .mc-button--custom:hover {
    background-color: #002352
}

.mc-main-content--membership-matchday .btn--info,
.t--matchday .btn--info {
    border-color: #3bd6ff;
    color: #3bd6ff;
    background-color: rgba(59, 214, 255, .1)
}

.mc-main-content--membership-matchday .membership-title:first-line,
.t--matchday .membership-title:first-line {
    color: #3bd6ff
}

.mc-main-content--membership-matchday {
    color: #3bd6ff
}

.mc-main-content--membership-matchday header {
    background: -webkit-gradient(linear, left top, left bottom, from(#6caddf), color-stop(40%, #001838), to(#001838));
    background: linear-gradient(180deg, #6caddf, #001838 40%, #001838)
}

@media (min-width:37.5rem) {
    .mc-main-content--membership-matchday header {
        background: url(https://web-assets.mancity.com/dist/images/membership/matchday-desktop-background.svg) 50% 0 no-repeat;
        background-size: cover
    }
}

.mc-main-content--membership-matchday .js-card-slider-nav .card-slider-nav__button {
    background-color: #001838;
    border-color: #001838
}

.mc-main-content--membership-matchday .js-card-slider-nav:after {
    background-color: #fff
}

.mc-main-content--membership-cityzens,
.t--cityzens {
    --m-base: #6caddf;
    color: #6caddf
}

.mc-main-content--membership-cityzens .btn--rounded,
.t--cityzens .btn--rounded {
    border-color: #6caddf;
    color: #6caddf;
    background-color: #f0f7fc
}

.mc-main-content--membership-cityzens .mc-button--custom,
.t--cityzens .mc-button--custom {
    border: 1px solid #001838;
    background-color: #fff;
    color: #001838
}

.mc-main-content--membership-cityzens .mc-button--custom:hover,
.t--cityzens .mc-button--custom:hover {
    background-color: #81b9e4
}

.mc-main-content--membership-cityzens .btn--info,
.t--cityzens .btn--info {
    border-color: #001838;
    color: #001838;
    background-color: rgba(0, 24, 56, .1)
}

.mc-main-content--membership-cityzens .membership-title:first-line,
.t--cityzens .membership-title:first-line {
    color: #001838
}

.mc-main-content--membership-cityzens {
    color: #001838
}

.mc-main-content--membership-cityzens header {
    background: -webkit-gradient(linear, left top, left bottom, from(#001c55), color-stop(40%, #6caddf), to(#6caddf));
    background: linear-gradient(180deg, #001c55, #6caddf 40%, #6caddf)
}

@media (min-width:37.5rem) {
    .mc-main-content--membership-cityzens header {
        background: url(https://web-assets.mancity.com/dist/images/membership/cityzens-desktop-background.svg) 50% 0 no-repeat;
        background-size: cover
    }
}

.mc-main-content--membership-cityzens .js-card-slider-nav .card-slider-nav__button {
    background-color: #6caddf;
    border-color: #6caddf
}

.mc-main-content--membership-cityzens .js-card-slider-nav:after {
    background-color: #001838
}

.mc-main-content--membership-junior,
.t--junior {
    --m-base: #3bd6ff;
    color: #3bd6ff
}

.mc-main-content--membership-junior .btn--rounded,
.t--junior .btn--rounded {
    border-color: #3bd6ff;
    color: #3bd6ff;
    background-color: #e5f8fc
}

.mc-main-content--membership-junior .mc-button--custom,
.t--junior .mc-button--custom {
    border: 1px solid #001838;
    background-color: #fff;
    color: #001838
}

.mc-main-content--membership-junior .mc-button--custom:hover,
.t--junior .mc-button--custom:hover {
    background-color: #55dbff
}

.mc-main-content--membership-junior .btn--info,
.t--junior .btn--info {
    border-color: #001838;
    color: #001838;
    background-color: rgba(0, 24, 56, .1)
}

.mc-main-content--membership-junior .membership-title:first-line,
.t--junior .membership-title:first-line {
    color: #001838
}

.mc-main-content--membership-junior {
    color: #001838
}

.mc-main-content--membership-junior header {
    background: url(https://web-assets.mancity.com/dist/images/membership/juniorbg.png) 50% 50% no-repeat, -webkit-gradient(linear, left top, left bottom, from(#001838), color-stop(40%, #3bd6ff), to(#3bd6ff));
    background: url(https://web-assets.mancity.com/dist/images/membership/juniorbg.png) 50% 50% no-repeat, linear-gradient(180deg, #001838, #3bd6ff 40%, #3bd6ff);
    background-size: contain;
    background-position: top
}

@media (min-width:37.5rem) {
    .mc-main-content--membership-junior header {
        background: url(https://web-assets.mancity.com/dist/images/membership/junior-desktop-background.svg) 50% 0 no-repeat;
        background-size: cover
    }
}

.mc-main-content--membership-junior .js-card-slider-nav .card-slider-nav__button {
    background-color: #3bd6ff;
    border-color: #3bd6ff
}

.mc-main-content--membership-junior .js-card-slider-nav:after {
    background-color: #001838
}

body .mc-main-content--membership-matchday .ff-rich-text,
body .t--matchday .ff-rich-text {
    color: #3bd6ff
}

body .mc-main-content--membership-matchday .ff-rich-text h2,
body .t--matchday .ff-rich-text h2 {
    color: #3bd6ff;
    margin-top: 43px
}

body .mc-main-content--membership-matchday .ff-accordion-list__heading,
body .mc-main-content--membership-matchday .super-banner,
body .t--matchday .ff-accordion-list__heading,
body .t--matchday .super-banner {
    color: #3bd6ff
}

body .mc-main-content--membership-matchday .super-banner__pre-heading,
body .t--matchday .super-banner__pre-heading {
    color: #001838
}

body .mc-main-content--membership-matchday .super-banner:hover .super-banner__heading,
body .t--matchday .super-banner:hover .super-banner__heading {
    -webkit-text-decoration-color: #001838;
    text-decoration-color: #001838
}

body .mc-main-content--membership-matchday .ff-info-card-component__description,
body .t--matchday .ff-info-card-component__description {
    color: #3bd6ff
}

body .mc-main-content--membership-cityzens .ff-rich-text,
body .t--cityzens .ff-rich-text {
    color: #001838
}

body .mc-main-content--membership-cityzens .ff-rich-text h2,
body .t--cityzens .ff-rich-text h2 {
    color: #001838;
    margin-top: 43px
}

body .mc-main-content--membership-cityzens .ff-accordion-list__heading,
body .mc-main-content--membership-cityzens .super-banner,
body .t--cityzens .ff-accordion-list__heading,
body .t--cityzens .super-banner {
    color: #001838
}

body .mc-main-content--membership-cityzens .super-banner__pre-heading,
body .t--cityzens .super-banner__pre-heading {
    color: #6caddf
}

body .mc-main-content--membership-cityzens .super-banner:hover .super-banner__heading,
body .t--cityzens .super-banner:hover .super-banner__heading {
    -webkit-text-decoration-color: #6caddf;
    text-decoration-color: #6caddf
}

body .mc-main-content--membership-cityzens .ff-info-card-component__description,
body .mc-main-content--membership-junior .ff-rich-text,
body .t--cityzens .ff-info-card-component__description,
body .t--junior .ff-rich-text {
    color: #001838
}

body .mc-main-content--membership-junior .ff-rich-text h2,
body .t--junior .ff-rich-text h2 {
    color: #001838;
    margin-top: 43px
}

body .mc-main-content--membership-junior .ff-accordion-list__heading,
body .mc-main-content--membership-junior .super-banner,
body .t--junior .ff-accordion-list__heading,
body .t--junior .super-banner {
    color: #001838
}

body .mc-main-content--membership-junior .super-banner__pre-heading,
body .t--junior .super-banner__pre-heading {
    color: #3bd6ff
}

body .mc-main-content--membership-junior .super-banner:hover .super-banner__heading,
body .t--junior .super-banner:hover .super-banner__heading {
    -webkit-text-decoration-color: #3bd6ff;
    text-decoration-color: #3bd6ff
}

body .mc-main-content--membership-junior .ff-info-card-component__description,
body .t--junior .ff-info-card-component__description {
    color: #001838
}

.mc-main-content--membership-cityzens .ff-info-card-component,
.mc-main-content--membership-junior .ff-info-card-component,
.mc-main-content--membership-landing .ff-info-card-component,
.mc-main-content--membership-matchday .ff-info-card-component {
    background-color: #fff
}

.mc-main-content--membership-cityzens .ff-info-card-component__title,
.mc-main-content--membership-junior .ff-info-card-component__title,
.mc-main-content--membership-landing .ff-info-card-component__title,
.mc-main-content--membership-matchday .ff-info-card-component__title {
    text-transform: uppercase;
    margin-bottom: 22px
}

@media (min-width:48rem) {

    .mc-main-content--membership-cityzens .ff-info-card-component__title,
    .mc-main-content--membership-junior .ff-info-card-component__title,
    .mc-main-content--membership-landing .ff-info-card-component__title,
    .mc-main-content--membership-matchday .ff-info-card-component__title {
        font-size: 1.375rem
    }
}

.mc-main-content--membership-cityzens .ff-info-card-component__body,
.mc-main-content--membership-junior .ff-info-card-component__body,
.mc-main-content--membership-landing .ff-info-card-component__body,
.mc-main-content--membership-matchday .ff-info-card-component__body {
    margin-bottom: 60px
}

.mc-main-content--membership-cityzens .ff-info-card-component__description,
.mc-main-content--membership-junior .ff-info-card-component__description,
.mc-main-content--membership-landing .ff-info-card-component__description,
.mc-main-content--membership-matchday .ff-info-card-component__description {
    font-size: .875rem;
    line-height: 1rem
}

@media (min-width:48rem) {

    .mc-main-content--membership-cityzens .ff-info-card-component__description,
    .mc-main-content--membership-junior .ff-info-card-component__description,
    .mc-main-content--membership-landing .ff-info-card-component__description,
    .mc-main-content--membership-matchday .ff-info-card-component__description {
        font-size: 1rem;
        line-height: 1.125rem
    }
}

.mc-main-content--membership-cityzens .ff-rich-text,
.mc-main-content--membership-junior .ff-rich-text,
.mc-main-content--membership-landing .ff-rich-text,
.mc-main-content--membership-matchday .ff-rich-text {
    font-size: 1.0625rem;
    margin-bottom: 20px
}

@media (min-width:37.5rem) {

    .mc-main-content--membership-cityzens .ff-rich-text,
    .mc-main-content--membership-junior .ff-rich-text,
    .mc-main-content--membership-landing .ff-rich-text,
    .mc-main-content--membership-matchday .ff-rich-text {
        margin-bottom: 0
    }
}

.mc-main-content--membership-cityzens .ff-rich-text h2,
.mc-main-content--membership-junior .ff-rich-text h2,
.mc-main-content--membership-landing .ff-rich-text h2,
.mc-main-content--membership-matchday .ff-rich-text h2 {
    text-transform: uppercase;
    margin-bottom: 32px;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 43px;
    line-height: 44px;
    letter-spacing: .43px
}

@media (min-width:48rem) {

    .mc-main-content--membership-cityzens .ff-rich-text h2,
    .mc-main-content--membership-junior .ff-rich-text h2,
    .mc-main-content--membership-landing .ff-rich-text h2,
    .mc-main-content--membership-matchday .ff-rich-text h2 {
        font-size: 59px;
        line-height: 60px;
        letter-spacing: .59px
    }
}

.mc-main-content--membership-cityzens .ff-component+.membership__section,
.mc-main-content--membership-junior .ff-component+.membership__section,
.mc-main-content--membership-landing .ff-component+.membership__section,
.mc-main-content--membership-matchday .ff-component+.membership__section {
    margin-top: 28px
}

@media (min-width:22.5rem) {

    .mc-main-content--membership-cityzens .ff-component+.membership__section,
    .mc-main-content--membership-junior .ff-component+.membership__section,
    .mc-main-content--membership-landing .ff-component+.membership__section,
    .mc-main-content--membership-matchday .ff-component+.membership__section {
        margin-top: 28px
    }
}

@media (min-width:37.5rem) {

    .mc-main-content--membership-cityzens .ff-component+.membership__section,
    .mc-main-content--membership-junior .ff-component+.membership__section,
    .mc-main-content--membership-landing .ff-component+.membership__section,
    .mc-main-content--membership-matchday .ff-component+.membership__section {
        margin-top: 28px
    }
}

@media (min-width:48rem) {

    .mc-main-content--membership-cityzens .ff-component+.membership__section,
    .mc-main-content--membership-junior .ff-component+.membership__section,
    .mc-main-content--membership-landing .ff-component+.membership__section,
    .mc-main-content--membership-matchday .ff-component+.membership__section {
        margin-top: 34px
    }
}

@media (min-width:64rem) {

    .mc-main-content--membership-cityzens .ff-component+.membership__section,
    .mc-main-content--membership-junior .ff-component+.membership__section,
    .mc-main-content--membership-landing .ff-component+.membership__section,
    .mc-main-content--membership-matchday .ff-component+.membership__section {
        margin-top: 43px
        
    }
}

.treble-winners {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media (max-width:47.99rem) {
    .treble-winners {
        margin-bottom: -28px
    }
}

.treble-winners img {
    height: 44px;
    padding: 6px 5px
}

@media (min-width:48rem) {
    .treble-winners img {
        height: 48px;
        padding: 6px 5px
    }
}

@media (min-width:64rem) {
    .treble-winners img {
        height: 56px;
        padding: 8px 5px
    }
}

.treble-winners img:first-child,
.treble-winners img:last-child {
    padding: 13.04px 5px
}

@media (min-width:48rem) {

    .treble-winners img:first-child,
    .treble-winners img:last-child {
        padding: 14.22px 5px
    }
}

@media (min-width:64rem) {

    .treble-winners img:first-child,
    .treble-winners img:last-child {
        padding: 14.75px 5px
    }
}

.table {
    border-radius: 5px;
    font-size: 12px;
    font-weight: 400;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    table-layout: fixed;
    background-color: #fff;
    border-bottom: 2px solid rgba(221, 230, 237, .5)
}

.table td,
.table th {
    text-align: left
}

.table td {
    color: #001838;
    font-weight: 400;
    font-size: 15px;
    padding: 20px
}

.table thead th {
    padding: 18px;
    border-bottom: 2px solid #3bd6ff
}

.table td:first-child,
.table thead th {
    color: #001838;
    font-weight: 700;
    font-size: 15px
}

.table tr:nth-child(2n) {
    background: rgba(221, 230, 237, .5)
}

@media (max-width:48rem) and (max-width:19.99rem) {
    .tableContainer {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (max-width:48rem) and (min-width:20rem) and (max-width:22.49rem) {
    .tableContainer {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (max-width:48rem) and (min-width:22.5rem) and (max-width:37.49rem) {
    .tableContainer {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (max-width:48rem) {

    .tableContainer--tableFour *,
    .tableContainer--tableOne * {
        scrollbar-width: thin;
        scrollbar-color: #69738c #fff
    }

    .tableContainer--tableFour ::-webkit-scrollbar,
    .tableContainer--tableOne ::-webkit-scrollbar {
        width: 145.8px
    }

    .tableContainer--tableFour ::-webkit-scrollbar-track,
    .tableContainer--tableOne ::-webkit-scrollbar-track {
        background: #fff
    }

    .tableContainer--tableFour ::-webkit-scrollbar-thumb,
    .tableContainer--tableOne ::-webkit-scrollbar-thumb {
        margin-top: 12px;
        background: #69738c;
        border-radius: 20px;
        border: 3px solid #fff
    }

    .tableContainer--tableOne .table {
        display: block;
        max-width: -moz-fit-content;
        max-width: -webkit-fit-content;
        max-width: fit-content;
        margin: 0 auto;
        overflow-x: auto;
        white-space: nowrap
    }

    .tableContainer--tableOne .table th {
        background: rgba(221, 230, 237, .5);
        min-width: 150px;
        white-space: normal
    }

    .tableContainer--tableOne .table td {
        min-width: 150px;
        white-space: normal
    }

    .tableContainer--tableTwo {
        max-width: 425px;
        border: 1px solid #e1e4e8;
        background-color: #f3f6f9
    }

    .tableContainer--tableTwo .table {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed
    }

    .tableContainer--tableTwo .table td {
        text-align: center;
        padding-top: 50px;
        white-space: nowrap
    }

    .tableContainer--tableTwo .table td span {
        padding-bottom: 1.5rem;
        display: inline-block;
        text-align: center;
        padding-top: 4rem
    }

    .tableContainer--tableTwo .table td:first-child {
        background: none;
        display: none
    }

    .tableContainer--tableTwo .table tr {
        background-color: #fff;
        padding: .35em;
        text-align: center
    }

    .tableContainer--tableTwo .table tr td:nth-child(2):before {
        content: attr(row-label);
        font-weight: 700;
        white-space: normal;
        margin-top: -2rem;
        position: absolute;
        left: -webkit-calc(50% - 47px);
        left: calc(50% - 47px)
    }

    .tableContainer--tableTwo .table tr:nth-child(2n) {
        background-color: rgba(221, 230, 237, .5)
    }

    .tableContainer--tableTwo .table tr:last-child {
        border-bottom: 2px solid #dde6ed
    }

    .tableContainer--tableTwo .table thead th {
        padding-top: 1rem;
        padding-bottom: 1rem;
        text-align: center
    }

    .tableContainer--tableTwo .table th {
        background: rgba(221, 230, 237, .5)
    }

    .tableContainer--tableTwo .table th:first-child {
        background: none;
        display: none
    }

    .tableContainer--tableThree {
        max-width: 425px;
        border: 1px solid #e1e4e8;
        background-color: #f3f6f9
    }

    .tableContainer--tableThree .table {
        border: none;
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        width: 100%;
        table-layout: fixed
    }

    .tableContainer--tableThree .table td:first-child {
        display: none
    }

    .tableContainer--tableThree .table td:nth-child(odd) {
        background-color: rgba(221, 230, 237, .5019607843137255)
    }

    .tableContainer--tableThree .table td:nth-child(2n) {
        background-color: #fff
    }

    .tableContainer--tableThree thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .tableContainer--tableThree tr {
        display: block;
        background-color: #fff
    }

    .tableContainer--tableThree tr:before {
        content: attr(row-label);
        white-space: nowrap;
        padding-right: 19%;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 1rem;
        padding-bottom: 1rem;
        color: #001838;
        font-weight: 700;
        font-size: 15px;
        background-color: rgba(55, 214, 255, .2);
        border-bottom: 2px solid #3bd6ff
    }

    .tableContainer--tableThree tr:after {
        content: "";
        background-color: #dae8f3;
        display: block;
        clear: both
    }

    .tableContainer--tableThree tr:nth-child(2n) {
        background-color: #fff
    }

    .tableContainer--tableThree td {
        display: block;
        font-size: 15px;
        text-align: right;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 1rem 32% 1rem 1rem
    }

    .tableContainer--tableThree td span {
        padding-right: 8rem;
        font-weight: 600
    }

    .tableContainer--tableThree td:before {
        content: attr(data-th);
        float: left;
        font-weight: 700;
        text-transform: uppercase;
        font-size: 15px;
        color: #001838
    }

    .tableContainer--tableThree td:after {
        content: "";
        clear: both
    }

    .tableContainer--tableFour {
        max-width: 500px
    }

    .tableContainer--tableFour .table {
        margin-bottom: 10px;
        display: block;
        max-width: -moz-fit-content;
        max-width: -webkit-fit-content;
        max-width: fit-content;
        overflow-x: auto;
        white-space: nowrap
    }

    .tableContainer--tableFour .table thead tr {
        color: #2d3748;
        font-size: 1rem;
        font-weight: 600;
        text-align: left
    }

    .tableContainer--tableFour .table thead tr th {
        background: #edf2f7;
        padding: .75rem 1.5rem;
        vertical-align: middle
    }

    .tableContainer--tableFour .table tbody tr:nth-child(odd) td {
        background: #fff
    }

    .tableContainer--tableFour .table tbody tr:nth-child(2n) td {
        background: #edf2f7
    }

    .tableContainer--tableFour .table tbody td {
        color: #1a202c;
        text-align: left;
        padding: 1.5rem;
        vertical-align: middle;
        font-size: 1.125rem
    }

    .tableContainer--tableFour .table tr:last-child td:first-child {
        -webkit-filter: drop-shadow(2px 6px 8px rgba(0, 24, 56, .16));
        filter: drop-shadow(2px 6px 8px rgba(0, 24, 56, .16))
    }

    .tableContainer--tableFour .table tr>th:first-child {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        border-right: 2px solid #3bd6ff;
        -webkit-filter: drop-shadow(2px 6px 8px rgba(0, 24, 56, .16));
        filter: drop-shadow(2px 6px 8px rgba(0, 24, 56, .16))
    }

    .tableContainer--tableFour .table tr>td:first-child {
        position: -webkit-sticky;
        position: sticky;
        left: 0;
        border-right: 2px solid #3bd6ff;
        -webkit-filter: drop-shadow(2px 6px 8px rgba(0, 24, 56, .16));
        filter: drop-shadow(2px 6px 8px rgba(0, 24, 56, .16))
    }
}

@media (max-width:19.99rem) {
    .cookies-list {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:20rem) and (max-width:22.49rem) {
    .cookies-list {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:22.5rem) and (max-width:37.49rem) {
    .cookies-list {
        margin-right: -1rem;
        margin-left: -1rem
    }
}

@media (min-width:48rem) and (max-width:63.99rem) {
    .cookies-list {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

@media (min-width:64rem) {
    .cookies-list {
        margin-right: -1.5rem;
        margin-left: -1.5rem
    }
}

.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy {
    font-size: 18px
}

.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description,
.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc,
.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-table-header,
.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td {
    font-size: 1em
}

.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-title {
    text-transform: uppercase;
    margin-top: 0;
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    font-size: 32px;
    line-height: 31px;
    letter-spacing: .46px
}

.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
    font-family: KippaxCondensed, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 1.5em
}

.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
.cookies-list #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a:hover {
    background: transparent
}

.braze-push-prompt-container {
    position: fixed;
    bottom: 235px;
    left: 20px;
    max-width: 375px;
    color: #001838;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
    z-index: 100
}

@media (max-width:37.49rem) {
    .braze-push-prompt-container {
        max-width: -webkit-calc(100% - 40px);
        max-width: calc(100% - 40px)
    }
}

.braze-push-prompt-container--hidden {
    bottom: -500px
}

.braze-push-prompt-body,
.braze-push-prompt-header {
    font-size: 15px;
    line-height: 19px
}

@media (min-width:37.5rem) {

    .braze-push-prompt-body,
    .braze-push-prompt-header {
        margin-bottom: 8px;
        font-size: 17px;
        line-height: 21px
    }
}

.braze-push-prompt-header {
    font-weight: 700;
    text-transform: uppercase;
    border-bottom: 1px solid #3bd6ff;
    padding-bottom: 10px;
    margin-bottom: 10px
}

.braze-push-prompt-body {
    margin-bottom: 10px
}

.braze-push-prompt-footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.braze-push-prompt-footer .mc-button {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.close-button {
    background-color: #555;
    color: #fff;
    border: none;
    padding: 5px 10px;
    border-radius: 3px;
    cursor: pointer
}

.close-button:hover {
    background-color: #777
}