/*! normalize.scss v0.1.0 | MIT License | based on git.io/normalize */


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
/*main,*/
menu,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

    a:active,
    a:hover {
        outline: 0;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

mark {
    background: #ff0;
    color: #000;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/*pre {
    overflow: auto;
}*/

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

input {
    line-height: normal;
}

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 0;
    }

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}

@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}

.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}

    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        outline: none;
        background: transparent;
        color: transparent;
    }

        .slick-prev:hover:before,
        .slick-prev:focus:before,
        .slick-next:hover:before,
        .slick-next:focus:before {
            opacity: 1;
        }

    .slick-prev.slick-disabled:before,
    .slick-next.slick-disabled:before {
        opacity: 0.25;
    }

    .slick-prev:before,
    .slick-next:before {
        font-family: "slick";
        font-size: 20px;
        line-height: 1;
        color: #fff;
        opacity: 0.75;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

.slick-prev {
    left: -25px;
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -25px;
}

.slick-prev:before {
    content: "?";
}

[dir="rtl"] .slick-prev:before {
    content: "?";
}

.slick-next {
    right: -25px;
}

[dir="rtl"] .slick-next {
    left: -25px;
    right: auto;
}

.slick-next:before {
    content: "?";
}

[dir="rtl"] .slick-next:before {
    content: "?";
}

.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 20px;
            width: 20px;
            outline: none;
            line-height: 0px;
            font-size: 0px;
            color: transparent;
            padding: 5px;
            cursor: pointer;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "•";
                width: 20px;
                height: 20px;
                font-family: "slick";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: #000;
                opacity: 0.25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            color: #000;
            opacity: 0.75;
        }

.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.EPiServerForms .Form__Description {
    margin-bottom: 1rem;
}

.EPiServerForms .FormImageSubmitButton {
    width: 100%;
    height: 100%;
    padding: 0;
    border: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.EPiServerForms .Form__Status .Form__Status__Message {
    display: block;
    padding: 1rem;
    margin: 1rem 0;
}

.EPiServerForms .Form__Status .Form__Success__Message {
    background-color: #84c8e4;
    color: #333;
}

.EPiServerForms .Form__Status .Form__Warning__Message {
    background-color: #fff8aa;
    color: red;
}

.EPiServerForms .Form__Status .Form__Readonly__Message {
    display: block;
    padding: 1rem;
    margin: 1rem 0;
    background-color: #fff8aa;
    color: red;
}

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action {
    display: inline-block;
    padding: inherit;
    vertical-align: middle;
    text-align: center;
    border: 1px solid rgba(41, 128, 189, 0.5);
    border-radius: 4px;
    font-size: inherit;
    height: 2em;
    width: 10em;
    max-width: 10rem;
    color: initial;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(bottom, #fff, #e6e6e6);
    background-image: -o-linear-gradient(bottom, #fff, #e6e6e6);
    background-image: linear-gradient(to top, #fff, #e6e6e6);
    background-image: -webkit-linear-gradient(to top, #fff, #e6e6e6);
}

    .EPiServerForms .Form__NavigationBar .Form__NavigationBar__Action:disabled {
        cursor: not-allowed;
        opacity: 0.4;
    }

.EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar {
    display: inline-block;
    border: 1px solid rgba(41, 128, 189, 0.5);
    vertical-align: middle;
    width: 40%;
}

    .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Progress {
        background-color: rgba(41, 128, 189, 0.5);
        width: 0%;
        height: 1rem;
    }

    .EPiServerForms .Form__NavigationBar .Form__NavigationBar__ProgressBar .Form__NavigationBar__ProgressBar--Text {
        display: none;
    }

.EPiServerForms .FormStep .FormStep__Description {
    margin-bottom: 1rem;
}

.EPiServerForms .Form__Element {
    margin: 0 0 1.5rem 0;
}

    .EPiServerForms .Form__Element .Form__Element__Caption {
        display: inline-block;
        min-width: 15%;
        vertical-align: top;
    }

    .EPiServerForms .Form__Element .Form__Element__ValidationError {
        color: red;
        display: block;
        word-wrap: break-word;
    }

.EPiServerForms .FormSubmitButton:disabled {
    cursor: not-allowed;
    opacity: 0.4;
}

.EPiServerForms .FormCaptcha .FormTextbox__Input {
    width: 8rem;
}

.EPiServerForms .FormCaptcha .FormCaptcha__Refresh {
    font-size: 1em;
    width: auto;
    height: auto;
}

.EPiServerForms .FormChoice--Image .hidden {
    visibility: hidden;
}

.EPiServerForms .FormChoice--Image .FormChoice--Image__Item {
    display: inline-block;
    max-width: 40%;
    text-align: center;
    margin: 0.5rem;
}

.EPiServerForms .FormChoice--Image .FormChoice__Input:checked ~ img {
    border: 1px solid rgba(41, 128, 189, 0.5);
}

.EPiServerForms .FormRange .FormRange__Input {
    max-width: 60%;
    display: inline;
}

.EPiServerForms .EditView__InvisibleElement.FormStep {
    display: block;
    border-radius: 4px;
    border-color: rgba(184, 192, 197, 0.6);
    background-color: rgba(184, 192, 197, 0.6);
    color: #000;
    padding: 0.2rem;
    font-family: Verdana;
    -webkit-box-shadow: 3px 3px 5px #ccc;
    box-shadow: 3px 3px 5px #ccc;
}

.EPiServerForms .EditView__InvisibleElement.FormHidden {
    display: inline-block;
    border-radius: 4px;
    border: 1.5px outset rgba(184, 192, 197, 0.6);
    padding: 0.2rem 1rem;
    min-width: 18rem;
}

.EPiServerForms .Warning,
.EPiServerForms .EditView__InvisibleElement.FormStep .FormStep__Warning,
.EPiServerForms .Form__Warning {
    color: red;
    background-color: #fff8aa;
    display: block;
    word-wrap: break-word;
}

* {
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

html,
body {
    overflow-x: hidden;
    overflow-y: auto; /* Detta tillåter scroll endast vid behov */
    font-family: StagSans, sans-serif;
    font-size: 15px;
    line-height: 1.5em;
    color: #1d1d1d;
    position: relative;
    min-width: 320px;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


#portal-root {
    position: relative;
}



fieldset {
    border: none;
    margin: 0;
    padding: 0;
}


figure {
    margin: 0;
}

.show-focus-outlines *:focus {
    -webkit-box-shadow: inset 0 0 0 2px #ef7d00 !important;
    box-shadow: inset 0 0 0 2px #ef7d00 !important;
}

.show-focus-outlines .add-focus-outline:focus + label,
.show-focus-outlines .add-focus-outline:focus + div {
    -webkit-box-shadow: inset 0 0 0 2px #ef7d00 !important;
    box-shadow: inset 0 0 0 2px #ef7d00 !important;
}

a[href^="tel"] {
    color: inherit;
    text-decoration: underline;
}

.visually-hidden {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
}

.block {
    margin: 10px 0;
}

.block--slate {
    margin: 0;
    padding: 10px 0;
}

.button-link-group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -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;
    list-style: none;
    padding: 0;
}

.button-link-group__item {
    max-width: 300px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 5px;
}

.button-link-group__icon {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 4px;
}

.container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    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: 900px) {
    .container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 10px;
    }
}

.container__main {
    position: relative;
    padding: 0 10px;
}

@media (min-width: 900px) {
    .container__main {
        width: 66.66%;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .container__main {
        max-width: -webkit-calc(100% - 357px);
        max-width: calc(100% - 357px);
    }
}

@media (min-width: 1200px) {
    .container__main {
        max-width: -webkit-calc(100% - 392px);
        max-width: calc(100% - 392px);
    }
}

.container__main > :last-child {
    margin-bottom: 0;
}

.container__secondary {
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    padding: 0 10px;
}

@media (max-width: 899px) {
    .container__secondary {
        margin-top: 20px;
    }
}

@media (min-width: 900px) {
    .container__secondary {
        width: 33.33%;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .container__secondary {
        min-width: 357px;
    }
}

@media (min-width: 1200px) {
    .container__secondary {
        min-width: 392px;
    }
}

@media (max-width: 899px) {
    .container__secondary--hidden-mobile {
        display: none;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .container__secondary-item {
        margin-left: 37px;
    }
}

@media (min-width: 1200px) {
    .container__secondary-item {
        margin-left: 72px;
    }
}

.container__content {
    padding: 0 10px;
    max-width: 845px;
    width: 100%;
}

.container__inner {
    padding: 0 10px;
    width: 100%;
}

@media (max-width: 599px) {
    .container__inner--full-width-phone {
        padding: 0;
    }
}

.container__half {
    padding: 0 10px;
    width: 100%;
}

@media (max-width: 899px) {
    .container__half + .container__half {
        margin-top: 20px;
    }
}

@media (min-width: 900px) {
    .container__half {
        width: 50%;
    }
}

.lazyload,
.lazyloading,
.lazyautosizes {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

    .lazyload.lazyloaded,
    .lazyloading.lazyloaded,
    .lazyautosizes.lazyloaded {
        opacity: 1;
    }

.pop {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.preamble {
    color: #005293;
    font-size: 17px;
    line-height: 1.4em;
    margin: 20px 0;
}

@media (min-width: 600px) {
    .preamble {
        font-size: 23px;
        margin: 30px 0;
    }
}

.preamble--tight {
    margin: 0;
}

.headline,
.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    font-weight: bold;
}

.headline--xlarge {
    font-family: SvffTrim;
    line-height: 0.9em;
    font-size: 33px;
    letter-spacing: 0.029em;
    font-weight: normal;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .headline--xlarge {
        font-size: 55px;
    }
}

@media (min-width: 1200px) {
    .headline--xlarge {
        font-size: 65px;
    }
}

.headline--large,
.rich-text h1 {
    font-size: 21px;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .headline--large,
    .rich-text h1 {
        font-size: 31px;
        line-height: 1.3em;
    }
}

@media (min-width: 1200px) {
    .headline--large,
    .rich-text h1 {
        font-size: 35px;
        line-height: 1.3em;
    }
}

.headline--medium,
.rich-text h2 {
    font-size: 17px;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .headline--medium,
    .rich-text h2 {
        font-size: 23px;
    }
}

@media (min-width: 1200px) {
    .headline--medium,
    .rich-text h2 {
        font-size: 25px;
    }
}

.headline--small,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
    font-size: 15px;
}

@media (max-width: 599px) {
    .headline--small,
    .rich-text h3,
    .rich-text h4,
    .rich-text h5,
    .rich-text h6 {
        line-height: 1.5em;
    }
}

@media (min-width: 600px) and (max-width: 1199px) {
    .headline--small,
    .rich-text h3,
    .rich-text h4,
    .rich-text h5,
    .rich-text h6 {
        font-size: 19px;
    }
}

@media (min-width: 1200px) {
    .headline--small,
    .rich-text h3,
    .rich-text h4,
    .rich-text h5,
    .rich-text h6 {
        font-size: 21px;
    }
}

.headline--light {
    color: #fff;
}

.headline--capitalize {
    text-transform: capitalize;
}

.headline--center {
    text-align: center;
}

.headline--first {
    margin-top: 0;
}

.headline--tight {
    margin: 0;
}

.headline--strong {
    font-weight: bold;
}

.headline--sub {
    margin-bottom: 0.3em;
}

.headline--section {
    margin-top: 0;
    margin-bottom: 5px;
}

@media (min-width: 900px) {
    .headline--section {
        margin-bottom: 10px;
    }
}

.section {
    margin: 0px 0;
    width: 100%;
}

@media (min-width: 900px) {
    .section {
        margin: 0px 0;
    }
}

@media (min-width: 900px) {
    .section--sm {
        margin: 20px 0;
    }
}

@media (min-width: 900px) {
    .section--sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 20px;
    }
}

.section:last-child {
    margin-bottom: 0;
}

.section--first {
    margin-top: 0;
}

@media (min-width: 900px) {
    .section--mobile-only {
        display: none;
    }
}

@media (max-width: 899px) {
    .section--desktop-only {
        display: none;
    }
}

@media (max-width: 1040px) {
    .section--1040-up {
        display: none;
    }
}

@media (min-width: 1039px) {
    .section--1039-down {
        display: none;
    }
}

.section-panel {
    margin: 0;
    padding: 20px 0;
}

@media (min-width: 900px) {
    .section-panel {
        padding: 40px 0;
    }
}

.section-panel + .section-panel {
    padding-top: 0;
}

.section-panel--small {
    padding: 10px 0;
}

@media (min-width: 900px) {
    .section-panel--small {
        padding: 20px 0;
    }
}

.section-panel--tight {
    padding: 0;
    margin: 0;
}

@media (min-width: 900px) {
    .section-panel--tight {
        padding: 0;
        margin: 0;
    }
}

.section-panel--frame {
    padding: 10px 0;
}

@media (min-width: 900px) and (max-width: 1199px) {
    .section-panel--frame {
        padding: 20px 0;
    }
}

@media (min-width: 1200px) {
    .section-panel--frame {
        padding: 40px 0;
    }
}

.section-panel--grass {
    background: url("../assets/img/grass.jpg") center center;
    -webkit-background-size: cover;
    background-size: cover;
}

.section-panel--solid {
    background-color: #005293;
}

.section-panel--grey {
    background-color: #f9f9f9;
}

.section-panel--white {
    background-color: #fff;
}

.section-panel--top-border {
    border-top: 1px solid rgba(218, 218, 218, 0.5);
}

.section-panel--inverted {
    background-color: #fecb00;
}

.section-panel--last {
    padding-bottom: 0;
}

.section-panel--first {
    padding-top: 0;
}

.section-panel--pull {
    padding-bottom: 0;
}

@media (min-width: 600px) and (max-width: 899px) {
    .section-panel--pull {
        margin-bottom: -10px;
    }
}

@media (min-width: 900px) {
    .section-panel--pull {
        margin-bottom: -20px;
    }
}


@font-face {
    font-family: "StagSans";
    font-weight: 400;
    src: url("../assets/fonts/stag-sans/StagSans-Book-Web.woff") format("woff"), url("../assets/fonts/stag-sans/StagSans-Book-Web.woff2") format("woff2");
}

@font-face {
    font-family: "StagSans";
    font-style: italic;
    font-weight: 400;
    src: url("../assets/fonts/stag-sans/StagSans-BookItalic-Web.woff") format("woff"), url("../assets/fonts/stag-sans/StagSans-BookItalic-Web.woff2") format("woff2");
}

@font-face {
    font-family: "StagSans";
    font-style: bold;
    font-weight: 600;
    src: url("../assets/fonts/stag-sans/StagSans-Semibold-Web.woff") format("woff"), url("../assets/fonts/stag-sans/StagSans-Semibold-Web.woff2") format("woff2");
}

@font-face {
    font-family: "SvffTrim";
    font-weight: 400;
    src: url("../assets/fonts/svff-trim/SvFFTrim-Condensed.woff") format("woff"), url("../assets/fonts/svff-trim/SvFFTrim-Condensed.woff2") format("woff2");
}

.fluid-columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: -10px;
}

.fluid-columns--align-bottom {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
}

@media (max-width: 599px) {
    .fluid-columns {
        display: block;
    }
}

.fluid-columns__item {
    padding: 10px;
}

.fluid-columns__item--wide {
    padding: 10px 0;
}

.fluid-columns__item--full {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%;
}

.button,
.load-more--button-light,
.load-more--button-light-outlined,
.show-more--button {
    position: relative;
    display: inline-block;
    line-height: 34px;
    min-height: 34px;
    text-align: center;
    padding: 0 20px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    border: 3px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
}

    .button:hover,
    .load-more--button-light:hover,
    .load-more--button-light-outlined:hover,
    .show-more--button:hover {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

@media (min-width: 600px) {
    .button,
    .load-more--button-light,
    .load-more--button-light-outlined,
    .show-more--button {
        padding: 0 40px;
        line-height: 44px;
        min-height: 44px;
    }
}

@media (min-width: 1200px) {
    .button,
    .load-more--button-light,
    .load-more--button-light-outlined,
    .show-more--button {
        font-size: 15px;
    }
}

.button--block {
    display: block;
    width: 100%;
}

.button--small {
    border-width: 2px;
    font-size: 13px;
    line-height: 30px;
    min-height: 30px;
    padding: 0 10px;
}

.button--large {
    padding: 0 20px;
    min-height: 54px;
    line-height: 54px;
    font-size: 15px;
}

@media (min-width: 1200px) {
    .button--large {
        min-height: 64px;
        line-height: 64px;
    }
}

@media (max-width: 1199px) {
    .button--tight {
        padding: 0 5px;
    }
}

.button--center {
    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;
}

.button--solid {
    background-color: #005293;
    color: #fff;
}

    .button--solid:hover {
        background-color: #00457d;
    }

.button--light,
.load-more--button-light,
.show-more--button {
    color: #005293;
    background-color: #fff;
    border-color: #fff;
}

    .button--light:hover,
    .load-more--button-light:hover,
    .show-more--button:hover {
        background-color: #f8f8f8;
    }

.button--light-outlined,
.load-more--button-light-outlined {
    color: #005293;
    background-color: #fff;
    border-color: #005293;
}

    .button--light-outlined:hover,
    .load-more--button-light-outlined:hover {
        background-color: #f8f8f8;
    }

.button--solid-outline-inverted {
    background-color: #005293;
    color: #fff;
    border-color: #fecb00;
}

    .button--solid-outline-inverted:hover {
        background-color: #00457d;
    }

.button--inverted {
    color: #005293;
    background-color: #fecb00;
}

    .button--inverted:hover {
        background-color: #f0bb00;
    }

.button--inverted-outlined {
    color: #005293;
    background-color: #fecb00;
    border-color: #005293;
}

    .button--inverted-outlined:hover {
        background-color: #f0bb00;
    }

.button--purple {
    color: #fff;
    background-color: #952d98;
}

    .button--purple:hover {
        background-color: #7e2681;
    }

.button--purple-outlined {
    color: #fff;
    background-color: #6b1f7c;
    border-color: #fff;
}

    .button--purple-outlined:hover {
        background-color: #551863;
    }

.button--dark {
    color: #fff;
    background-color: #1d1d1d;
}

    .button--dark:hover {
        background-color: #222;
    }

.button--disabled {
    background-color: #dadada !important;
    color: #706f6f !important;
    pointer-events: none !important;
}

.button--fat {
    font-size: 15px;
    line-height: 1.3em;
    padding: 0 10px;
    text-transform: none;
    width: 100%;
    white-space: normal;
    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%;
    min-height: 60px;
}

    .button--fat .button__text {
        overflow: hidden;
        text-overflow: ellipsis;
        max-height: 2.6em;
        min-width: 100px;
    }

.icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    color: inherit;
    pointer-events: none;
}

.icon--inline {
    margin-bottom: -0.1em;
}

.icon--block {
    display: block;
}

.icon--middle {
    vertical-align: middle;
}

.icons__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.icons__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;
    white-space: nowrap;
    padding: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background: #9d9d9c;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

    .icons__item > svg {
        font-size: 30px;
    }

.icons__name {
    margin-bottom: 10px;
}

.logo {
    position: absolute;
    top: 5px;
    z-index: 4;
    left: 10px;
}

@media (min-width: 1200px) {
    .logo {
        top: 10px;
        left: 0;
    }
}

.logo--footer {
    top: 35px;
    z-index: 0;
}

@media (min-width: 1200px) {
    .logo--footer {
        left: 20px;
    }
}

.cookies {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #00345c;
    color: #fff;
    padding: 20px;
    text-align: center;
    -webkit-transition: opacity 0s ease 0s, -webkit-transform 0.5s ease 0s;
    transition: opacity 0s ease 0s, -webkit-transform 0.5s ease 0s;
    -o-transition: opacity 0s ease 0s, -o-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0s ease 0s, -webkit-transform 0.5s ease 0s, -o-transform 0.5s ease 0s;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .cookies {
        padding: 30px;
    }
}

@media (min-width: 1200px) {
    .cookies {
        padding: 40px;
    }
}

.cookies--hidden {
    -webkit-transition: opacity 0s ease 0.5s, -webkit-transform 0.5s ease 0s;
    transition: opacity 0s ease 0.5s, -webkit-transform 0.5s ease 0s;
    -o-transition: opacity 0s ease 0.5s, -o-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0s ease 0.5s;
    transition: transform 0.5s ease 0s, opacity 0s ease 0.5s, -webkit-transform 0.5s ease 0s, -o-transform 0.5s ease 0s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

@media (min-width: 600px) {
    .cookies__content {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        text-align: initial;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 600px) and (max-width: 1199px) {
    .cookies__info {
        padding-left: 20px;
    }
}

@media (min-width: 1200px) {
    .cookies__info {
        padding-left: 40px;
    }
}

.cookies__icon {
    display: block;
    margin: 0 auto;
}

.cookies__text {
    margin: 10px 0;
    max-width: 400px;
}

@media (min-width: 600px) {
    .cookies__text {
        margin: 0 0 10px;
    }
}

.dimmer {
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    pointer-events: none;
}


.dimmer--active {
    opacity: 1;
    pointer-events: all;
}

.mast-footer {
    font-size: 13px;
    color: #fff;
    background-color: #00345c;
}

.mast-footer--theme-inverted {
    background-color: #fecb00;
    color: #005293;
}

.mast-footer--theme-purple {
    background-color: #6b1f7c;
}

.mast-footer__inner {
    position: relative;
    max-width: 1260px;
    margin: 0 auto;
}

.mast-footer__content {
    max-width: 1480px;
    margin: 0 auto;
}

.mast-footer__columns {
    margin-top: 10px;
}

@media (min-width: 900px) {
    .mast-footer__columns {
        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: 1200px) {
    .mast-footer__columns {
        -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;
    }
}

.mast-footer__title {
    font-weight: bold;
    margin-bottom: 7px;
    font-size: 17px;
}

@media (min-width: 1200px) {
    .mast-footer__title {
        font-size: 21px;
        margin-bottom: 10px;
    }
}

.mast-footer__column--info {
    padding: 35px 25px 35px 70px;
    font-size: 15px;
}

@media (min-width: 900px) {
    .mast-footer__column--info {
        padding-bottom: 0;
    }
}

@media (min-width: 1200px) {
    .mast-footer__column--info {
        padding-left: 150px;
        font-size: 17px;
        padding-bottom: 35px;
        width: 50%;
    }
}

@media (min-width: 900px) {
    .mast-footer__column--sections {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
    }
}

@media (min-width: 1200px) {
    .mast-footer__column--sections {
        width: 100%;
    }
}

.mast-footer__column--links {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 36px 10px;
}

@media (min-width: 600px) {
    .mast-footer__column--links {
        padding: 36px 0;
    }
}

@media (min-width: 1200px) {
    .mast-footer__column--links {
        width: 50%;
    }
}

.mast-footer__column-row {
    margin: 0;
}

.mast-footer__column-row--margin {
    margin-top: 10px;
}

.mast-footer__column-inner {
    width: 50%;
}

@media (min-width: 600px) {
    .mast-footer__column-inner {
        padding-left: 70px;
    }
}

@media (min-width: 1200px) {
    .mast-footer__column-inner {
        padding: 0;
    }

        .mast-footer__column-inner:first-of-type {
            padding-left: 70px;
        }
}

.mast-footer__links {
    list-style-type: none;
    padding: 0;
    margin: -5px 0;
}

.mast-footer__links-item {
    padding: 8px 0;
}

@media (min-width: 900px) {
    .mast-footer__links-item {
        padding: 5px 0;
    }
}

@media (min-width: 1200px) {
    .mast-footer__links-item {
        font-size: 15px;
    }
}

.mast-footer__link {
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
}

.mast-footer--theme-inverted .mast-footer__link {
    color: #005293;
}

.mast-footer__link--discreet {
    font-weight: normal;
    text-decoration: underline;
    text-transform: none;
}

.mast-footer__link--strong .mast-footer__link-text {
    border-bottom: 3px solid transparent;
}

.mast-footer__link--strong:hover .mast-footer__link-text {
    border-bottom: 3px solid;
}

.mast-footer__link-icon {
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    font-size: 12px;
    width: 12px;
    height: 12px;
}

.mast-footer__link-text {
    vertical-align: middle;
}

.mast-header {
    position: relative;
    z-index: 3;
    background-color: #005293;
}

.mast-header--theme-inverted {
    background-color: #fecb00;
}

.mast-header--theme-purple {
    background-color: #952d98;
}

.mast-header__inner {
    position: relative;
    max-width: 1300px;
    margin: 0 auto;
    -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;
}

    .mast-header__inner::before {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        content: "";
        height: 100%;
        background-color: #005293;
    }

.mast-header--theme-inverted .mast-header__inner::before {
    background-color: #fecb00;
}

.mast-header--theme-purple .mast-header__inner::before {
    background-color: #952d98;
}

@media (min-width: 1200px) {
    .mast-header__inner {
        max-width: none;
    }
}

.mast-header__section-block {
    margin-right: auto;
}

.mast-header__section-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.mast-header__section-name {
    display: none;
}

@media (min-width: 1200px) {
    .mast-header__section-name {
        display: block;
        margin-right: 35px;
        white-space: nowrap;
        font-size: 13px;
        text-transform: uppercase;
        font-weight: bold;
    }
}

.mast-header__section-logo {
    margin: -10px;
}

.mast-header__section-text-wrapper {
    z-index: 1;
}

@media (min-width: 1200px) {
    .mast-header__section-text-wrapper {
        padding-left: 30px;
        padding-left: 30px;
    }
}

.mast-header--section-theme-blue .mast-header__section-text-wrapper {
    background: #0060ad;
    color: #fff;
}

.mast-header--section-theme-light-blue .mast-header__section-text-wrapper {
    background: #0085c8;
    color: #fff;
}

.mast-header--section-theme-yellow .mast-header__section-text-wrapper {
    background: #fed226;
    color: #005293;
}

.mast-header--section-theme-green .mast-header__section-text-wrapper {
    background: #368234;
    color: #fff;
}

.mast-header--section-theme-white .mast-header__section-text-wrapper {
    background: #fff;
    color: #005293;
}

.mast-header--section-theme-blue .mast-header__section-inner--flash .mast-header__section-text-wrapper {
    -webkit-animation-name: "blue-inner";
    -o-animation-name: "blue-inner";
    animation-name: "blue-inner";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes blue-inner {
    0% {
        background: #0060ad;
    }

    70% {
        background: #006ec7;
    }

    100% {
        background: #0060ad;
    }
}

@-o-keyframes blue-inner {
    0% {
        background: #0060ad;
    }

    70% {
        background: #006ec7;
    }

    100% {
        background: #0060ad;
    }
}

@keyframes blue-inner {
    0% {
        background: #0060ad;
    }

    70% {
        background: #006ec7;
    }

    100% {
        background: #0060ad;
    }
}

.mast-header--section-theme-light-blue .mast-header__section-inner--flash .mast-header__section-text-wrapper {
    -webkit-animation-name: "light-blue-inner";
    -o-animation-name: "light-blue-inner";
    animation-name: "light-blue-inner";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes light-blue-inner {
    0% {
        background: #0085c8;
    }

    70% {
        background: #0096e2;
    }

    100% {
        background: #0085c8;
    }
}

@-o-keyframes light-blue-inner {
    0% {
        background: #0085c8;
    }

    70% {
        background: #0096e2;
    }

    100% {
        background: #0085c8;
    }
}

@keyframes light-blue-inner {
    0% {
        background: #0085c8;
    }

    70% {
        background: #0096e2;
    }

    100% {
        background: #0085c8;
    }
}

.mast-header--section-theme-yellow .mast-header__section-inner--flash .mast-header__section-text-wrapper {
    -webkit-animation-name: "yellow-inner";
    -o-animation-name: "yellow-inner";
    animation-name: "yellow-inner";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes yellow-inner {
    0% {
        background: #fecb00;
    }

    70% {
        background: #ffd119;
    }

    100% {
        background: #fecb00;
    }
}

@-o-keyframes yellow-inner {
    0% {
        background: #fecb00;
    }

    70% {
        background: #ffd119;
    }

    100% {
        background: #fecb00;
    }
}

@keyframes yellow-inner {
    0% {
        background: #fecb00;
    }

    70% {
        background: #ffd119;
    }

    100% {
        background: #fecb00;
    }
}

.mast-header--section-theme-green .mast-header__section-inner--flash .mast-header__section-text-wrapper {
    -webkit-animation-name: "green-inner";
    -o-animation-name: "green-inner";
    animation-name: "green-inner";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes green-inner {
    0% {
        background: #368234;
    }

    70% {
        background: #3e943b;
    }

    100% {
        background: #368234;
    }
}

@-o-keyframes green-inner {
    0% {
        background: #368234;
    }

    70% {
        background: #3e943b;
    }

    100% {
        background: #368234;
    }
}

@keyframes green-inner {
    0% {
        background: #368234;
    }

    70% {
        background: #3e943b;
    }

    100% {
        background: #368234;
    }
}

.mast-header--section-theme-white .mast-header__section-inner--flash .mast-header__section-text-wrapper {
    -webkit-animation-name: "white-inner";
    -o-animation-name: "white-inner";
    animation-name: "white-inner";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes white-inner {
    0% {
        background: #f8f8f8;
    }

    70% {
        background: #fff;
    }

    100% {
        background: #f8f8f8;
    }
}

@-o-keyframes white-inner {
    0% {
        background: #f8f8f8;
    }

    70% {
        background: #fff;
    }

    100% {
        background: #f8f8f8;
    }
}

@keyframes white-inner {
    0% {
        background: #f8f8f8;
    }

    70% {
        background: #fff;
    }

    100% {
        background: #f8f8f8;
    }
}

.mast-header__section-text-wrapper-inner {
    position: relative;
    height: 100%;
}

@media (min-width: 1200px) {
    .mast-header__section-text-wrapper-inner {
        padding-left: 120px;
    }
}

.mast-header__section-button {
    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: 100%;
    padding: 2px 15px 0 70px;
    background: transparent;
    border: none;
}

@media (min-width: 1200px) {
    .mast-header__section-button {
        padding-left: 0;
    }
}

.mast-header__section-triangle {
    overflow: hidden;
}

.mast-header__section-triangle-svg {
    height: 60px;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
    width: 23px;
    display: block;
    margin-left: -1px;
    position: relative;
}

@media (min-width: 1200px) {
    .mast-header__section-triangle-svg {
        height: 70px;
    }
}

.mast-header--section-theme-blue .mast-header__section-triangle-polygon {
    fill: #0060ad;
}

.mast-header--section-theme-light-blue .mast-header__section-triangle-polygon {
    fill: #0085c8;
}

.mast-header--section-theme-yellow .mast-header__section-triangle-polygon {
    fill: #fed226;
}

.mast-header--section-theme-green .mast-header__section-triangle-polygon {
    fill: #368234;
}

.mast-header--section-theme-white .mast-header__section-triangle-polygon {
    fill: #fff;
}

.mast-header--section-theme-blue .mast-header__section-inner--flash .mast-header__section-triangle-polygon {
    -webkit-animation-name: "blue-poly";
    -o-animation-name: "blue-poly";
    animation-name: "blue-poly";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes blue-poly {
    0% {
        fill: #0060ad;
    }

    70% {
        fill: #006ec7;
    }

    100% {
        fill: #0060ad;
    }
}

@-o-keyframes blue-poly {
    0% {
        fill: #0060ad;
    }

    70% {
        fill: #006ec7;
    }

    100% {
        fill: #0060ad;
    }
}

@keyframes blue-poly {
    0% {
        fill: #0060ad;
    }

    70% {
        fill: #006ec7;
    }

    100% {
        fill: #0060ad;
    }
}

.mast-header--section-theme-light-blue .mast-header__section-inner--flash .mast-header__section-triangle-polygon {
    -webkit-animation-name: "light-blue-poly";
    -o-animation-name: "light-blue-poly";
    animation-name: "light-blue-poly";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes light-blue-poly {
    0% {
        fill: #0085c8;
    }

    70% {
        fill: #0096e2;
    }

    100% {
        fill: #0085c8;
    }
}

@-o-keyframes light-blue-poly {
    0% {
        fill: #0085c8;
    }

    70% {
        fill: #0096e2;
    }

    100% {
        fill: #0085c8;
    }
}

@keyframes light-blue-poly {
    0% {
        fill: #0085c8;
    }

    70% {
        fill: #0096e2;
    }

    100% {
        fill: #0085c8;
    }
}

.mast-header--section-theme-yellow .mast-header__section-inner--flash .mast-header__section-triangle-polygon {
    -webkit-animation-name: "yellow-poly";
    -o-animation-name: "yellow-poly";
    animation-name: "yellow-poly";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes yellow-poly {
    0% {
        fill: #fecb00;
    }

    70% {
        fill: #ffd119;
    }

    100% {
        fill: #fecb00;
    }
}

@-o-keyframes yellow-poly {
    0% {
        fill: #fecb00;
    }

    70% {
        fill: #ffd119;
    }

    100% {
        fill: #fecb00;
    }
}

@keyframes yellow-poly {
    0% {
        fill: #fecb00;
    }

    70% {
        fill: #ffd119;
    }

    100% {
        fill: #fecb00;
    }
}

.mast-header--section-theme-green .mast-header__section-inner--flash .mast-header__section-triangle-polygon {
    -webkit-animation-name: "green-poly";
    -o-animation-name: "green-poly";
    animation-name: "green-poly";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes green-poly {
    0% {
        fill: #368234;
    }

    70% {
        fill: #3e943b;
    }

    100% {
        fill: #368234;
    }
}

@-o-keyframes green-poly {
    0% {
        fill: #368234;
    }

    70% {
        fill: #3e943b;
    }

    100% {
        fill: #368234;
    }
}

@keyframes green-poly {
    0% {
        fill: #368234;
    }

    70% {
        fill: #3e943b;
    }

    100% {
        fill: #368234;
    }
}

.mast-header--section-theme-white .mast-header__section-inner--flash .mast-header__section-triangle-polygon {
    -webkit-animation-name: "white-poly";
    -o-animation-name: "white-poly";
    animation-name: "white-poly";
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-iteration-count: 2;
    -o-animation-iteration-count: 2;
    animation-iteration-count: 2;
}

@-webkit-keyframes white-poly {
    0% {
        fill: #f8f8f8;
    }

    70% {
        fill: #fff;
    }

    100% {
        fill: #f8f8f8;
    }
}

@-o-keyframes white-poly {
    0% {
        fill: #f8f8f8;
    }

    70% {
        fill: #fff;
    }

    100% {
        fill: #f8f8f8;
    }
}

@keyframes white-poly {
    0% {
        fill: #f8f8f8;
    }

    70% {
        fill: #fff;
    }

    100% {
        fill: #f8f8f8;
    }
}

.mast-header__section-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
}

[aria-expanded="true"] .mast-header__section-icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.mast-header__items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    list-style: none;
    padding: 0;
    display: flex;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #005293;
}

.mast-header--theme-inverted .mast-header__items {
    background-color: #fecb00;
}

.mast-header--theme-purple .mast-header__items {
    background-color: #952d98;
}

@media (min-width: 1200px) {
    .mast-header__items {
        padding-right: -webkit-calc(((100vw - 1260px) / 2) - 10px);
        padding-right: calc(((100vw - 1260px) / 2) - 10px);
    }
}

.mast-header__icon-link {
    padding: 0 2px;
}

@media (min-width: 600px) {
    .mast-header__icon-link {
        padding: 0 5px;
    }
}

.mast-header__icon-link--search {
    padding: 0 10px;
}

.mast-header__link {
    position: relative;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    border: 3px solid transparent;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: top;
    padding: 0 10px;
    min-height: 54px;
    line-height: 54px;
    background: transparent;
    color: #fff;
}

.mast-header--theme-inverted .mast-header__link {
    color: #005293;
}

@media (min-width: 1200px) {
    .mast-header__link {
        height: 70px;
        line-height: 70px;
        padding: 0 20px;
        font-size: 30px;
    }
}

.mast-header__link:hover {
    background-color: #00457d;
}

.mast-header--theme-inverted .mast-header__link:hover {
    background-color: #f0bb00;
}

.mast-header--theme-purple .mast-header__link:hover {
    background-color: #7e2681;
}

.mast-header__link-content {
    vertical-align: middle;
    font-size: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
}

.mast-header__link-text {
    font-size: 9px;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
    margin-top: 6px;
}

@media (min-width: 1200px) {
    .mast-header__link-text {
        display: inline-block;
        margin: 0;
        vertical-align: middle;
        font-size: 13px;
    }
}

.mast-header__search-toggle {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    border: none;
    margin: 0;
    background: transparent;
    height: 60px;
    width: 50px;
    font-size: 25px;
    padding: 0;
}

.mast-header__panel {
    padding: 20px 10px;
    position: absolute;
    left: 0;
    z-index: -1;
    width: 100%;
    background-color: #005293;
    bottom: 0;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

.mast-header--theme-inverted .mast-header__panel {
    background-color: #fecb00;
}

.mast-header--theme-purple .mast-header__panel {
    background-color: #952d98;
}

.mast-header__panel--hidden {
    display: none;
}

.mast-header__panel--active {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
}

@media (min-width: 1200px) {
    .mast-header__panel--regions {
        padding-left: -webkit-calc(((100vw - 1320px) / 2) + 150px);
        padding-left: calc(((100vw - 1320px) / 2) + 150px);
    }

        .mast-header__panel--regions:before,
        .mast-header__panel--regions:after {
            content: "";
            position: absolute;
            top: 0;
            height: 100%;
            width: -webkit-calc((100vw - 1280px) / 2);
            width: calc((100vw - 1280px) / 2);
            background-color: #005293;
        }

    .mast-header--theme-inverted .mast-header__panel--regions:before,
    .mast-header--theme-inverted .mast-header__panel--regions:after {
        background-color: #fecb00;
    }

    .mast-header--theme-purple .mast-header__panel--regions:before,
    .mast-header--theme-purple .mast-header__panel--regions:after {
        background-color: #952d98;
    }

    .mast-header__panel--regions:before {
        right: 100%;
    }

    .mast-header__panel--regions:after {
        left: 100%;
    }
}

.mast-header__panel--sections {
    padding: 0;
    margin: 0;
}

.mast-header__panel--search {
    padding: 20px 0px;
}

@media (min-width: 1200px) {
    .mast-header__panel--search {
        padding-top: 60px;
    }
}

.mast-header__search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

.mast-header__search-wrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid #fff;
}

.mast-header--theme-inverted .mast-header__search-wrap {
    border-color: #005293;
}

@media (max-width: 1199px) {
    .mast-header__search-wrap {
        margin-right: 10%;
    }
}

.mast-header__search-input {
    width: 100%;
    background-color: transparent;
    border: none;
    color: #fff;
    padding: 0;
    border-radius: 0;
    font-size: 17px;
    height: 30px;
}

    .mast-header__search-input::-webkit-input-placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

    .mast-header__search-input::-moz-placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

    .mast-header__search-input:-ms-input-placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

    .mast-header__search-input:-moz-placeholder {
        color: rgba(255, 255, 255, 0.7);
    }

.mast-header--theme-inverted .mast-header__search-input {
    color: #005293;
}

    .mast-header--theme-inverted .mast-header__search-input::-webkit-input-placeholder {
        color: #005293;
    }

    .mast-header--theme-inverted .mast-header__search-input::-moz-placeholder {
        color: #005293;
    }

    .mast-header--theme-inverted .mast-header__search-input:-ms-input-placeholder {
        color: #005293;
    }

    .mast-header--theme-inverted .mast-header__search-input:-moz-placeholder {
        color: #005293;
    }

@media (min-width: 1200px) {
    .mast-header__search-input {
        width: 250px;
    }
}

.mast-header__search-button {
    border: none;
    background-color: #fecb00;
    height: 30px;
    padding: 0 10px;
    font-weight: bold;
    text-transform: uppercase;
    color: #005293;
    font-size: 13px;
}

.mast-header--theme-inverted .mast-header__search-button {
    background-color: #005293;
    color: #fff;
}

@media (min-width: 1200px) {
    .mast-header__search-button {
        background-color: transparent;
        color: #fff;
    }

    .mast-header--theme-inverted .mast-header__search-button {
        background-color: transparent;
        color: #005293;
    }
}

@media (min-width: 1200px) {
    .mast-header__search-button__text {
        display: none;
    }
}

.mast-header__search-button__icon {
    display: none;
    font-size: 27px;
}

@media (min-width: 1200px) {
    .mast-header__search-button__icon {
        display: inline-block;
    }
}

.mast-header__search-error {
    display: none;
    position: absolute;
    font-weight: bold;
    bottom: -21px;
    left: 0;
    font-size: 9px;
    color: #fff;
}

    .mast-header__search-error > .icon {
        vertical-align: middle;
    }

.mast-header__search-error-text {
    vertical-align: middle;
    margin-left: 2px;
}

.mast-header__districts {
    list-style: none;
    margin: -5px;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.mast-header__districts-item {
    padding: 5px;
}


@media (min-width: 1200px) {
    .mast-nav__track {
        margin: 0 auto;
        padding-left: 120px;
        padding-left: 120px;
    }
}





.site-notifications {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #00345c;
    color: #fff;
    padding: 10px 0;
    text-align: center;
    -webkit-transition: opacity 0s ease 0s, -webkit-transform 0.5s ease 0s;
    transition: opacity 0s ease 0s, -webkit-transform 0.5s ease 0s;
    -o-transition: opacity 0s ease 0s, -o-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0s ease 0s, -webkit-transform 0.5s ease 0s, -o-transform 0.5s ease 0s;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .site-notifications {
        padding: 20px 0;
    }
}

@media (min-width: 1200px) {
    .site-notifications {
        padding: 20px 0;
    }
}

.site-notifications .hidden {
    display: none;
}

.site-notifications--hidden {
    -webkit-transition: opacity 0s ease 0.5s, -webkit-transform 0.5s ease 0s;
    transition: opacity 0s ease 0.5s, -webkit-transform 0.5s ease 0s;
    -o-transition: opacity 0s ease 0.5s, -o-transform 0.5s ease 0s;
    transition: transform 0.5s ease 0s, opacity 0s ease 0.5s;
    transition: transform 0.5s ease 0s, opacity 0s ease 0.5s, -webkit-transform 0.5s ease 0s, -o-transform 0.5s ease 0s;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transform: translateY(100%);
    opacity: 0;
}

.site-notifications__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: initial;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 40px;
}

.site-notifications__icon {
    font-size: 40px;
    margin: 0 20px;
    -webkit-flex-basis: 40px;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    color: #fecb00;
    display: none;
}

@media (min-width: 600px) {
    .site-notifications__icon {
        margin: 0 20px 0 10px;
        display: block;
    }
}

@media (min-width: 900px) {
    .site-notifications__icon {
        margin: 0 20px 0 0;
    }
}

.site-notifications__message {
    margin-right: 30px;
    font-size: 13px;
}

@media (min-width: 600px) {
    .site-notifications__message {
        font-size: 15px;
    }
}

@media (min-width: 900px) {
    .site-notifications__message {
        font-size: 15px;
        margin-right: 60px;
    }
}

.site-notifications__message-title {
    font-weight: bold;
}

.site-notifications__link {
    max-width: 400px;
    margin: 5px 0;
}

@media (min-width: 600px) {
    .site-notifications__link {
        margin: 0;
    }
}

.site-notifications__close-btn {
    position: absolute;
    color: #fff;
    cursor: pointer;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    font-size: 15px;
    font-weight: bold;
    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-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #00345c;
}

@media (min-width: 900px) {
    .site-notifications__close-btn {
        font-size: 20px;
        width: 59px;
    }
}

.site-notifications__cross-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.autocomplete {
    margin-top: 10px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    width: 100%;
    display: none;
}

@media (min-width: 600px) {
    .autocomplete {
        position: absolute;
        top: -webkit-calc(100%);
        top: calc(100%);
        z-index: 1;
    }
}

.autocomplete--active {
    display: block;
}

.autocomplete__list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.autocomplete__button {
    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;
    background: #fff;
    border-bottom: 1px solid #dadada;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0;
    cursor: pointer;
}

.autocomplete__button--highlight {
    background: #f8f8f8;
}

.autocomplete__img {
    width: 40px;
    margin: 0 5px;
    vertical-align: middle;
    pointer-events: none;
}

.autocomplete__info {
    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;
    background: #fff;
    line-height: 50px;
    padding: 0 1em 0 0;
    color: #9d9d9c;
    overflow: hidden;
}

.autocomplete__icon {
    width: 3em;
    margin-right: 10px;
}

.filter {
    position: relative;
}

.filter__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    z-index: 1;
}

.filter__description {
    display: block;
    padding: 0 10px;
    margin: 10px 0 5px;
}

.filter__track {
    padding: 0 10px;
}

.filter__track--scroll {
    padding: 3px 10px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 900px) {
    .filter__track--scroll {
        overflow-x: visible;
    }
}

.filter__options {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (min-width: 900px) {
    .filter__options {
        max-width: 400px;
        width: 100%;
    }
}

.filter__track--scroll .filter__options {
    height: 60px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0 3px;
    max-width: none;
}

@media (min-width: 900px) {
    .filter__track--scroll .filter__options {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.filter__options-item {
    width: 50%;
    position: relative;
}

.filter__track--scroll .filter__options-item {
    width: 100px;
}

@media (min-width: 900px) {
    .filter--desktop-shadow .filter__track--scroll .filter__options-item {
        position: static;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
}

@media (min-width: 900px) {
    .team-matches__filter-wrapper .filter__track--scroll .filter__options-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 1200px) {
    .filter__track--scroll .filter__options-item {
        width: 12.5%;
    }
}

.filter__option {
    border-right: 1px solid #dadada;
    background: #fff;
    height: 50px;
    padding: 0 15px;
    width: 100%;
    font-size: 13px;
    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;
    cursor: pointer;
    -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;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}

    .filter__option:hover {
        background: #f8f8f8;
    }

@media (min-width: 900px) {
    .filter__option {
        border: none;
        -webkit-box-shadow: 0 0 0 1px #dadada;
        box-shadow: 0 0 0 1px #dadada;
        font-size: 15px;
    }
}

.filter__track--scroll .filter__option {
    height: 60px;
}

@media (min-width: 900px) {
    .filter__track--scroll .filter__option {
        font-size: 13px;
    }
}

.filter--loading .filter__option {
    -webkit-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    opacity: 0.4;
    pointer-events: none;
}

.filter__option:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    background: #005293;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}

.filter__option:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    bottom: 5px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

input:checked + .filter__option {
    color: #005293;
    font-weight: bold;
}

    input:checked + .filter__option:before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

.filter__option-image {
    margin-bottom: 5px;
}

.filter__option-text {
    line-height: 1;
    max-width: 80px;
}

.filter__option-text--small {
    font-size: 11px;
}

.filter__input {
    display: none;
}

.formation-list__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;
    margin-bottom: 10px;
}

@media (min-width: 600px) {
    .formation-list__header--pull-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.formation-list__section-headline {
    margin-left: 35px;
    color: #706f6f;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 5px;
    font-weight: normal;
}

@media (min-width: 600px) {
    .formation-list__section-headline--pull-right {
        margin-left: 0;
        margin-right: 35px;
        text-align: right;
    }
}

.formation-list__team {
    margin: 0;
    padding: 0 10px;
}

.formation-list__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.formation-list__item {
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    padding: 5px 0;
}

@media (min-width: 600px) {
    .formation-list__item {
        padding: 10px 0;
    }
}

.formation-list-player {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 600px) {
    .formation-list-player--pull-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.formation-list-player__number {
    display: inline-block;
    width: 25px;
    text-align: center;
    font-weight: bold;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.formation-list-player__link,
.formation-list-player__name {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}

.formation-list-player__link {
    color: #1d1d1d;
    text-decoration: none;
}

.formation-list-player__substitution-wrapper {
    background: #ececec;
    padding: 5px;
    margin: 5px;
    display: inline;
}

    .formation-list-player__substitution-wrapper:first-child {
        margin-left: 0;
    }

    .formation-list-player__substitution-wrapper:last-child {
        margin-right: 0;
    }

.formation-list-player__substitution-text {
    font-size: 13px;
    color: #706f6f;
}

.formation-list-player__substitution-wrapper {
    background: #ececec;
    padding: 5px;
    margin: 5px;
    display: inline;
}

    .formation-list-player__substitution-wrapper:first-child {
        margin-left: 0;
    }

    .formation-list-player__substitution-wrapper:last-child {
        margin-right: 0;
    }

.formation-list-player__substitution-text {
    font-size: 13px;
    color: #706f6f;
}

.icon-text {
    vertical-align: middle;
    font-size: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
}

@media (min-width: 1200px) {
    .icon-text {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 30px;
        line-height: 50px;
    }
}

.icon-text__icon {
    position: relative;
    line-height: 0;
}

.icon-text__notification {
    position: absolute;
    top: -2px;
    right: -5px;
    width: 12px;
    height: 12px;
    background-color: #e84e0f;
    border-radius: 50%;
}

@media (min-width: 1200px) {
    .icon-text__notification {
        top: -2px;
        right: -5px;
        width: 15px;
        height: 15px;
    }
}

.icon-text__text {
    font-size: 9px;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
    margin-top: 6px;
}

@media (min-width: 1200px) {
    .icon-text__text {
        margin: 0 0 0 10px;
        font-size: 13px;
    }
}

.missing-courses {
    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;
    padding: 10px;
}

.upcoming-board .missing-courses {
    background: #fff;
    border: 1px solid rgba(218, 218, 218, 0.5);
}

@media (min-width: 600px) {
    .upcoming-board .missing-courses {
        padding: 40px 0;
    }
}

.district-recent-board .missing-courses,
.district-recent .missing-courses {
    border: 1px solid #005293;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 0;
}

@media (min-width: 900px) {
    .district-recent-board .missing-courses,
    .district-recent .missing-courses {
        padding: 10px;
    }
}

.district-recent-board .missing-courses {
    padding: 10px;
}

.missing-courses__icon {
    font-size: 45px;
}

@media (min-width: 600px) {
    .upcoming-board .missing-courses__icon {
        font-size: 90px;
    }
}

.missing-courses__texts {
    font-size: 13px;
    margin-left: 10px;
    line-height: 22px;
}

.upcoming-board .missing-courses__texts {
    margin-left: 20px;
    line-height: 25px;
}

.missing-courses__title {
    color: #005293;
    font-weight: bold;
}

@media (min-width: 600px) {
    .missing-courses__title {
        font-size: 17px;
    }
}

.district-recent-board .missing-courses__title,
.district-recent .missing-courses__title {
    color: #fff;
}

.missing-courses__title,
.missing-courses__sub-title {
    margin: 0;
}

@media (min-width: 600px) {
    .missing-courses__sub-title {
        font-size: 15px;
    }
}

.district-recent-board .missing-courses__sub-title,
.district-recent .missing-courses__sub-title {
    color: #fff;
}

.image {
    position: relative;
}

    .image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

.image__src {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}

.image__caption {
    margin: 0;
    padding: 10px 0;
    border-bottom: 3px solid #005293;
    color: #005293;
    font-size: 13px;
}

.target-group-link {
    list-style-type: none;
    width: 50%;
    padding: 0 5px 10px 5px;
}

@media (min-width: 600px) {
    .target-group-link {
        width: 33.33%;
        padding: 0 10px 20px;
    }
}

@media (min-width: 900px) {
    .target-group-link {
        width: 16.66%;
        padding: 0 10px;
    }
}

.target-group-link__link {
    position: relative;
    display: block;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.show-focus-outlines .target-group-link__link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.target-group-link__background {
    position: relative;
    background-color: #00345c;
    border-bottom: 4px solid #fecb00;
}

    .target-group-link__background:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

    .target-group-link__background:hover {
        opacity: 0.8;
    }

    .target-group-link__background::after {
        content: "";
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 82, 147, 0)), to(#005293));
        background: -webkit-linear-gradient(top, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: -o-linear-gradient(top, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: linear-gradient(to bottom, rgba(0, 82, 147, 0) 0%, #005293 100%);
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

.target-group-link--no-img .target-group-link__background::after {
    background: none;
}

@media (min-width: 900px) {
    .target-group-link__background {
        position: relative;
    }

        .target-group-link__background:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 157.65306%;
        }
}

@media (min-width: 1200px) {
    .target-group-link__background {
        border-bottom: 10px solid #fecb00;
    }
}

.target-group-link__content {
    position: absolute;
    bottom: 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;
    width: 100%;
}

.target-group-link__text-wrapper {
    white-space: nowrap;
    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: 9px;
}

@media (min-width: 1200px) {
    .target-group-link__text-wrapper {
        margin-bottom: 25px;
    }
}

.target-group-link__headline {
    color: white;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .target-group-link__headline {
        font-size: 21px;
    }
}

.target-group-link__icon {
    color: #fecb00;
    font-size: 12px;
    margin-left: 4px;
}

    .target-group-link__icon > svg {
        display: block;
    }

@media (min-width: 1200px) {
    .target-group-link__icon {
        font-size: 17px;
    }
}

.info-board {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 600px) {
    .info-board {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.info-board__item {
    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;
    margin: 10px 0;
}

@media (min-width: 600px) {
    .info-board__item {
        width: 50%;
        margin: 0;
    }
}

.info-board__icon {
    font-size: 37px;
}

.info-board__content {
    padding-left: 10px;
}

.info-board__title {
    color: #005293;
    font-weight: bold;
}

.load-more--notch {
    position: relative;
    border-radius: 0;
    white-space: nowrap;
    height: 40px;
    text-transform: uppercase;
    padding: 0 0.8em;
    border: none;
    background-color: #005293;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

    .load-more--notch:before,
    .load-more--notch:after {
        content: "";
        background-color: #005293;
        width: 11px;
        height: 40px;
        display: block;
        top: 0;
        position: absolute;
        -webkit-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

    .load-more--notch:before {
        left: -5px;
        -webkit-transform: skewX(15deg);
        -ms-transform: skewX(15deg);
        -o-transform: skewX(15deg);
        transform: skewX(15deg);
    }

    .load-more--notch:after {
        right: -5px;
        -webkit-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -o-transform: skewX(-15deg);
        transform: skewX(-15deg);
    }

    .load-more--notch:hover {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        background-color: #00457d;
    }

        .load-more--notch:hover:before,
        .load-more--notch:hover:after {
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
            background-color: #00457d;
        }

.load-more--button-light.load-more--loading {
    background-color: #005293;
}

.load-more--button-light-outlined.load-more--loading {
    background-color: #005293;
}

.load-more--loading {
    pointer-events: none;
}

    .load-more--loading .load-more__text {
        opacity: 0;
    }

.load-more__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}

.load-more--loading .load-more__loader {
    display: block;
}

.search-filter-item {
    position: relative;
    background: #fff;
    opacity: 1;
}

.search-filter-item__info-wrapper {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

    .search-filter-item__info-wrapper:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 5px;
        width: 100%;
        background: #005293;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: -webkit-transform 0.2s ease;
        transition: -webkit-transform 0.2s ease;
        -o-transition: -o-transform 0.2s ease;
        transition: transform 0.2s ease;
        transition: transform 0.2s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease;
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        -o-transform-origin: bottom;
        transform-origin: bottom;
    }

.search-filter-item--active .search-filter-item__info-wrapper:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.search-filter-item--inactive .search-filter-item__info-wrapper {
    opacity: 0.5;
}

.search-filter-item__count {
    font-size: 11px;
}

@media (min-width: 900px) {
    .search-filter-item__count {
        font-size: 13px;
    }
}

.search-filter-item__text-wrapper {
    font-size: 13px;
    line-height: normal;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

@media (min-width: 900px) {
    .search-filter-item__text-wrapper {
        font-size: 15px;
    }
}

.search-filter-item__text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin-right: 2px;
}

.search-filter-item--active .search-filter-item__text {
    font-weight: bold;
    color: #005293;
}

.search-filter-item__icon {
    font-size: 30px;
    margin-bottom: 5px;
}

.search-filter-item__input {
    opacity: 0;
    position: absolute;
}

.checkbox-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;
    padding: 16px;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    background: #fff;
}

.checkbox-item__checkbox {
    height: 18px;
    width: 18px;
    background: #dadada;
    position: relative;
    margin-right: 10px;
}

    .checkbox-item__checkbox:after {
        content: "";
        width: 10px;
        height: 10px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        position: absolute;
        background: #005293;
        -webkit-transition: -webkit-transform 0.15s ease;
        transition: -webkit-transform 0.15s ease;
        -o-transition: -o-transform 0.15s ease;
        transition: transform 0.15s ease;
        transition: transform 0.15s ease, -webkit-transform 0.15s ease, -o-transform 0.15s ease;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

.checkbox-item--active .checkbox-item__checkbox:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.checkbox-item__input {
    opacity: 0;
    position: absolute;
}

.checkbox-item__text-wrapper {
    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;
}

.checkbox-item__text {
    line-height: normal;
    margin-right: 2px;
}

.checkbox-item--active .checkbox-item__text {
    font-weight: bold;
    color: #005293;
}

.checkbox-item__count {
    line-height: normal;
    font-size: 13px;
}

.icon-text-row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    text-decoration: none;
    color: inherit;
}

@media (min-width: 600px) {
    .livescore-box-content .icon-text-row {
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
    }
}

@media (min-width: 900px) {
    .livescore-box-content .icon-text-row {
        width: -webkit-calc(50% - 40px);
        width: calc(50% - 40px);
        padding: 20px 0;
    }
}

.icon-text-row:last-child {
    border: none;
    margin-bottom: 0;
}


.icon-text-row--link:hover {
    background: #f8f8f8;
}

.icon-text-row__accordion-content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.icon-text-row__value-item + .icon-text-row__value-item {
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    margin-top: 5px;
    padding-top: 5px;
}

.icon-text-row__phone,
.icon-text-row__mobile,
.icon-text-row__mail {
    font-weight: bold;
    display: block;
    margin-top: 2px;
    color: #0085c8;
}

.icon-text-row__expand-button {
    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%;
    background: transparent;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    margin-left: -5px;
    cursor: pointer;
    padding: 0 15px 0 5px;
}

    .icon-text-row__expand-button:hover {
        background: #f8f8f8;
    }

.icon-text-row__accordion-icon {
    color: #005293;
}

.icon-text-row__icon {
    font-size: 34px;
    margin-top: 4px;
}

.icon-text-row__icon-link {
    font-size: 14px;
}

.icon-text-row__external-link .icon-text-row__icon-link {
    font-size: 20px;
}

.icon-text-row__content {
    padding-left: 10px;
    margin: 0;
    width: 100%;
}

.icon-text-row__title {
    color: #005293;
    font-weight: bold;
}

.icon-text-row__value {
    margin: 0;
}

.detailed-training--canceled .icon-text-row__value {
    text-decoration: line-through;
    color: #706f6f;
}

.icon-text-row__value--canceled {
    text-transform: uppercase;
    font-weight: bold;
}

.detailed-training--canceled .icon-text-row__value--canceled {
    text-decoration: none;
    color: #1d1d1d;
}

.icon-text-row__secondary-value {
    font-size: 13px;
    margin: 0;
    line-height: 1.3em;
}

@media (min-width: 900px) {
    .icon-text-row__secondary-value {
        font-size: 15px;
    }
}

.detailed-training--canceled .icon-text-row__secondary-value {
    text-decoration: line-through;
    color: #706f6f;
}

.icon-text-row__sub-value {
    color: #706f6f;
    font-size: 13px;
    line-height: 1.3em;
    padding-bottom: 5px;
    text-align: left;
}

@media (min-width: 900px) {
    .icon-text-row__sub-value {
        font-size: 15px;
    }
}

.icon-text-row__external-link {
    text-align: center;
    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-left: auto;
    text-decoration: none;
    color: #005293;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 80px;
}

.icon-text-row__external-link-text {
    font-family: StagSans;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 11px;
}

.icon-text-row__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;
    margin-left: auto;
    margin-right: 20px;
    font-size: 14px;
    color: #005293;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

    .icon-text-row__link .icon {
        display: block;
    }

.icon-text-row__button {
    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: auto;
}

.icon-text-row__button-text {
    margin-right: 5px;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spin {
    0% {
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader {
    border: 0.1em solid transparent;
    border-radius: 50%;
    border-top-color: #63b9e9;
    width: 1em;
    height: 1em;
    -webkit-animation: spin 0.5s linear infinite;
    -o-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

.loader--small {
    border-width: 3px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.loader--large {
    border-width: 6px;
    width: 80px;
    height: 80px;
    vertical-align: middle;
}

.loader--centered {
    margin: 0 auto;
}

.loader__wrapper {
    padding: 0;
}

.loader__wrapper--padding-large {
    padding: 60px;
}

.match-event {
    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;
    padding: 10px 0;
    font-size: 13px;
    line-height: 1.3em;
}

@media (min-width: 600px) {
    .match-event {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right;
        width: -webkit-calc(50% + 20px);
        width: calc(50% + 20px);
        font-size: 15px;
    }
}

.match-event--right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right;
}

@media (min-width: 600px) {
    .match-event--right {
        margin-left: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
    }
}

.match-event__time {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

@media (min-width: 600px) {
    .match-event__time {
        width: 40px;
    }
}

.match-event__icon {
    padding: 0 10px;
    font-size: 26px;
}

@media (min-width: 600px) {
    .match-event__icon {
        padding: 0 20px;
    }
}

.match-event__info-main,
.match-event__info-main-link {
    font-weight: bold;
    color: #1d1d1d;
    text-decoration: none;
}

.match-event__info-secondary,
.match-event__info-secondary-link {
    display: block;
    text-decoration: none;
    color: #706f6f;
}

@media (min-width: 600px) {
    .match-event__info-secondary,
    .match-event__info-secondary-link {
        font-size: 13px;
    }
}

.match-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;
}

.match-link__match {
    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: #005293;
    width: 100%;
    overflow: hidden;
}

    .match-link__match:hover {
        background-color: #f8f8f8;
    }

.match-link__column {
    padding: 10px;
    height: 60px;
    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;
    overflow: hidden;
}


.match-link__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-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 60px;
    width: 52px;
    -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;
    padding: 0 10px;
    background-color: #005293;
    color: #fff;
}

.match-link--theme-inverted .match-link__date {
    background-color: #fecb00;
    color: #005293;
}

.match-link--theme-purple .match-link__date {
    background-color: #6b1f7c;
}

.match-link--canceled .match-link__date {
    background-color: #706f6f;
    color: #fff;
}

.match-link__match:hover .match-link__date {
    background-color: #00457d;
}

.match-link--theme-inverted .match-link__match:hover .match-link__date {
    background-color: #f0bb00;
}

.match-link--theme-purple .match-link__match:hover .match-link__date {
    background-color: #551863;
}

.match-link--canceled .match-link__match:hover .match-link__date {
    background-color: #9d9d9c;
}

@media (min-width: 900px) {
    .match-link__date {
        height: 72px;
    }
}

.match-link__date-day,
.match-link__date-month {
    display: block;
}

.match-link__date-month {
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
}

.match-link__date-day {
    font-weight: bold;
    font-size: 21px;
    line-height: 21px;
}

.match-link__info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    padding: 5px 0;
}

@media (min-width: 900px) {
    .match-link__info {
        padding: 8px 0;
    }
}

.match-link__info-row {
    margin: 0;
    line-height: 0.9em;
}

.match-link--canceled .match-link__info-row {
    color: #706f6f;
    text-decoration: line-through;
}

@media (min-width: 900px) {
    .match-link__info-row {
        line-height: 1.3em;
    }
}

.match-link__flags {
    padding: 10px;
    height: 72px;
    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;
}

.match-link__tag {
    font-size: 13px;
    display: block;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-link__event {
    font-size: 11px;
    display: block;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.match-link__event--no-date {
    color: #706f6f;
}

.match-link__title {
    display: block;
    font-size: 13px;
    line-height: 1em;
    font-weight: bold;
    color: #005293;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-link--canceled .match-link__title {
    color: #706f6f;
}

@media (min-width: 900px) {
    .match-link__title {
        font-size: 17px;
        line-height: 20px;
    }
}

.match-link__ticket {
    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;
    height: 60px;
    font-size: 27px;
    margin: 0;
    padding: 0 10px;
    color: #005293;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.match-link--canceled .match-link__ticket {
    text-decoration: line-through;
}

@media (min-width: 900px) {
    .match-link__ticket {
        height: 72px;
        font-size: 30px;
    }
}

.match-link__ticket:hover {
    background-color: #f8f8f8;
}

.match-link__ticket-label {
    display: block;
    margin-top: 5px;
    line-height: 1em;
    font-weight: bold;
    font-size: 9px;
    text-transform: uppercase;
}

@media (min-width: 900px) {
    .match-link__ticket-label {
        font-size: 13px;
    }
}

@media (min-width: 900px) {
    .deep-link {
        height: 100%;
    }
}

.deep-link__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
}

@media (min-width: 900px) {
    .deep-link__link {
        height: 100%;
    }
}

.deep-link__graphic {
    width: 50px;
    height: 50px;
    padding: 5px;
    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;
}

.deep-link--default .deep-link__graphic {
    background: #005293;
}

.deep-link--my-football .deep-link__graphic {
    background: #63b9e9;
}

.deep-link--external-link .deep-link__graphic {
    background: #dadada;
}

@media (min-width: 900px) {
    .deep-link__graphic {
        height: auto;
    }
}

@media (min-width: 1200px) {
    .deep-link__graphic {
        width: 80px;
        padding: 10px;
    }
}

.deep-link__icon {
    font-size: 40px;
}

@media (min-width: 1200px) {
    .deep-link__icon {
        font-size: 60px;
    }
}

.deep-link__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-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    background-color: #fff;
}

    .deep-link__content:hover {
        background-color: #f8f8f8;
    }

@media (min-width: 1200px) {
    .deep-link__content {
        padding: 20px;
    }
}

.deep-link__tags,
.deep-link__text {
    display: block;
    line-height: normal;
}

.deep-link__tags {
    color: #706f6f;
    font-size: 11px;
    margin-bottom: 2px;
}

@media (min-width: 1200px) {
    .deep-link__tags {
        font-size: 15px;
    }
}

.deep-link__text {
    color: #1d1d1d;
    font-size: 13px;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .deep-link__text {
        font-size: 17px;
    }
}

.deep-link__external-icon {
    font-size: 20px;
}

@media (min-width: 1200px) {
    .deep-link__external-icon {
        margin-bottom: auto;
    }
}

.deep-link__external-icon svg {
    display: block;
}

.document-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    .document-link:hover {
        background-color: #f8f8f8;
    }

.show-focus-outlines .document-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.document-link__icon-wrapper {
    position: relative;
    min-width: 90px;
}

    .document-link__icon-wrapper:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

@media (min-width: 900px) {
    .document-link__icon-wrapper {
        min-width: 126px;
    }
}

.document-link__text {
    max-height: 50px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 900px) {
    .document-link__text {
        max-height: 73px;
    }
}

.document-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .document-link__title {
        font-size: 15px;
    }
}

.document-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.2em;
    color: #005293;
}

@media (min-width: 900px) {
    .document-link__info {
        font-size: 13px;
        margin-bottom: 0.3em;
    }
}

.document-link__meta:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 1.2em;
    background-color: #fecb00;
    margin: 0 5px;
}

.document-link__icon {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 26px;
    color: #fff;
}

@media (min-width: 900px) {
    .document-link__icon {
        font-size: 40px;
        right: 20px;
    }
}

.news-link {
    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;
    text-decoration: none;
}

.show-focus-outlines .news-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.news-link:hover .news-link__img {
    opacity: 0.8;
}

.news-link:hover .news-link__text {
    background-color: #f8f8f8;
}

.news-link--16-9:hover .news-link__text {
    background-color: rgba(248, 248, 248, 0.9);
}

.news-link--sponsor:hover .news-link__text {
    background-color: #d5eefc;
}

.news-link--small {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (min-width: 600px) and (max-width: 899px) {
    .news-link--large-tablet-portrait {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .news-link--large-tablet-portrait-and-desktop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .news-link--large-tablet-portrait-and-desktop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.news-link__badge {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 19%;
    overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
    .news-link__badge {
        height: 35%;
    }
}

.news-link--small .news-link__badge {
    width: 38%;
}

@media all and (-ms-high-contrast: none) {
    .news-link--small .news-link__badge {
        height: 64%;
    }
}

.news-link__triangle-svg {
    width: 100%;
    height: auto;
    fill: #0085c8;
    position: relative;
}

.news-link__badge--green .news-link__triangle-svg {
    fill: #479a36;
}

.news-link__badge--yellow .news-link__triangle-svg {
    fill: #fecb00;
}

.news-link__badge--light .news-link__triangle-svg {
    fill: #f9f9f9;
}

.news-link__badge--light-blue .news-link__triangle-svg {
    fill: #0085c8;
}

.news-link__badge--blue .news-link__triangle-svg {
    fill: #005293;
}

.news-link__badge--purple .news-link__triangle-svg {
    fill: #6b1f7c;
}

.news-link__logo-img {
    position: absolute;
    top: 8%;
    right: 5%;
    height: 40%;
    width: 36%;
    -o-object-fit: contain;
    object-fit: contain;
}

.news-link__img {
    position: relative;
    min-width: 90px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

    .news-link__img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

@media (min-width: 900px) {
    .news-link__img {
        min-width: 126px;
    }
}

.news-link__img-src {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.news-link--is-video .news-link__img-src {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news-link__text {
    max-height: 50px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background-color: #fff;
}

@media (min-width: 900px) {
    .news-link__text {
        max-height: 73px;
    }
}

.news-link--16-9 .news-link__text {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    max-height: none;
}

.news-link--sponsor .news-link__text {
    background-color: #e0f1fb;
}

.news-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .news-link__title {
        font-size: 15px;
    }
}

@media (min-width: 600px) {
    .news-link--16-9 .news-link__title {
        font-size: 25px;
    }
}

.news-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.2em;
    color: #005293;
}

@media (min-width: 900px) {
    .news-link__info {
        font-size: 13px;
        margin-bottom: 0.3em;
    }
}

.news-link__sponsor-label {
    font-weight: bold;
    color: #368234;
}

    .news-link__sponsor-label:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 1em;
        background-color: #368234;
        margin: 0 5px;
        vertical-align: text-bottom;
    }

.news-link__sponsor-name {
    color: #368234;
}

.news-link__category + .news-link__date:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 1.2em;
    background-color: #fecb00;
    margin: 0 5px;
}

.news-link__video {
    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: 1.9em;
    height: 1.9em;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #005293;
    background-color: #fecb00;
}

@media (min-width: 900px) {
    .news-link__video {
        font-size: 20px;
        width: 2em;
        height: 2em;
    }
}

.news-link__video--small {
    font-size: 12px;
}

@media (min-width: 900px) {
    .news-link__video--small {
        font-size: 16px;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .news-link__video--large-tablet-portrait {
        font-size: 16px;
    }
}

.hero-carousel-link {
    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;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 100%;
    padding: 6%;
}

.slick-initialized .hero-carousel-link {
    padding: 6%;
}

.slick-center .hero-carousel-link {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.show-focus-outlines .hero-carousel-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.hero-carousel-link:hover .hero-carousel-link__img {
    opacity: 0.8;
}

.hero-carousel-link:hover .hero-carousel-link__text {
    background-color: #f8f8f8;
}

@media (min-width: 900px) {
    .hover .hero-carousel-link {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .slick-initialized .hero-carousel-link {
        padding: 10%;
    }
}

.hero-carousel-link__img {
    position: relative;
    min-width: 90px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

    .hero-carousel-link__img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

@media (min-width: 900px) {
    .hero-carousel-link__img {
        min-width: 126px;
    }
}

.hero-carousel-link__img-src {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.hero-carousel-link__text {
    max-height: 50px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background-color: #fff;
}

@media (min-width: 900px) {
    .hero-carousel-link__text {
        max-height: 73px;
    }
}

.hero-carousel-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .hero-carousel-link__title {
        font-size: 15px;
    }
}

.hero-carousel-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.2em;
    color: #005293;
}

@media (min-width: 900px) {
    .hero-carousel-link__info {
        font-size: 13px;
        margin-bottom: 0.3em;
    }
}

.hero-carousel-link__video {
    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: 1.9em;
    height: 1.9em;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #005293;
    background-color: #fecb00;
}

@media (min-width: 900px) {
    .hero-carousel-link__video {
        font-size: 20px;
        width: 2em;
        height: 2em;
    }
}

.news-multi-link {
    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;
    text-decoration: none;
}

.show-focus-outlines .news-multi-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.news-multi-link:hover .news-multi-link__img {
    opacity: 0.8;
}

.news-multi-link:hover .news-multi-link__text {
    background-color: #f8f8f8;
}

.news-multi__item .news-multi-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 600px) {
    .news-multi__item .news-multi-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.news-multi-link--sponsor:hover .news-multi-link__text {
    background-color: #d5eefc;
}

.news-multi-link--small {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (min-width: 600px) and (max-width: 899px) {
    .news-multi-link--large-tablet-portrait {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}

.news-multi-link__badge {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 38%;
    overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
    .news-multi-link__badge {
        height: 64%;
    }
}
/*
@media all and (-ms-high-contrast: none) {
    .news-multi__item .news-multi-link__badge {
        height: 35%;
    }
}

@media (min-width: 600px) {
    .news-multi__item .news-multi-link__badge {
        width: 19%;
    }
}

@media all and (min-width: 600px) and (-ms-high-contrast: none) {
    .news-multi__item {
        height: 35%;
    }
}*/

.news-multi-link__triangle-svg {
    height: auto;
    width: 100%;
    fill: #0085c8;
    position: relative;
}

.news-multi-link__badge--green .news-multi-link__triangle-svg {
    fill: #479a36;
}

.news-multi-link__badge--yellow .news-multi-link__triangle-svg {
    fill: #fecb00;
}

.news-multi-link__badge--light .news-multi-link__triangle-svg {
    fill: #f9f9f9;
}

.news-multi-link__badge--light-blue .news-multi-link__triangle-svg {
    fill: #0085c8;
}

.news-multi-link__badge--blue .news-multi-link__triangle-svg {
    fill: #005293;
}

.news-multi-link__badge--purple .news-multi-link__triangle-svg {
    fill: #4e1a66;
}

.news-multi-link__logo-img {
    position: absolute;
    top: 8%;
    right: 8%;
    height: 40%;
    width: 30%;
    -o-object-fit: contain;
    object-fit: contain;
}

.news-multi-link__img {
    position: relative;
    min-width: 90px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

    .news-multi-link__img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

@media (min-width: 900px) {
    .news-multi-link__img {
        min-width: 126px;
    }
}

.news-multi-link__img-src {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.news-multi-link__text {
    max-height: 50px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background-color: #fff;
}

@media (min-width: 900px) {
    .news-multi-link__text {
        max-height: 73px;
    }
}

.news-multi-link--sponsor .news-multi-link__text {
    background-color: #e0f1fb;
}

.news-multi-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .news-multi-link__title {
        font-size: 15px;
    }
}

.news-multi-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.2em;
    color: #005293;
}

@media (min-width: 900px) {
    .news-multi-link__info {
        font-size: 13px;
        margin-bottom: 0.3em;
    }
}

.news-multi-link__sponsor-label {
    font-weight: bold;
    color: #368234;
}

    .news-multi-link__sponsor-label:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 1em;
        background-color: #368234;
        margin: 0 5px;
        vertical-align: text-bottom;
    }

.news-multi-link__sponsor-name {
    color: #368234;
}

.news-multi-link__category + .news-multi-link__date:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 1.2em;
    background-color: #fecb00;
    margin: 0 5px;
}

.news-multi-link__video {
    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: 1.9em;
    height: 1.9em;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #005293;
    background-color: #fecb00;
    font-size: 12px;
}

@media (min-width: 900px) {
    .news-multi-link__video {
        font-size: 20px;
        width: 2em;
        height: 2em;
    }
}

@media (min-width: 900px) {
    .news-multi-link__video {
        font-size: 16px;
    }
}

.notification {
    position: relative;
    border: 3px solid #005293;
    padding: 10px 40px 10px 10px;
}

@media (min-width: 900px) {
    .notification {
        padding: 20px 70px 20px 20px;
    }
}

.notification__icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #005293;
}

@media (min-width: 900px) {
    .notification__icon {
        font-size: 30px;
        top: 20px;
        right: 20px;
    }
}

.notification--critical {
    border: 3px solid #e84e0f;
}

    .notification--critical .notification__icon {
        color: #e84e0f;
    }

.participants__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 900px) {
    .participants__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
}

.participants__item {
    width: 100%;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    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: 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;
    font-size: 13px;
    line-height: 1.2em;
}

@media (min-width: 900px) {
    .participants__item {
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px);
        margin: 0 15px;
        padding: 15px 0;
        -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;
    }
}

.participants__item--inactive {
    text-decoration: line-through;
    color: #706f6f;
}

.participants__name {
    padding: 12px 6px 12px 0;
}

@media (min-width: 900px) {
    .participants__name {
        padding: 0;
        font-size: 15px;
        margin-bottom: 10px;
    }
}

.participants__role {
    color: #706f6f;
    text-align: right;
    padding: 12px 0 12px 6px;
}

@media (min-width: 900px) {
    .participants__role {
        padding: 0;
    }
}

.quick-link {
    padding: 5px 10px;
    list-style-type: none;
}

    .quick-link:hover .quick-link__link {
        background: #f8f8f8;
    }

    .quick-link:hover .quick-link__icon {
        background: #f0bb00;
    }

@media (min-width: 600px) {
    .quick-link {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 5px;
    }
}

@media (min-width: 1200px) {
    .quick-link {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 10px;
    }
}

.quick-link__link {
    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;
    text-decoration: none;
    background: #fff;
    height: 100%;
}

.quick-link__texts {
    padding: 6px 10px;
}

@media (min-width: 1200px) {
    .quick-link__texts {
        padding: 13px 20px;
    }
}

.quick-link__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background: #fecb00;
    color: #005293;
}

.quick-links--theme-inverted .quick-link__icon {
    background: #005293;
    color: #fecb00;
}

@media (min-width: 1200px) {
    .quick-link__icon {
        font-size: 19px;
    }
}

.quick-link__headline {
    margin: 0;
    color: #005293;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .quick-link__headline {
        margin-bottom: 6px;
    }
}

.quick-link__preamble {
    margin: 0;
    font-size: 13px;
    line-height: 1.3em;
    color: #706f6f;
}

.episerver-forms--yellow {
    background: #fecb00;
}

.episerver-forms--blue {
    background: #005293;
    color: #fff;
}

.episerver-forms h2 {
    margin: 0.83em 0 !important;
}


.player-board__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 600px) {
    .player-board__items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
}

.player-board__item {
    width: 100%;
    line-height: 1.2em;
    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 rgba(218, 218, 218, 0.5);
    padding: 12px 0;
    font-size: 13px;
}

@media (min-width: 600px) {
    .player-board__item {
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px);
        margin: 0 15px;
        display: block;
    }
}

@media (min-width: 900px) {
    .player-board__item {
        width: -webkit-calc(33.33% - 30px);
        width: calc(33.33% - 30px);
        font-size: 15px;
        padding: 15px 0;
    }
}

.player-board__item--inactive {
    text-decoration: line-through;
    color: #706f6f;
}

.player-board__name {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding-right: 6px;
}

.player-board__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-left: 6px;
}

@media (min-width: 600px) {
    .player-board__team {
        padding-left: 0;
        margin-top: 5px;
    }
}

.player-board__team-name {
    color: #706f6f;
}

@media (min-width: 600px) {
    .player-board__team-name {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (min-width: 900px) {
    .player-board__team-name {
        font-size: 13px;
    }
}

.player-board__team-logo {
    padding-left: 5px;
}

.player-board__item--inactive .player-board__team-logo {
    opacity: 0.5;
}

@media (min-width: 600px) {
    .player-board__team-logo {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
    }
}

.search-result-link {
    position: relative;
    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;
    text-decoration: none;
    background-color: #fff;
    cursor: pointer;
}

.show-focus-outlines .search-result-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.search-result-link:hover {
    border-color: #f8f8f8;
    background-color: #f8f8f8;
}

    .search-result-link:hover .search-result-link__img {
        opacity: 0.8;
    }

.search-result-link__img {
    position: relative;
    min-width: 50px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

    .search-result-link__img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

@media (min-width: 1200px) {
    .search-result-link__img {
        min-width: 124px;
    }
}

.search-result-link__img-src {
    position: absolute;
    height: 100%;
    max-height: 100%;
    max-width: none;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.search-result-link__text {
    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: 10px 20px 10px 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .search-result-link__text {
        max-height: 124px;
        padding: 15px 20px;
    }
}

.search-result-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 17px;
    text-decoration: none;
    margin: 2px 0;
    font-weight: bold;
    color: #005293;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 1200px) {
    .search-result-link__title {
        font-size: 17px;
        line-height: 21px;
    }
}

.search-result-link--predefined-dark .search-result-link__title,
.search-result-link--predefined-blue .search-result-link__title {
    color: #fff;
}

.search-result-link__preamble {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    color: #1d1d1d;
    font-size: 13px;
    line-height: 16px;
}

@media (min-width: 1200px) {
    .search-result-link__preamble {
        font-size: 17px;
        line-height: 21px;
    }
}

.search-result-link--predefined-dark .search-result-link__preamble,
.search-result-link--predefined-blue .search-result-link__preamble {
    color: #fff;
}

.search-result-link__preamble p {
    margin: 0;
    padding: 0;
}

.search-result-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 17px;
    color: #706f6f;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 1200px) {
    .search-result-link__info {
        font-size: 15px;
        line-height: 21px;
    }
}

.search-result-link--predefined-dark .search-result-link__info {
    color: #fff;
}

.search-result-link--predefined-blue .search-result-link__info {
    color: #fff;
}

.search-result-link__category + .search-result-link__site:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 1em;
    background-color: #706f6f;
    margin: 0px 5px;
}

.search-result-link--predefined-dark {
    background-color: #00345c;
}

    .search-result-link--predefined-dark:hover {
        background-color: #002949;
    }

.search-result-link--predefined-blue {
    background-color: #005293;
}

    .search-result-link--predefined-blue:hover {
        background-color: #00457d;
    }

.search-result-link__badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

@media (min-width: 900px) {
    .search-result-link__badge {
        width: 57px;
        height: 57px;
    }
}

.search-result-link--no-badge .search-result-link__badge {
    display: none;
}

.search-result-link__triangle-svg {
    width: 100%;
    height: auto;
    fill: #dadada;
    position: relative;
}

.search-result-link:hover .search-result-link__triangle-svg {
    fill: #9d9d9c;
}

.search-result-link--color-green .search-result-link__triangle-svg {
    fill: #368234;
}

.search-result-link--color-green:hover .search-result-link__triangle-svg {
    fill: #296426;
}

.search-result-link--color-yellow .search-result-link__triangle-svg {
    fill: #fecb00;
}

.search-result-link--color-yellow:hover .search-result-link__triangle-svg {
    fill: #f0bb00;
}

.search-result-link--color-inverted .search-result-link__triangle-svg {
    fill: #fecb00;
}

.search-result-link--color-inverted:hover .search-result-link__triangle-svg {
    fill: #f0bb00;
}

.search-result-link--color-light .search-result-link__triangle-svg {
    fill: #dadada;
}

.search-result-link--color-light:hover .search-result-link__triangle-svg {
    fill: #9d9d9c;
}

.search-result-link--color-light-blue .search-result-link__triangle-svg {
    fill: #0085c8;
}

.search-result-link--color-light-blue:hover .search-result-link__triangle-svg {
    fill: #005293;
}

.search-result-link--color-blue .search-result-link__triangle-svg {
    fill: #005293;
}

.search-result-link--color-blue:hover .search-result-link__triangle-svg {
    fill: #00457d;
}

.search-result-link--color-purple .search-result-link__triangle-svg {
    fill: #6b1f7c;
}

.search-result-link--color-purple:hover .search-result-link__triangle-svg {
    fill: #551863;
}

.search-result-link--predefined-blue .search-result-link__triangle-svg {
    fill: #00345c;
}

.search-result-link--predefined-blue:hover .search-result-link__triangle-svg {
    fill: #002949;
}

.search-result-link--predefined-dark .search-result-link__triangle-svg {
    fill: #005293;
}

.search-result-link--predefined-dark:hover .search-result-link__triangle-svg {
    fill: #00457d;
}

.search-result-link__logo-img {
    position: absolute;
    top: 8%;
    right: 7%;
    height: 36%;
    width: 30%;
    -o-object-fit: contain;
    object-fit: contain;
}

.search-result-scroll-link {
    position: relative;
    cursor: pointer;
    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;
    text-decoration: none;
    background-color: #fff;
}

    .search-result-scroll-link:after {
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 70%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 70%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
    }

    .search-result-scroll-link:hover {
        background-color: #f8f8f8;
    }

        .search-result-scroll-link:hover .search-result-scroll-link__img {
            opacity: 0.8;
        }

        .search-result-scroll-link:hover:after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), color-stop(70%, #f8f8f8));
            background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 70%);
            background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 70%);
            background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 70%);
        }

.search-result-scroll-link__background-player {
    position: relative;
}

.search-result-scroll-link__player-portrait {
    position: absolute;
}

.search-result-scroll-link__fallback-icon {
    border-radius: 50%;
    overflow: hidden;
}

.search-result-scroll-link__img {
    color: #9d9d9c;
    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: 60px;
    height: 60px;
    font-size: 40px;
    padding: 10px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 900px) {
    .search-result-scroll-link__img {
        width: 80px;
        height: 80px;
        font-size: 60px;
    }
}

@media (min-width: 1200px) {
    .search-result-scroll-link__img {
        width: 80px;
        height: 80px;
        font-size: 60px;
    }
}

.search-result-scroll-link__img-src {
    position: absolute;
    height: 100%;
    max-height: 100%;
    max-width: none;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.search-result-scroll-link__text {
    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;
    height: 60px;
    padding: 10px 0 10px 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    overflow: hidden;
}

@media (min-width: 900px) {
    .search-result-scroll-link__text {
        height: 80px;
    }
}

.search-result-scroll-link__text1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 1.2em;
    color: #1d1d1d;
    margin-bottom: 0.2em;
}

@media (min-width: 900px) {
    .search-result-scroll-link__text1 {
        font-size: 15px;
        margin-bottom: 0.3em;
    }
}

.search-result-scroll-link__text2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #1d1d1d;
}

@media (min-width: 900px) {
    .search-result-scroll-link__text2 {
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    .search-result-scroll-link__text2 {
        font-size: 17px;
    }
}

.search-result-scroll-link__text2--multi-line {
    white-space: initial;
    text-overflow: initial;
}

.player-portrait {
    display: inline-block;
    position: relative;
    height: 1em;
}

.player-portrait--small {
    font-size: 40px;
}

.player-portrait--medium {
    font-size: 60px;
}

.player-portrait--large {
    font-size: 100px;
}

@media (min-width: 900px) {
    .player-portrait--large {
        font-size: 200px;
    }
}

.player-portrait__mask {
    position: relative;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(218, 218, 218, 0.2);
    z-index: 0;
}

    .player-portrait__mask:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

.player-portrait__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.player-portrait__logo {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.5em;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -o-transform: translateX(30%);
    transform: translateX(30%);
}

.player-portrait--medium .player-portrait__logo {
    font-size: 0.9em;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%);
}

.rich-text > :first-child {
    margin-top: 0;
}

.rich-text > :last-child {
    margin-bottom: 0;
}

.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
    margin: 20px 0 -5px;
}

@media (min-width: 600px) {
    .rich-text h1,
    .rich-text h2,
    .rich-text h3,
    .rich-text h4,
    .rich-text h5,
    .rich-text h6 {
        margin: 30px 0 -15px;
    }
}

.rich-text li {
    margin-left: 2.4em;
}

@media (min-width: 900px) {
    .rich-text li {
        margin-left: 4.4em;
    }
}

.rich-text ul {
    list-style: none;
    padding: 0;
}

    .rich-text ul > li {
        position: relative;
    }

        .rich-text ul > li + li {
            margin-top: 1em;
        }

        .rich-text ul > li:before {
            content: "";
            position: absolute;
            left: -1.3em;
            top: 0.35em;
            display: inline-block;
            width: 0.7em;
            height: 0.7em;
            background: url("data:image/svg+xml,%3Csvg width='25' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.268 22.439C2.709 17.951.903 13.314 0 8.826 2.86 5.386 7.375 2.094 12.04 0c4.817 2.094 9.483 5.385 12.493 8.826-.903 4.488-2.709 9.125-5.268 13.613a43.939 43.939 0 0 1-13.997 0z' fill='%23FECB00' fill-rule='evenodd'/%3E%3C/svg%3E");
            -webkit-background-size: contain;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
        }

.rich-text ol {
    counter-reset: my-orderlist-counter;
    list-style: none;
    padding: 0.4em 0 0;
    margin: 2rem 0;
}

    .rich-text ol li {
        position: relative;
        min-height: 2.3em;
    }

        .rich-text ol li:before {
            content: counter(my-orderlist-counter);
            counter-increment: my-orderlist-counter;
            position: absolute;
            top: -0.4em;
            left: -2.4em;
            width: 1.9em;
            height: 1.9em;
            line-height: 2.1em;
            background: url("data:image/svg+xml,%3Csvg width='25' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.268 22.439C2.709 17.951.903 13.314 0 8.826 2.86 5.386 7.375 2.094 12.04 0c4.817 2.094 9.483 5.385 12.493 8.826-.903 4.488-2.709 9.125-5.268 13.613a43.939 43.939 0 0 1-13.997 0z' fill='%23FECB00' fill-rule='evenodd'/%3E%3C/svg%3E");
            -webkit-background-size: contain;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            color: #005293;
            display: inline-block;
            text-align: center;
            font-weight: bold;
        }

        .rich-text ol li + li {
            margin-top: 1em;
        }

.rich-text a:not([class]) {
    position: relative;
    color: #0085c8;
    text-decoration: none;
    border-bottom: 3px solid;
    padding-bottom: 0.05em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .rich-text a:not([class]):hover {
        border-color: #fecb00;
    }

.rich-text p,
.rich-text ul,
.rich-text ol,
.rich-text figure,
.rich-text .solidtango {
    margin: 10px 0;
}

@media (min-width: 600px) {
    .rich-text p,
    .rich-text ul,
    .rich-text ol,
    .rich-text figure,
    .rich-text .solidtango {
        margin: 20px 0;
    }
}

.rich-text .container {
    padding: 0;
}

.rich-text .container__inner {
    padding: 0;
}

.rich-text .container__content {
    padding: 0;
}

.rich-text .quote {
    text-align: center;
    padding: 20px 10px;
    margin: 0;
    color: #005293;
}

@media (min-width: 600px) {
    .rich-text .quote {
        padding: 40px 20px;
    }
}

.rich-text .quote:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 0;
    height: 10px;
    width: 50px;
    background-color: #fecb00;
}

@media (min-width: 600px) {
    .rich-text .quote:after {
        height: 20px;
        width: 100px;
    }
}

.rich-text .quote:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 0;
    height: 34px;
    width: 50px;
    color: #fecb00;
    background: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' fill='%23FECB00' viewBox='0 0 120 80'%3E%3Cstyle%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd%7D%3C/style%3E%3Cpath class='st0' d='M90.667 0c11.259 5.037 21.63 12.444 29.333 21.037C118.815 38.222 104.889 67.556 96.593 80H74.074c3.259-6.519 7.704-16 11.556-26.074-3.852-.296-7.407-.593-10.963-1.481-5.63-10.37-10.074-21.333-12.444-31.407C69.333 12.444 79.407 5.037 90.667 0zM28.444 0c11.259 5.037 21.63 12.444 29.333 21.037C56.593 38.222 42.667 67.556 34.37 80H11.852c3.259-6.519 7.704-16 11.556-26.074-3.852-.296-7.408-.593-10.964-1.482C6.815 42.074 2.37 31.111 0 21.037 7.111 12.444 17.185 5.037 28.444 0z'/%3E%3C/svg%3E");
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 600px) {
    .rich-text .quote:before {
        width: 100px;
        height: 68px;
    }
}

.rich-text .quote__text {
    font-weight: bold;
    font-size: 17px;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .rich-text .quote__text {
        font-size: 23px;
    }
}

@media (min-width: 1200px) {
    .rich-text .quote__text {
        font-size: 25px;
    }
}

    .result-item:hover {
        background-color: #f8f8f8;
    }

        .result-item:hover:after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8));
            background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
        }

.result-item__link {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
    text-decoration: none;
    color: #1d1d1d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
}

.result-item__team-logo {
    margin: 0 5px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.result-item__team-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;
    line-height: 17px;
    text-align: left;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.result-item__team-name {
    display: block;
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 600px) {
    .result-item__team-name {
        max-width: 320px;
    }
}

@media (min-width: 1200px) {
    .result-item__team-name {
        max-width: 460px;
    }
}

.result-item__team-categories {
    display: block;
    font-size: 11px;
    color: #706f6f;
    text-transform: uppercase;
}

.solidtango {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

    .solidtango:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

    .solidtango iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.contact-list-item {
    list-style-type: none;
    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;
    background: #f8f8f8;
    padding: 30px 0;
}

    .contact-list-item + .contact-list-item {
        border-top: 1px solid #dadada;
    }

.contact-list-item__name,
.contact-list-item__title,
.contact-list-item__phone,
.contact-list-item__mobile,
.contact-list-item__mail {
    display: block;
}

.contact-list-item__name {
    color: #005293;
    margin-bottom: 5px;
    font-weight: bold;
}

@media (min-width: 600px) {
    .contact-list-item__name {
        font-size: 21px;
    }
}

.contact-list-item__title {
    line-height: 1.3em;
    margin-bottom: 10px;
}

.contact-list-item__info {
    font-size: 15px;
    word-break: break-word;
}

@media (min-width: 600px) {
    .contact-list-item__info {
        font-size: 17px;
    }
}

.contact-list-item__phone,
.contact-list-item__mobile {
    font-weight: bold;
}

.contact-list-item__mail {
    font-weight: bold;
    color: #0085c8;
}

.contact-list-item__img-container {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 5px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .contact-list-item__img-container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

@media (min-width: 600px) {
    .contact-list-item__img-container {
        width: 120px;
        height: 120px;
    }
}

.contact-list-item__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 50%;
    height: auto;
}

.table {
    font-size: 15px;
}

@media (min-width: 900px) {
    .table {
        font-size: 17px;
    }
}

@media (max-width: 899px) {
    .table__scroll {
        padding: 10px;
        overflow-x: auto;
        margin: 0 -10px;
    }
}

.table__scroll-track {
    min-width: 100%;
}

@media (max-width: 899px) {
    .table__scroll-track {
        display: inline-block;
        padding: 0 10px;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(218, 218, 218, 0.2);
        background-color: white;
    }
}

.table table {
    width: 100%;
    text-align: left;
    font-size: 0.9rem;
}

.table th {
    font-size: 13px;
    padding-bottom: 10px;
}

.table td,
.table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
}

    .table td:first-child,
    .table th:first-child {
        padding-left: 0;
    }

    .table td:last-child,
    .table th:last-child {
        padding-right: 0;
    }

.table tbody tr {
    border-bottom: 1px solid #dadada;
}

    .table tbody tr:last-child {
        border-bottom: none;
    }

.table__align-top {
    vertical-align: top;
}

.table__pull-left {
    text-align: left;
}

.table__team {
    font-size: 13px;
    line-height: 1.3em;
}

@media (min-width: 900px) {
    .table__team {
        font-size: 15px;
    }
}

.table__team-link {
    color: inherit;
    text-decoration: none;
}

.table__year {
    width: 60px;
    text-align: left;
    vertical-align: top;
}

.table__competition {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.table__player {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    text-decoration: none;
    color: #1d1d1d;
}

.table__player--normalize {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.table__player-row {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table__player-row-multiple {
    padding-left: 40px;
    color: #706f6f;
    font-size: 13px;
}

.table__player-info {
    padding-left: 10px;
    max-width: -webkit-calc(100% - 40px);
    max-width: calc(100% - 40px);
}

.table__cell--selected {
    background-color: #005293;
    color: #fff;
}

.table__cell-value-multiple {
    color: #706f6f;
    font-size: 13px;
}

.table__cell--selected .table__cell-value-multiple {
    color: #fff;
}

.table__cell-small {
    min-width: 40px;
}

@media (min-width: 900px) {
    .table__cell-small {
        min-width: 30px;
    }
}

.table__cell-large {
    width: 100px;
    min-width: 50px;
}

.table__cell-info {
    max-width: 250px;
    text-align: left;
    position: relative;
}

@media (min-width: 900px) {
    .table__cell-info {
        max-width: 190px;
    }
}

.table__player-name {
    font-weight: bold;
    max-width: 50vw;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    line-height: 1em;
}

.table__legend {
    list-style: none;
    padding: 0;
    margin: 10px -5px;
    font-size: 13px;
}

.table__legend-item {
    display: inline-block;
    padding: 0 5px;
}

.table__legend-abbr {
    font-weight: bold;
    text-transform: uppercase;
}

.table__legend-value {
    color: #706f6f;
}

.player-portrait {
    display: inline-block;
    position: relative;
    height: 1em;
}

.player-portrait--small {
    font-size: 40px;
}

.player-portrait--medium {
    font-size: 60px;
}

.player-portrait--large {
    font-size: 100px;
}

@media (min-width: 900px) {
    .player-portrait--large {
        font-size: 200px;
    }
}

.player-portrait__mask {
    position: relative;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(218, 218, 218, 0.2);
    z-index: 0;
}

    .player-portrait__mask:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

.player-portrait__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.player-portrait__logo {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.5em;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -o-transform: translateX(30%);
    transform: translateX(30%);
}

.player-portrait--medium .player-portrait__logo {
    font-size: 0.9em;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%);
}

.icon-text-link {
    padding: 0 3px;
    list-style-type: none;
}

@media (min-width: 900px) {
    .icon-text-link {
        margin-bottom: 10px;
    }
}

.icon-text-link__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #00345c;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 10px;
}

@media (min-width: 1200px) {
    .icon-text-link__link {
        padding: 12px 18px;
    }
}

.icon-text-link__link:hover {
    background: #002949;
}

.icon-text-link__icon {
    font-size: 13px;
    margin-right: 5px;
}

@media (min-width: 1200px) {
    .icon-text-link__icon {
        margin-right: 10px;
    }
}

.icon-text-link__text {
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

@media (min-width: 1200px) {
    .icon-text-link__text {
        font-size: 15px;
    }
}

.suggestion-link {
    padding: 0 6px;
    list-style-type: none;
    width: 33.33%;
    height: 111px;
}

@media (min-width: 1200px) {
    .suggestion-link {
        height: 180px;
    }
}

.suggestion-link__link {
    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;
    padding: 15px 10px 0;
    text-decoration: none;
    height: 100%;
    background: #00345c;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

    .suggestion-link__link:hover {
        background: #002949;
    }

@media (min-width: 1200px) {
    .suggestion-link__link {
        padding: 30px 10px 0;
    }
}

.suggestion-link__image-wrapper {
    position: relative;
    overflow: hidden;
    height: 50px;
    background-repeat: no-repeat;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.suggestion-link--is-player .suggestion-link__image-wrapper {
    border-radius: 50px;
    width: 50px;
}

@media (min-width: 1200px) {
    .suggestion-link--is-player .suggestion-link__image-wrapper {
        width: 80px;
    }
}

.suggestion-link--is-club .suggestion-link__image-wrapper {
    width: 100%;
}

@media (min-width: 1200px) {
    .suggestion-link__image-wrapper {
        height: 80px;
    }
}

.suggestion-link__fallback-icon {
    font-size: 50px;
    color: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
    .suggestion-link__fallback-icon {
        font-size: 80px;
    }
}

.suggestion-link__fallback-icon svg {
    color: #000;
}

.suggestion-link__img {
    width: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    max-height: 50px;
    top: 0;
    left: 0;
}

.suggestion-link--is-player .suggestion-link__img {
    position: absolute;
    max-height: none;
}

.suggestion-link--is-club .suggestion-link__img {
    position: absolute;
    max-width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 1200px) {
    .suggestion-link__img {
        max-height: 80px;
    }
}

.suggestion-link__text-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.2;
    text-align: 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;
    width: 100%;
}

.suggestion-link__text {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .suggestion-link__text {
        font-size: 21px;
    }
}

.suggestion-link__text1,
.suggestion-link__text2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.suggestion-link--is-player .suggestion-link__text1 {
    font-weight: normal;
    display: block;
}

.upcoming-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;
}

.upcoming-item__match {
    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: #1d1d1d;
    width: 100%;
    overflow: hidden;
    border: none;
    background: #fff;
    text-align: left;
    padding: 0;
}

    .upcoming-item__match:hover {
        background-color: #f8f8f8;
    }

.upcoming-item__column {
    padding: 10px;
    height: 60px;
    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;
    overflow: hidden;
}

@media (min-width: 900px) {
    .upcoming-item__column {
        height: 72px;
    }
}

@media (min-width: 900px) {
    .upcoming-item--district-recent .upcoming-item__column {
        height: 60px;
    }
}

.upcoming-item--district-recent-board .upcoming-item__column {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.upcoming-item--canceled .upcoming-item__column {
    color: #706f6f;
}

.upcoming-item__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-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 60px;
    width: 52px;
    -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;
    padding: 0 10px;
    background-color: #005293;
    color: #fff;
}

@media (min-width: 900px) {
    .upcoming-item__date {
        height: 72px;
    }
}

.upcoming-item--district-recent .upcoming-item__date {
    background-color: #00345c;
}

@media (min-width: 900px) {
    .upcoming-item--district-recent .upcoming-item__date {
        height: 60px;
        background-color: #005293;
    }
}

.upcoming-item--canceled .upcoming-item__date {
    background: #706f6f;
}

.upcoming-item__date-day,
.upcoming-item__date-month {
    display: block;
}

.upcoming-item__date-month {
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
}

.upcoming-item__date-day {
    font-weight: bold;
    font-size: 21px;
    line-height: 21px;
}

.upcoming-item__info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    padding: 5px 0;
}

@media (min-width: 900px) {
    .upcoming-item__info {
        padding: 8px 0;
    }
}

.upcoming-item__info-row {
    margin: 0;
    line-height: 0.9em;
}

@media (min-width: 900px) {
    .upcoming-item__info-row {
        line-height: 1.3em;
    }
}

.upcoming-item--district-recent-board .upcoming-item__title {
    line-height: 1.2em;
    margin: 0px 0 5px 0;
}

@media (min-width: 900px) {
    .upcoming-item--district-recent-board .upcoming-item__title {
        margin: -1px 0 2px 0;
    }
}

.upcoming-item__tag,
.upcoming-item__event {
    font-size: 11px;
    display: block;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 900px) {
    .upcoming-item__tag,
    .upcoming-item__event {
        font-size: 13px;
    }
}

.upcoming-item__event {
    line-height: 1.4em;
}

.upcoming-item__event--no-date {
    color: #706f6f;
}

.upcoming-item__canceled-text {
    font-weight: bold;
    text-transform: uppercase;
}

.upcoming-item__title {
    display: block;
    font-size: 13px;
    line-height: 1em;
    font-weight: bold;
    color: #005293;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upcoming-item--canceled .upcoming-item__title {
    color: #706f6f;
    text-decoration: line-through;
}

@media (min-width: 900px) {
    .upcoming-item__title {
        font-size: 17px;
        line-height: 20px;
    }
}

.search-input {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    height: 60px;
    font-size: 17px;
    -webkit-box-shadow: 4px 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 2px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 900px) {
    .search-input {
        font-size: 21px;
    }
}

.search-input__search-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    color: #dadada;
    font-size: 22px;
}

@media (min-width: 900px) {
    .search-input__search-icon {
        font-size: 27px;
        left: 30px;
    }
}

.search-input__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    padding-left: 52px;
    padding-right: 10px;
    border-radius: 0;
    -webkit-appearance: none !important;
}

@media (min-width: 900px) {
    .search-input__input {
        padding-left: 87px;
    }
}

.search-input__submit {
    background: #fecb00;
    font-weight: bold;
    text-transform: uppercase;
    color: #005293;
    padding: 0 15px;
    border: none;
}

@media (min-width: 900px) {
    .search-input__submit {
        font-size: 19px;
        padding: 0 50px;
    }
}

.search-input__submit:hover {
    background: #f0bb00;
}

.publish-date {
    display: block;
    color: #706f6f;
    margin-top: 20px;
    margin-bottom: 5px;
}

@media (min-width: 600px) {
    .publish-date {
        margin-top: 30px;
    }
}

.team-logo {
    position: relative;
    width: 60px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}


.tab-group-banner {
    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: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.tab-group-banner__icon {
    font-size: 24px;
    margin-right: 10px;
}

.tab-group-banner__text {
    margin: 5px 0 0 0;
    line-height: 1;
}

.fav-toggle {
    position: relative;
    background: none;
    border: none;
    padding: 0;
}

.fav-toggle__icon {
    color: #fecb00;
}

.match-hero .fav-toggle__icon {
    width: 24px;
}

.fav-toggle--marked .fav-toggle__icon--marked {
    display: block;
}

.fav-toggle--unmarked .fav-toggle__icon--marked {
    display: none;
}

.fav-toggle--marked .fav-toggle__icon--unmarked {
    display: none;
}

.fav-toggle--unmarked .fav-toggle__icon--unmarked {
    display: block;
}

.fav-toggle__icon--unmarked-filled {
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

    .fav-toggle__icon--unmarked-filled:hover {
        -webkit-transition: color 0s ease;
        -o-transition: color 0s ease;
        transition: color 0s ease;
        color: #f0bb00;
    }

.fav-toggle__icon--unmarked-stroked {
    color: #dadada;
    opacity: 1;
}

.shop-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;
    background-color: #fff;
    height: 100%;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

    .shop-link:hover {
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    }

        .shop-link:hover .button,
        .shop-link:hover .load-more--button-light,
        .shop-link:hover .load-more--button-light-outlined,
        .shop-link:hover .show-more--button {
            background-color: #f8f8f8;
        }

@media (min-width: 900px) {
    .container__content .shop-link,
    .container__main .shop-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1200px) {
    .shop-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.shop-link__title {
    color: #005293;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3em;
    white-space: normal;
    display: block;
}

.shop-link__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 10px 10px 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;
    height: 100%;
}

@media (min-width: 900px) {
    .container__content .shop-link__info,
    .container__main .shop-link__info {
        text-align: center;
        width: 100%;
        padding: 0 30px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .shop-link__info {
        text-align: center;
        width: 100%;
        padding: 0 30px;
        margin-bottom: 20px;
    }
}

.shop-link__price-wrapper {
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.4em;
}

@media (min-width: 1200px) {
    .shop-link__price-wrapper {
        margin-bottom: 5px;
        font-size: 25px;
    }
}

.shop-link__price-wrapper--discount {
    position: relative;
}

.shop-link__price {
    display: block;
}

@media (min-width: 1200px) {
    .shop-link__price {
        font-size: 25px;
        line-height: 45px;
        margin-bottom: 5px;
    }
}

.shop-link__price-wrapper--discount .shop-link__price {
    -webkit-text-decoration-line: line-through;
    -moz-text-decoration-line: line-through;
    text-decoration-line: line-through;
    font-size: 13px;
    position: absolute;
    right: -38px;
    bottom: 6px;
    font-weight: normal;
    line-height: 1;
}

@media (min-width: 1200px) {
    .shop-link__price-wrapper--discount .shop-link__price {
        font-size: 15px;
        right: -43px;
    }
}

.shop-link__discount {
    display: block;
    color: #e30613;
}

@media (min-width: 1200px) {
    .shop-link__discount {
        line-height: 45px;
    }
}

.shop-link__button {
    padding: 0 10px;
    line-height: 34px;
    min-height: 40px;
}

@media (min-width: 1200px) {
    .shop-link__button {
        max-width: 172px;
        margin: 0 auto;
    }
}

.shop-link__image {
    max-width: 130px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 5px;
}

@media (min-width: 1200px) {
    .shop-link__image {
        max-width: 170px;
    }
}

.form-field {
    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;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form-field__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.form-field__headline {
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 900px) {
    .form-field__headline--large {
        font-size: 25px;
        text-align: center;
    }
}

.form-field__input {
    display: block;
    width: 100%;
    max-width: 100%;
    border: none;
    font-size: 16px;
}

    .form-field__input::-ms-clear {
        display: none;
    }

.form-field__input--single-row {
    height: 50px;
    padding: 0 1em;
}

.form-field__input--with-icon {
    padding-left: 3em;
}

.form-field__input--textarea {
    height: 30vh;
    min-height: 300px;
    padding: 1em;
}

.form-field__icon {
    position: absolute;
    font-size: 1.2em;
    left: 0.8em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #9d9d9c;
}

.form-field__input-result-icon {
    display: none;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 2px;
    left: 2px;
    height: 46px;
    width: 44px;
    background-color: white;
}

    .form-field__input-result-icon img {
        max-width: 44px;
    }

.form-field__clear {
    display: none;
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    background: #fff;
    color: #005293;
    font-size: 15px;
}

.form-field__clear--visible {
    display: block;
}

.form-field__clear:hover {
    background: #f8f8f8;
}

.form-field__error-message {
    display: block;
    margin-top: -10px;
    margin-bottom: 5px;
    color: #e30613;
}

.form-field__error-message--js {
    display: none;
}

.question {
    position: relative;
}

.question__content-inner {
    padding: 15px 10px;
}

@media (min-width: 1200px) {
    .question__content-inner {
        padding: 25px 20px;
    }
}

.question__text {
    margin-right: 10px;
}

.question__content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    position: relative;
    background: #fff;
}

.question__expand-button {
    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%;
    color: #005293;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    background: #fff;
    padding: 10px 20px 10px 10px;
    font-size: 15px;
    font-weight: bold;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    text-align: left;
}

@media (min-width: 900px) {
    .question__expand-button {
        padding: 18px 20px 18px 10px;
    }
}

@media (min-width: 1200px) {
    .question__expand-button {
        padding-left: 20px;
        font-size: 17px;
    }
}

.question__icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
}

[aria-expanded="true"] .question__icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.question__icon .icon {
    display: block;
}

.sroi-sector {
    text-align: center;
    padding: 60px 26px 20px;
    position: relative;
}

.sroi-result-sectors__sector--fullwidth .sroi-sector {
    height: 100%;
}

@media (min-width: 900px) {
    .sroi-sector {
        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;
    }
}

.sroi-sector--background-gold-drop {
    background: rgba(239, 125, 0, 0.05);
}

.sroi-sector--background-congress-blue {
    background: rgba(0, 82, 147, 0.05);
}

.sroi-sector--background-monza {
    background: rgba(227, 6, 19, 0.05);
}

.sroi-sector--background-apple {
    background: rgba(71, 154, 54, 0.05);
}

.sroi-sector--background-gray {
    background-color: #f8f8f8;
}

.sroi-sector__title-wrapper {
    font-family: SvffTrim;
    letter-spacing: 0.029em;
    color: #005293;
}

@media (min-width: 900px) {
    .sroi-sector__title-wrapper {
        margin-top: 25px;
    }
}

.sroi-sector__description {
    font-weight: bold;
    color: #005293;
    margin: 5px 0 0;
    font-size: 17px;
}

@media (min-width: 900px) {
    .sroi-sector__description {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
}

.sroi-sector__show-more {
    position: absolute;
}

.sroi-sector__title {
    font-size: 52px;
}

.sroi-sector__whereof .sroi-sector__title {
    font-size: 33px;
}

.sroi-sector__suffix {
    font-size: 33px;
    margin-left: 5px;
}

.sroi-sector__whereof .sroi-sector__suffix {
    font-size: 26px;
}

.sroi-sector__icon {
    font-size: 60px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
}

@media (min-width: 900px) {
    .sroi-sector__icon {
        font-size: 80px;
        top: -40px;
    }
}

.sroi-sector__icon .icon {
    width: auto;
}

.sroi-sector__text {
    margin: 30px 0 10px;
    text-align: left;
}

.sroi-sector--has-show-more .sroi-sector__text {
    display: none;
}

@media (min-width: 900px) {
    .sroi-sector__text {
        margin: 30px 30px 10px;
    }
}

.sroi-sector__text.show-more--expanded {
    display: block;
}

.sroi-sector__text h1 {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 25px;
    color: #005293;
    font-weight: bold;
}

.sroi-sector__text p {
    margin: 0 0 1em 0;
}

    .sroi-sector__text p:last-of-type {
        margin: 0;
    }

.sroi-sector__divider {
    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: #005293;
    margin-bottom: 30px;
}

.sroi-sector__divider-line {
    background: #005293;
    height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sroi-sector__whereof {
    margin: 30px 0 10px;
}

.sroi-sector__whereof-text {
    margin: 0 35px;
}

.sroi-sector__show-more {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: -40px;
}

.multisite-item {
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding: 10px 15px;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
}

.multisite-item--blue {
    background: #0060ad;
    color: #fff;
}

    .multisite-item--blue:hover {
        background: #00457d;
    }

.multisite-item--white {
    background: #fff;
    color: #005293;
}

    .multisite-item--white:hover {
        background: #f8f8f8;
    }

.multisite-item--light-blue {
    background: #0085c8;
    color: #fff;
}

    .multisite-item--light-blue:hover {
        background: #00457d;
    }

.multisite-item--yellow {
    background: #fed226;
    color: #005293;
}

    .multisite-item--yellow:hover {
        background: #f0bb00;
    }

.multisite-item--green {
    background: #368234;
    color: #fff;
}

    .multisite-item--green:hover {
        background: #296426;
    }

.multisite-item__icon {
    margin-left: 10px;
    font-size: 14px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

[aria-expanded="true"] .multisite-item__icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.multisite-item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1200px) {
    .multisite-item__inner {
        max-width: -webkit-calc(1280px - 140px);
        max-width: calc(1280px - 140px);
    }
}

.multisite-items--footer .multisite-item {
    padding: 15px;
    font-size: 13px;
}

@media (min-width: 600px) {
    .multisite-items--footer .multisite-item {
        padding-left: 70px;
    }
}

@media (min-width: 1200px) {
    .multisite-items--footer .multisite-item {
        font-size: 17px;
    }
}

.multisite-items--header .multisite-item {
    padding: 20px 15px;
}

@media (min-width: 1200px) {
    .multisite-items--header .multisite-item {
        font-size: 19px;
        padding-left: -webkit-calc(((100vw - 1320px) / 2) + 150px);
        padding-left: calc(((100vw - 1320px) / 2) + 150px);
        max-width: none;
    }
}

.multisite-item__description {
    text-transform: none;
    font-weight: normal;
    display: block;
    line-height: 1.3em;
}

.multisite-items--footer .multisite-item__description {
    display: none;
}

@media (min-width: 1200px) {
    .multisite-items--footer .multisite-item__description {
        font-size: 15px;
        display: block;
        line-height: 1.3em;
    }
}

@media (min-width: 1200px) {
    .multisite-items--header .multisite-item__description {
        font-size: 15px;
        margin-left: 0;
        line-height: 1.4em;
    }
}

.multisite-item__dropdown-container {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    display: none;
    background: #fff;
}

.multisite-items--header .multisite-item__dropdown-container,
.multisite-items--footer .multisite-item__dropdown-container {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}

.multisite-item__regions {
    margin: 0 -5px;
    padding: 0 0 20px 0;
}

@media (min-width: 900px) {
    .multisite-item__regions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) {
    .multisite-items--header .multisite-item__regions {
        padding-left: -webkit-calc(((100vw - 1320px) / 2) + 150px);
        padding-left: calc(((100vw - 1320px) / 2) + 150px);
        padding-right: -webkit-calc((100vw - 1320px) / 2);
        padding-right: calc((100vw - 1320px) / 2);
        max-width: none;
    }
}

@media (min-width: 1200px) {
    .multisite-items--header .multisite-item__regions {
        margin: 0 -20px;
    }
}

.multisite-item__region {
    list-style-type: none;
    padding: 0 5px;
}

@media (min-width: 900px) {
    .multisite-item__region {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .multisite-item__region {
        width: 33.33%;
    }
}

.multisite-item__region-link {
    text-decoration: none;
    color: #005293;
    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: 10px 15px;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

@media (min-width: 600px) {
    .multisite-item__region-link {
        font-size: 15px;
    }
}

.multisite-item__region-link:hover {
    background: #f8f8f8;
}

.multisite-item__region-image-wrapper {
    height: 30px;
    width: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.multisite-item__region-image {
    height: 30px;
}

.multisite-item__region-name {
    text-transform: uppercase;
    font-weight: bold;
}

.sroi-region {
    text-align: center;
    padding: 50px 26px;
    position: relative;
    height: 100%;
    background-color: #f8f8f8;
    font-size: 17px;
}

@media (min-width: 900px) {
    .sroi-region {
        padding: 70px 26px 50px;
    }
}

.sroi-region__icon-text {
    text-align: left;
    margin-left: 30px;
}

.sroi-region__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
}

.sroi-region__value-wrapper {
    font-weight: bold;
    line-height: 30px;
    color: #005293;
}

.sroi-region__name {
    font-weight: bold;
    color: #005293;
    margin: 5px 0 0;
    font-size: 17px;
}

.sroi-region__logo {
    width: 112px;
    position: absolute;
    top: -31.5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media (min-width: 900px) {
    .sroi-region__logo {
        width: 178px;
        top: -50px;
    }
}

.sroi-region__icon {
    font-size: 52px;
}

.sroi-region__divider {
    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: #005293;
    margin: 15px 0;
}

.sroi-region__divider-line {
    background: #005293;
    height: 1px;
    width: 25px;
}

.sroi-region__whereof-text {
    margin: 0 5px;
    font-size: 11px;
    text-transform: uppercase;
}

.show-more--notch {
    position: relative;
    border-radius: 0;
    white-space: nowrap;
    height: 40px;
    text-transform: uppercase;
    padding: 0 0.8em;
    border: none;
    background-color: #005293;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

    .show-more--notch:before,
    .show-more--notch:after {
        content: "";
        background-color: #005293;
        width: 11px;
        height: 40px;
        display: block;
        top: 0;
        position: absolute;
        -webkit-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

    .show-more--notch:before {
        left: -5px;
        -webkit-transform: skewX(15deg);
        -ms-transform: skewX(15deg);
        -o-transform: skewX(15deg);
        transform: skewX(15deg);
    }

    .show-more--notch:after {
        right: -5px;
        -webkit-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -o-transform: skewX(-15deg);
        transform: skewX(-15deg);
    }

    .show-more--notch:hover {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        background-color: #00457d;
    }

        .show-more--notch:hover:before,
        .show-more--notch:hover:after {
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
            background-color: #00457d;
        }

.show-more--button.show-more--loading {
    background-color: #005293;
}

.show-more--loading {
    pointer-events: none;
}

.player-games-item__link {
    color: #1d1d1d;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    border-right: 1px solid rgba(218, 218, 218, 0.5);
    margin: 0 0;
    padding: 7px 10px;
    cursor: pointer;
    font-size: 13px;
}

@media (min-width: 600px) {
    .player-games-item__link {
        font-size: 15px;
    }
}

@media (min-width: 900px) {
    .player-games-item__link {
        font-size: 17px;
    }
}

.player-games-item__link:hover {
    background-color: #f8f8f8;
}

.player-games-item__result {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.player-games-item__events {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 50%;
    padding-left: 20px;
}

.player-games-item__event {
    text-align: center;
    color: #1d1d1d;
}

.player-games-item__event--wide {
    color: #706f6f;
}

.player-games-item__event .icon {
    font-size: 22px;
}

@media (min-width: 600px) {
    .player-games-item__event .icon {
        font-size: 24px;
    }
}

.player-games-item__event-label {
    display: block;
    color: #1d1d1d;
    line-height: 13px;
    margin: 10px 0 4px 0;
    width: 35px;
}

@media (min-width: 600px) {
    .player-games-item__event-label {
        width: 40px;
        margin: 12px 0 6px 0;
    }
}

.player-games-item__event-label--wide {
    color: #706f6f;
    width: 70px;
}

@media (min-width: 600px) {
    .player-games-item__event-label--wide {
        width: 80px;
    }
}

.player-games-item__home,
.player-games-item__away {
    padding-right: 14px;
    position: relative;
}

@media (min-width: 900px) {
    .player-games-item__home,
    .player-games-item__away {
        padding-right: 20px;
    }
}

.player-games-item__category {
    display: block;
    color: #706f6f;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.player-games-item__score {
    position: absolute;
    top: 0;
    right: -10px;
    text-align: center;
    width: 20px;
    font-weight: bold;
}

.player-games-item__date {
    display: block;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.player-games-item__date--postponed {
    color: #e84e0f;
}

.player-games-item__team {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.player-games-item__team-name {
    margin-left: 4px;
}

.fetcher--container-center {
    -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;
}

.fetcher--container-large {
    font-size: 70px;
    padding: 30px 0;
}

.fetcher__no-results-message {
    text-align: center;
    color: #706f6f;
}

.player-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;
    width: 100%;
    height: 100%;
}

.player-list-item__name {
    color: #1d1d1d;
    font-weight: bold;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}

.player-list-item__portrait-wrapper {
    font-size: 30px;
    margin-right: 10px;
}

@media (min-width: 900px) {
    .player-list-item__portrait-wrapper {
        font-size: 34px;
    }
}

.player-list-item__shirt {
    position: relative;
    margin-left: auto;
    font-size: 30px;
    color: #dadada;
}

.player-list-item__number {
    position: absolute;
    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;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0.36em;
    font-weight: bold;
    color: #1d1d1d;
}

.player-list-item__portrait {
    display: inline-block;
    position: relative;
    height: 1em;
}

.player-list-item__portrait-mask {
    position: relative;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(218, 218, 218, 0.2);
    z-index: 0;
}

    .player-list-item__portrait-mask:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

.player-list-item__portrait-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.player-list-item__logo {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.5em;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -o-transform: translateX(30%);
    transform: translateX(30%);
}

.contact-item {
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    padding: 20px 0;
}

.contact-item__icon {
    margin-right: 10px;
    font-size: 30px;
}

.contact-item__content {
    word-break: break-all;
    max-width: -webkit-calc(100% - 70px);
    max-width: calc(100% - 70px);
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    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;
    margin: 0;
}

.contact-item__headline {
    margin: 10px 0 20px 0;
    padding: 0;
    line-height: 1em;
}

.contact-item__text-content {
    font-size: 15px;
    line-height: 1.5em;
}

.contact-item__headline {
    font-size: 19px;
    font-weight: bold;
    color: #005293;
}

.contact-item__title {
    font-weight: bold;
    color: #005293;
    margin: -5px 0 0 0;
    padding: 0;
}

.contact-item__phone {
    display: block;
    color: #1d1d1d;
    text-decoration: none;
}

.contact-item__web {
    position: relative;
    display: block;
    color: #0085c8;
    text-decoration: none;
    border-bottom: 3px solid;
    padding-bottom: 0.05em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .contact-item__web:hover {
        border-color: #fecb00;
    }

.intermediaries-table__table {
    font-size: 13px;
}

@media (min-width: 900px) {
    .intermediaries-table__table {
        font-size: 15px;
    }
}

@media (max-width: 899px) {
    .intermediaries-table__scroll {
        padding: 10px;
        overflow-x: auto;
        margin: 0 -10px;
        -webkit-overflow-scrolling: touch;
    }
}

.intermediaries-table__scroll-track {
    min-width: 100%;
}

@media (max-width: 899px) {
    .intermediaries-table__scroll-track {
        display: inline-block;
        padding: 0 10px;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(218, 218, 218, 0.2);
        background-color: white;
    }
}

.intermediaries-table table {
    width: 100%;
    text-align: left;
}

.intermediaries-table th {
    font-size: 11px;
    padding-bottom: 10px;
}

.intermediaries-table tbody tr {
    border-bottom: 1px solid #dadada;
}

    .intermediaries-table tbody tr:last-child {
        border-bottom: none;
    }

.intermediaries-table__cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
}

    .intermediaries-table__cell:first-child {
        padding-left: 0;
    }

    .intermediaries-table__cell:last-child {
        padding-right: 0;
    }

@media (min-width: 900px) {
    .intermediaries-table__cell--wrap {
        white-space: normal;
    }
}

.intermediaries-table__company {
    color: #706f6f;
}

.intermediaries-table__mail-link {
    color: #0085c8;
}

.team-shape {
    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;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 1.3em;
}

@media (min-width: 600px) {
    .team-shape {
        font-size: 15px;
    }
}

.team-shape__home-team,
.team-shape__away-team {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: -webkit-calc(100%);
    -ms-flex-preferred-size: calc(100%);
    flex-basis: calc(100%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 900px) {
    .team-shape__home-team,
    .team-shape__away-team {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.team-shape__column {
    -webkit-flex-basis: -webkit-calc(50% - 5px);
    -ms-flex-preferred-size: calc(50% - 5px);
    flex-basis: calc(50% - 5px);
    min-width: -webkit-calc(50% - 5px);
    min-width: calc(50% - 5px);
}

@media (min-width: 900px) {
    .team-shape__column {
        -webkit-flex-basis: -webkit-calc(50% - 40px);
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        min-width: -webkit-calc(50% - 40px);
        min-width: calc(50% - 40px);
    }
}

.team-shape__game {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    background-color: #f9f9f9;
    margin: 0 0 2px 0;
    color: #1d1d1d;
    text-decoration: none;
}

@media (min-width: 900px) {
    .team-shape__game {
        margin: 0 1px;
        max-width: 20%;
    }
}

.team-shape__game-status {
    color: #fff;
    padding: 5px 10px;
    margin: 0;
}

.team-shape__game-status--win {
    background-color: #368234;
}

.team-shape__game-status--tie {
    background-color: #fecb00;
}

.team-shape__game-status--lose {
    background-color: #e30613;
}

.team-shape__game-score {
    font-size: 21px;
    font-weight: bold;
    padding: 5px 0px;
    margin: 0;
}

.team-shape__game-opponent {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 10px;
    margin: 0;
}

.team-shape__game-location {
    padding: 5px 10px;
    margin: 0;
}

.match-result {
    list-style-type: none;
    background: white;
}

.match-result__link {
    text-decoration: none;
    display: block;
    color: #1d1d1d;
}

.match-result__teams {
    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;
    padding-bottom: 6px;
}

@media (min-width: 900px) {
    .match-result__teams {
        margin: 0 auto;
        padding: 6px 0;
    }
}

.match-result__teams > figure:first-of-type img {
    right: 0;
    left: auto;
}

.match-result__away-team .match-result__teams {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.match-result__score {
    font-weight: bold;
    margin: 0 4px;
}

@media (min-width: 900px) {
    .match-result__score {
        font-size: 21px;
    }
}

.match-result__name {
    font-size: 13px;
}

@media (min-width: 900px) {
    .match-result__name {
        font-size: 15px;
    }
}

.match-result__team-logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 900px) {
    .match-result__team-logo {
        width: 50px;
    }
}

.match-result__away-team-tag {
    font-size: 13px;
    color: #706f6f;
}

@media (min-width: 900px) {
    .match-result__away-team-tag {
        font-size: 15px;
    }
}

.match-result__draw {
    border-bottom: 6px solid #fecb00;
}

.match-result__win {
    border-bottom: 6px solid #479a36;
}

.match-result__loss {
    border-bottom: 6px solid #e30613;
}

.match-list-item {
    color: #1d1d1d;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    margin: 0 0;
    padding: 7px 10px;
}

.match-list-item--link {
    cursor: pointer;
}

    .match-list-item--link:hover {
        background-color: #f8f8f8;
    }

.match-list-item__header {
    padding: 0 0 10px 0;
}

.match-list-item__matches {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
}

.match-list-item__result {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (max-width: 599px) {
    .match-list-item__result {
        font-size: 13px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.match-list-item--canceled .match-list-item__result {
    color: #706f6f;
    text-decoration: line-through;
}

.match-list-item__info {
    color: #706f6f;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 50%;
    padding-left: 20px;
}

@media (max-width: 599px) {
    .match-list-item__info {
        font-size: 13px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.match-list-item--canceled .match-list-item__info {
    text-decoration: line-through;
}

.match-list-item__place {
    text-align: right;
    display: inline-block;
    max-width: 80%;
    width: 80%;
}

.match-list-item__note {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 22px;
    padding: 0 0 0 10px;
    text-align: center;
    color: #e84e0f;
}

@media (max-width: 599px) {
    .match-list-item__note {
        padding: 0 0 0 6px;
        font-size: 14px;
    }
}

.match-list-item__location {
    display: block;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.match-list-item__home,
.match-list-item__away {
    padding-right: 10px;
    position: relative;
}

.match-list-item__category {
    display: block;
    color: #005293;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

@media (max-width: 599px) {
    .match-list-item__category {
        font-size: 13px;
    }
}

.match-list-item__score {
    position: absolute;
    top: 0;
    right: -10px;
    text-align: center;
    width: 20px;
    font-weight: bold;
}



.match-list-item__date {
    display: block;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.match-list-item__date--postponed {
    color: #e84e0f;
}

.match-list-item__team {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.match-list-item__expand {
    text-align: center;
}

.contact-item {
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    padding: 20px 0;
}

.contact-item__icon {
    margin-right: 10px;
    font-size: 30px;
}

.contact-item__content {
    word-break: break-all;
    max-width: -webkit-calc(100% - 70px);
    max-width: calc(100% - 70px);
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    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;
    margin: 0;
}

.contact-item__headline {
    margin: 10px 0 20px 0;
    padding: 0;
    line-height: 1em;
}

.contact-item__text-content {
    font-size: 15px;
    line-height: 1.5em;
}

.contact-item__headline {
    font-size: 19px;
    font-weight: bold;
    color: #005293;
}

.contact-item__title {
    font-weight: bold;
    color: #005293;
    margin: -5px 0 0 0;
    padding: 0;
}

.contact-item__phone {
    display: block;
    color: #1d1d1d;
    text-decoration: none;
}

.contact-item__web {
    position: relative;
    display: block;
    color: #0085c8;
    text-decoration: none;
    border-bottom: 3px solid;
    padding-bottom: 0.05em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .contact-item__web:hover {
        border-color: #fecb00;
    }

.contact-box-large-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #fff;
    position: relative;
}

@media (min-width: 900px) {
    .contact-box-large-item {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.contact-box-large-item__name,
.contact-box-large-item__title,
.contact-box-large-item__phone,
.contact-box-large-item__mobile,
.contact-box-large-item__mail {
    display: block;
}

.contact-box-large-item__name {
    color: #fecb00;
    margin-bottom: 5px;
    font-weight: bold;
    padding-right: 80px;
}

@media (min-width: 600px) {
    .contact-box-large-item__name {
        font-size: 21px;
    }
}

.contact-box-large-item__link {
    line-height: 1.7em;
}

.contact-box-large-item__title {
    line-height: 1.3em;
    margin-bottom: 10px;
    font-weight: bold;
    padding-right: 80px;
}

.contact-box-large-item__info {
    font-size: 15px;
    word-break: break-word;
}

@media (min-width: 600px) {
    .contact-box-large-item__info {
        font-size: 17px;
    }
}

.contact-box-large-item__phone,
.contact-box-large-item__mobile {
    font-weight: bold;
    padding-right: 80px;
}

.contact-box-large-item__mail {
    font-weight: bold;
    color: #63b9e9;
}

.contact-box-large-item__img-container {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 5px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    right: 0;
}

    .contact-box-large-item__img-container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

@media (min-width: 600px) {
    .contact-box-large-item__img-container:before {
        background-color: #005293;
    }
}

@media (min-width: 600px) {
    .contact-box-large-item__img-container {
        width: 120px;
        height: 120px;
        position: relative;
    }
}

@media (min-width: 900px) {
    .contact-box-large-item__img-container {
        margin-right: 20px;
        margin-left: 0;
    }
}

.contact-box-large-item__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 50%;
    height: auto;
}

.contact-box-expandable-item {
    list-style-type: none;
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.contact-box-expandable-item--is-empty {
    pointer-events: none;
}

.contact-box-expandable-item__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;
    background: #fff;
    padding: 10px;
    border: none;
    width: 100%;
    text-align: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 600px) {
    .contact-box-expandable-item__button {
        padding: 15px 10px;
    }
}


.contact-box-expandable-item__button:hover {
    background: #f8f8f8;
}

.contact-box-expandable-item__button-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
    margin-left: auto;
    color: #005293;
}

[aria-expanded="true"] .contact-box-expandable-item__button-icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.contact-box-expandable-item--is-empty .contact-box-expandable-item__button-icon {
    display: none;
}

.contact-box-expandable-item__button-icon .icon {
    display: block;
}

.contact-box-expandable-item__name,
.contact-box-expandable-item__title {
    display: block;
}

.contact-box-expandable-item__name {
    color: #005293;
    font-weight: bold;
    line-height: 1.3em;
    font-size: 15px;
}

.contact-box-expandable-item__title {
    color: #706f6f;
    line-height: 1.3em;
    font-size: 13px;
}

.contact-box-expandable-item__info {
    font-size: 15px;
    word-break: break-word;
}

@media (min-width: 600px) {
    .contact-box-expandable-item__info {
        font-size: 17px;
    }
}

.contact-box-expandable-item__phone,
.contact-box-expandable-item__mobile {
    font-weight: bold;
}

.contact-box-expandable-item__mail {
    font-weight: bold;
    color: #0085c8;
}

.contact-box-expandable-item__description {
    margin: 0;
    width: 100%;
    word-break: break-word;
}

.contact-box-expandable-item__icon-container {
    font-size: 30px;
    margin: 0 10px 0 0;
}

.contact-box-expandable-item__expandable-content {
    display: none;
    background: #fff;
    width: 100%;
    font-size: 15px;
}

.contact-box-expandable-item__expandable-content--custom-animate {
    display: block;
}

.contact-box-expandable-item__expandable-content-inner {
    padding: 10px 10px 10px 50px;
    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: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.contact-box-expandable-item__expandable-content-inner--description {
    padding: 5px 10px 10px 10px;
}


.list-horizontal__container {
    position: relative;
    z-index: 0;
    overflow-x: scroll;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    margin-right: -10px;
}

@media (min-width: 900px) {
    .list-horizontal__container {
        overflow-x: hidden;
        margin-right: auto;
    }
}

.list-horizontal__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    -o-transition: -o-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease, -o-transform 0.6s ease;
}

@media (max-width: 899px) {
    .list-horizontal__content {
        -webkit-transform: translateX(0%) !important;
        -ms-transform: translateX(0%) !important;
        -o-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
    }
}

.list-horizontal__item {
    -webkit-flex-basis: 165px;
    -ms-flex-preferred-size: 165px;
    flex-basis: 165px;
    width: 165px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-right: 1px solid #dadada;
}

@media (min-width: 900px) {
    .list-horizontal__item {
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        width: 33.33%;
    }

        .list-horizontal__item:nth-child(3n + 3) {
            border-right: 1px solid transparent;
        }
}

.list-horizontal__item--fluid {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
}

.list-horizontal--loading .list-horizontal__item {
    opacity: 0.5;
}

.list-horizontal__nav-button {
    display: none;
    font-size: 15px;
    width: 30px;
    height: 60px;
    line-height: 60px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 1;
    padding: 0;
    color: #005293;
    background-color: #fecb00;
    text-align: center;
}

@media (min-width: 900px) {
    .list-horizontal__nav-button {
        display: block;
        height: 80px;
        line-height: 80px;
    }
}

.list-horizontal__nav-button .loader {
    font-size: 18px;
    display: inline-block;
    border-top-color: #005293;
}

.list-horizontal__load-more-button {
    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;
    text-decoration: none;
    color: #005293;
    background-color: #fecb00;
    height: 100%;
    padding: 0 20px;
    font-size: 17px;
}

@media (min-width: 900px) {
    .list-horizontal__load-more-button {
        display: none;
    }
}

.list-horizontal__load-more-button:hover {
    background-color: #f0bb00;
}

.list-horizontal__load-more-button .icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.list-horizontal__load-more-button .loader {
    border-top-color: #005293;
}

.accordion-basic__content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.accordion-basic__expand-button {
    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%;
    background: transparent;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    text-align: left;
}

.accordion-basic__icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
}

[aria-expanded="true"] .accordion-basic__icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.accordion-basic__icon .icon {
    display: block;
}

.accordion-basic__content {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.district-back-link {
    display: block;
    position: fixed;
    bottom: 25px;
    left: -6px;
    width: 100px;
    height: -webkit-calc(100px / (140 / 90));
    height: calc(100px / (140 / 90));
    z-index: 1;
    text-decoration: none;
}

@media (min-width: 900px) {
    .district-back-link {
        bottom: 20px;
        left: -7px;
        width: 140px;
        height: -webkit-calc(140px / (140 / 90));
        height: calc(140px / (140 / 90));
    }
}

.district-back-link__plate {
    position: absolute;
    fill: white;
    stroke: #005293;
    stroke-width: 4;
    -webkit-filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.4));
}

.district-back-link:hover .district-back-link__plate {
    fill: #f8f8f8;
    stroke: #00457d;
}

.district-back-link__district-logo {
    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;
    -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: 100%;
    width: 100%;
    padding: 0 8px 0 0;
}

@media (min-width: 900px) {
    .district-back-link__district-logo {
        padding: 0 12px 0 0;
    }
}

.district-back-link__district-logo-img {
    height: 40%;
    margin: 2px 0;
}

.district-back-link__district-logo-text {
    padding: 0;
    margin: 0;
    line-height: 1em;
    margin: 2px 0;
    font-size: 13px;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .district-back-link__district-logo-text {
        font-size: 15px;
    }
}

.info-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
}

.info-item__icon {
    font-size: 37px;
    margin-top: 5px;
}

.info-item__content {
    padding-left: 10px;
    text-align: left;
}

.info-item__title {
    color: #005293;
    font-weight: bold;
}

.info-item--button {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.info-item__button-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
    margin: 16px 15px 0 auto;
    color: #005293;
}

[aria-expanded="true"] .info-item__button-icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.info-item__button-icon .icon {
    display: block;
}

.info-item--link {
    text-decoration: none;
    color: #1d1d1d;
}

.info-item__link-icon {
    font-size: 15px;
    margin: 16px 15px 0 auto;
    color: #005293;
}

    .info-item__link-icon .icon {
        display: block;
    }

.info-item__text-row {
    display: block;
}

.info-item__team-logo {
    font-size: 45px;
    margin-right: -7px;
}

.search-result-sorting-option {
    display: inline-block;
    padding: 0;
    margin-left: 10px;
    line-height: 1.1em;
    color: #005293;
    border: none;
    background: transparent;
}

.search-result-sorting-option--selected {
    font-weight: bold;
    border-bottom: 3px solid #005293;
}

.autocomplete {
    margin-top: 10px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    width: 100%;
    display: none;
}

@media (min-width: 600px) {
    .autocomplete {
        position: absolute;
        top: -webkit-calc(100%);
        top: calc(100%);
        z-index: 1;
    }
}

.autocomplete--active {
    display: block;
}

.autocomplete__list {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.autocomplete__button {
    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;
    background: #fff;
    border-bottom: 1px solid #dadada;
    width: 100%;
    height: 50px;
    line-height: 50px;
    padding: 0;
    cursor: pointer;
}

.autocomplete__button--highlight {
    background: #f8f8f8;
}

.autocomplete__img {
    width: 40px;
    margin: 0 5px;
    vertical-align: middle;
    pointer-events: none;
}

.autocomplete__info {
    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;
    background: #fff;
    line-height: 50px;
    padding: 0 1em 0 0;
    color: #9d9d9c;
    overflow: hidden;
}

.autocomplete__icon {
    width: 3em;
    margin-right: 10px;
}


.filter {
    position: relative;
}

.filter__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
    z-index: 1;
}

.filter__description {
    display: block;
    padding: 0 10px;
    margin: 10px 0 5px;
}

.filter__track {
    padding: 0 10px;
}

.filter__track--scroll {
    padding: 3px 10px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 900px) {
    .filter__track--scroll {
        overflow-x: visible;
    }
}

.filter__options {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (min-width: 900px) {
    .filter__options {
        max-width: 400px;
        width: 100%;
    }
}

.filter__track--scroll .filter__options {
    height: 60px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0 3px;
    max-width: none;
}

@media (min-width: 900px) {
    .filter__track--scroll .filter__options {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.filter__options-item {
    width: 50%;
    position: relative;
}

.filter__track--scroll .filter__options-item {
    width: 100px;
}

@media (min-width: 900px) {
    .filter--desktop-shadow .filter__track--scroll .filter__options-item {
        position: static;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
}

@media (min-width: 900px) {
    .team-matches__filter-wrapper .filter__track--scroll .filter__options-item {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 1200px) {
    .filter__track--scroll .filter__options-item {
        width: 12.5%;
    }
}

.filter__option {
    border-right: 1px solid #dadada;
    background: #fff;
    height: 50px;
    padding: 0 15px;
    width: 100%;
    font-size: 13px;
    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;
    cursor: pointer;
    -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;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}

    .filter__option:hover {
        background: #f8f8f8;
    }

@media (min-width: 900px) {
    .filter__option {
        border: none;
        -webkit-box-shadow: 0 0 0 1px #dadada;
        box-shadow: 0 0 0 1px #dadada;
        font-size: 15px;
    }
}

.filter__track--scroll .filter__option {
    height: 60px;
}

@media (min-width: 900px) {
    .filter__track--scroll .filter__option {
        font-size: 13px;
    }
}

.filter--loading .filter__option {
    -webkit-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    opacity: 0.4;
    pointer-events: none;
}

.filter__option:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 5px;
    width: 100%;
    background: #005293;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    -o-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transition: -webkit-transform 0.2s ease;
    transition: -webkit-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    transition: transform 0.2s ease;
    transition: transform 0.2s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    -o-transform-origin: bottom;
    transform-origin: bottom;
}

.filter__option:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
    bottom: 5px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 100%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 100%);
}

input:checked + .filter__option {
    color: #005293;
    font-weight: bold;
}

    input:checked + .filter__option:before {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

.filter__option-image {
    margin-bottom: 5px;
}

.filter__option-text {
    line-height: 1;
    max-width: 80px;
}

.filter__option-text--small {
    font-size: 11px;
}

.filter__input {
    display: none;
}

.formation-list__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;
    margin-bottom: 10px;
}

@media (min-width: 600px) {
    .formation-list__header--pull-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.formation-list__section-headline {
    margin-left: 35px;
    color: #706f6f;
    font-size: 13px;
    line-height: 1em;
    margin-bottom: 5px;
    font-weight: normal;
}

@media (min-width: 600px) {
    .formation-list__section-headline--pull-right {
        margin-left: 0;
        margin-right: 35px;
        text-align: right;
    }
}

.formation-list__team {
    margin: 0;
    padding: 0 10px;
}

.formation-list__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.formation-list__item {
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    padding: 5px 0;
}

@media (min-width: 600px) {
    .formation-list__item {
        padding: 10px 0;
    }
}

.formation-list-player {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 600px) {
    .formation-list-player--pull-right {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.formation-list-player__number {
    display: inline-block;
    width: 25px;
    text-align: center;
    font-weight: bold;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.formation-list-player__link,
.formation-list-player__name {
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}

.formation-list-player__link {
    color: #1d1d1d;
    text-decoration: none;
}

.formation-list-player__substitution-wrapper {
    background: #ececec;
    padding: 5px;
    margin: 5px;
    display: inline;
}

    .formation-list-player__substitution-wrapper:first-child {
        margin-left: 0;
    }

    .formation-list-player__substitution-wrapper:last-child {
        margin-right: 0;
    }

.formation-list-player__substitution-text {
    font-size: 13px;
    color: #706f6f;
}

.formation-list-player__substitution-wrapper {
    background: #ececec;
    padding: 5px;
    margin: 5px;
    display: inline;
}

    .formation-list-player__substitution-wrapper:first-child {
        margin-left: 0;
    }

    .formation-list-player__substitution-wrapper:last-child {
        margin-right: 0;
    }

.formation-list-player__substitution-text {
    font-size: 13px;
    color: #706f6f;
}

.icon-text {
    vertical-align: middle;
    font-size: 20px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-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;
}

@media (min-width: 1200px) {
    .icon-text {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        font-size: 30px;
        line-height: 50px;
    }
}

.icon-text__icon {
    position: relative;
    line-height: 0;
}

.icon-text__notification {
    position: absolute;
    top: -2px;
    right: -5px;
    width: 12px;
    height: 12px;
    background-color: #e84e0f;
    border-radius: 50%;
}

@media (min-width: 1200px) {
    .icon-text__notification {
        top: -2px;
        right: -5px;
        width: 15px;
        height: 15px;
    }
}

.icon-text__text {
    font-size: 9px;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
    margin-top: 6px;
}

@media (min-width: 1200px) {
    .icon-text__text {
        margin: 0 0 0 10px;
        font-size: 13px;
    }
}

.missing-courses {
    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;
    padding: 10px;
}

.upcoming-board .missing-courses {
    background: #fff;
    border: 1px solid rgba(218, 218, 218, 0.5);
}

@media (min-width: 600px) {
    .upcoming-board .missing-courses {
        padding: 40px 0;
    }
}

.district-recent-board .missing-courses,
.district-recent .missing-courses {
    border: 1px solid #005293;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 10px 0;
}

@media (min-width: 900px) {
    .district-recent-board .missing-courses,
    .district-recent .missing-courses {
        padding: 10px;
    }
}

.district-recent-board .missing-courses {
    padding: 10px;
}

.missing-courses__icon {
    font-size: 45px;
}

@media (min-width: 600px) {
    .upcoming-board .missing-courses__icon {
        font-size: 90px;
    }
}

.missing-courses__texts {
    font-size: 13px;
    margin-left: 10px;
    line-height: 22px;
}

.upcoming-board .missing-courses__texts {
    margin-left: 20px;
    line-height: 25px;
}

.missing-courses__title {
    color: #005293;
    font-weight: bold;
}

@media (min-width: 600px) {
    .missing-courses__title {
        font-size: 17px;
    }
}

.district-recent-board .missing-courses__title,
.district-recent .missing-courses__title {
    color: #fff;
}

.missing-courses__title,
.missing-courses__sub-title {
    margin: 0;
}

@media (min-width: 600px) {
    .missing-courses__sub-title {
        font-size: 15px;
    }
}

.district-recent-board .missing-courses__sub-title,
.district-recent .missing-courses__sub-title {
    color: #fff;
}

.image {
    position: relative;
}

    .image:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

.image__src {
    position: absolute;
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
}

.image__caption {
    margin: 0;
    padding: 10px 0;
    border-bottom: 3px solid #005293;
    color: #005293;
    font-size: 13px;
}

.target-group-link {
    list-style-type: none;
    width: 50%;
    padding: 0 5px 10px 5px;
}

@media (min-width: 600px) {
    .target-group-link {
        width: 33.33%;
        padding: 0 10px 20px;
    }
}

@media (min-width: 900px) {
    .target-group-link {
        width: 16.66%;
        padding: 0 10px;
    }
}

.target-group-link__link {
    position: relative;
    display: block;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.show-focus-outlines .target-group-link__link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.target-group-link__background {
    position: relative;
    background-color: #00345c;
    border-bottom: 4px solid #fecb00;
}

    .target-group-link__background:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

    .target-group-link__background:hover {
        opacity: 0.8;
    }

    .target-group-link__background::after {
        content: "";
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 82, 147, 0)), to(#005293));
        background: -webkit-linear-gradient(top, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: -o-linear-gradient(top, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: linear-gradient(to bottom, rgba(0, 82, 147, 0) 0%, #005293 100%);
        display: block;
        position: absolute;
        width: 100%;
        left: 0;
        top: 0;
        bottom: 0;
    }

.target-group-link--no-img .target-group-link__background::after {
    background: none;
}

@media (min-width: 900px) {
    .target-group-link__background {
        position: relative;
    }

        .target-group-link__background:before {
            display: block;
            content: "";
            width: 100%;
            padding-top: 157.65306%;
        }
}

@media (min-width: 1200px) {
    .target-group-link__background {
        border-bottom: 10px solid #fecb00;
    }
}

.target-group-link__content {
    position: absolute;
    bottom: 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;
    width: 100%;
}

.target-group-link__text-wrapper {
    white-space: nowrap;
    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: 9px;
}

@media (min-width: 1200px) {
    .target-group-link__text-wrapper {
        margin-bottom: 25px;
    }
}

.target-group-link__headline {
    color: white;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .target-group-link__headline {
        font-size: 21px;
    }
}

.target-group-link__icon {
    color: #fecb00;
    font-size: 12px;
    margin-left: 4px;
}

    .target-group-link__icon > svg {
        display: block;
    }

@media (min-width: 1200px) {
    .target-group-link__icon {
        font-size: 17px;
    }
}

.info-board {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media (min-width: 600px) {
    .info-board {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.info-board__item {
    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;
    margin: 10px 0;
}

@media (min-width: 600px) {
    .info-board__item {
        width: 50%;
        margin: 0;
    }
}

.info-board__icon {
    font-size: 37px;
}

.info-board__content {
    padding-left: 10px;
}

.info-board__title {
    color: #005293;
    font-weight: bold;
}

.load-more--notch {
    position: relative;
    border-radius: 0;
    white-space: nowrap;
    height: 40px;
    text-transform: uppercase;
    padding: 0 0.8em;
    border: none;
    background-color: #005293;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

    .load-more--notch:before,
    .load-more--notch:after {
        content: "";
        background-color: #005293;
        width: 11px;
        height: 40px;
        display: block;
        top: 0;
        position: absolute;
        -webkit-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

    .load-more--notch:before {
        left: -5px;
        -webkit-transform: skewX(15deg);
        -ms-transform: skewX(15deg);
        -o-transform: skewX(15deg);
        transform: skewX(15deg);
    }

    .load-more--notch:after {
        right: -5px;
        -webkit-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -o-transform: skewX(-15deg);
        transform: skewX(-15deg);
    }

    .load-more--notch:hover {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        background-color: #00457d;
    }

        .load-more--notch:hover:before,
        .load-more--notch:hover:after {
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
            background-color: #00457d;
        }

.load-more--button-light.load-more--loading {
    background-color: #005293;
}

.load-more--button-light-outlined.load-more--loading {
    background-color: #005293;
}

.load-more--loading {
    pointer-events: none;
}

    .load-more--loading .load-more__text {
        opacity: 0;
    }

.load-more__loader {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none;
}

.load-more--loading .load-more__loader {
    display: block;
}

.search-filter-item {
    position: relative;
    background: #fff;
    opacity: 1;
}

.search-filter-item__info-wrapper {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    border-right: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
}

    .search-filter-item__info-wrapper:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        height: 5px;
        width: 100%;
        background: #005293;
        -webkit-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transition: -webkit-transform 0.2s ease;
        transition: -webkit-transform 0.2s ease;
        -o-transition: -o-transform 0.2s ease;
        transition: transform 0.2s ease;
        transition: transform 0.2s ease, -webkit-transform 0.2s ease, -o-transform 0.2s ease;
        -webkit-transform-origin: bottom;
        -ms-transform-origin: bottom;
        -o-transform-origin: bottom;
        transform-origin: bottom;
    }

.search-filter-item--active .search-filter-item__info-wrapper:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
}

.search-filter-item--inactive .search-filter-item__info-wrapper {
    opacity: 0.5;
}

.search-filter-item__count {
    font-size: 11px;
}

@media (min-width: 900px) {
    .search-filter-item__count {
        font-size: 13px;
    }
}

.search-filter-item__text-wrapper {
    font-size: 13px;
    line-height: normal;
    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;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

@media (min-width: 900px) {
    .search-filter-item__text-wrapper {
        font-size: 15px;
    }
}

.search-filter-item__text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    margin-right: 2px;
}

.search-filter-item--active .search-filter-item__text {
    font-weight: bold;
    color: #005293;
}

.search-filter-item__icon {
    font-size: 30px;
    margin-bottom: 5px;
}

.search-filter-item__input {
    opacity: 0;
    position: absolute;
}

.checkbox-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;
    padding: 16px;
    font-size: 15px;
    cursor: pointer;
    -webkit-transition: opacity 0.2s ease;
    -o-transition: opacity 0.2s ease;
    transition: opacity 0.2s ease;
    background: #fff;
}

.checkbox-item__checkbox {
    height: 18px;
    width: 18px;
    background: #dadada;
    position: relative;
    margin-right: 10px;
}

    .checkbox-item__checkbox:after {
        content: "";
        width: 10px;
        height: 10px;
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
        position: absolute;
        background: #005293;
        -webkit-transition: -webkit-transform 0.15s ease;
        transition: -webkit-transform 0.15s ease;
        -o-transition: -o-transform 0.15s ease;
        transition: transform 0.15s ease;
        transition: transform 0.15s ease, -webkit-transform 0.15s ease, -o-transform 0.15s ease;
        margin: auto;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
    }

.checkbox-item--active .checkbox-item__checkbox:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.checkbox-item__input {
    opacity: 0;
    position: absolute;
}

.checkbox-item__text-wrapper {
    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;
}

.checkbox-item__text {
    line-height: normal;
    margin-right: 2px;
}

.checkbox-item--active .checkbox-item__text {
    font-weight: bold;
    color: #005293;
}

.checkbox-item__count {
    line-height: normal;
    font-size: 13px;
}

.icon-text-row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    text-decoration: none;
    color: inherit;
}

@media (min-width: 600px) {
    .livescore-box-content .icon-text-row {
        width: -webkit-calc(50% - 20px);
        width: calc(50% - 20px);
    }
}

@media (min-width: 900px) {
    .livescore-box-content .icon-text-row {
        width: -webkit-calc(50% - 40px);
        width: calc(50% - 40px);
        padding: 20px 0;
    }
}

.icon-text-row:last-child {
    border: none;
    margin-bottom: 0;
}


.icon-text-row--link:hover {
    background: #f8f8f8;
}

.icon-text-row__accordion-content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.icon-text-row__value-item + .icon-text-row__value-item {
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    margin-top: 5px;
    padding-top: 5px;
}

.icon-text-row__phone,
.icon-text-row__mobile,
.icon-text-row__mail {
    font-weight: bold;
    display: block;
    margin-top: 2px;
    color: #0085c8;
}

.icon-text-row__expand-button {
    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%;
    background: transparent;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    margin-left: -5px;
    cursor: pointer;
    padding: 0 15px 0 5px;
}

    .icon-text-row__expand-button:hover {
        background: #f8f8f8;
    }

.icon-text-row__accordion-icon {
    color: #005293;
}

.icon-text-row__icon {
    font-size: 34px;
    margin-top: 4px;
}

.icon-text-row__icon-link {
    font-size: 14px;
}

.icon-text-row__external-link .icon-text-row__icon-link {
    font-size: 20px;
}

.icon-text-row__content {
    padding-left: 10px;
    margin: 0;
    width: 100%;
}

.icon-text-row__title {
    color: #005293;
    font-weight: bold;
}

.icon-text-row__value {
    margin: 0;
}

.detailed-training--canceled .icon-text-row__value {
    text-decoration: line-through;
    color: #706f6f;
}

.icon-text-row__value--canceled {
    text-transform: uppercase;
    font-weight: bold;
}

.detailed-training--canceled .icon-text-row__value--canceled {
    text-decoration: none;
    color: #1d1d1d;
}

.icon-text-row__secondary-value {
    font-size: 13px;
    margin: 0;
    line-height: 1.3em;
}

@media (min-width: 900px) {
    .icon-text-row__secondary-value {
        font-size: 15px;
    }
}

.detailed-training--canceled .icon-text-row__secondary-value {
    text-decoration: line-through;
    color: #706f6f;
}

.icon-text-row__sub-value {
    color: #706f6f;
    font-size: 13px;
    line-height: 1.3em;
    padding-bottom: 5px;
    text-align: left;
}

@media (min-width: 900px) {
    .icon-text-row__sub-value {
        font-size: 15px;
    }
}

.icon-text-row__external-link {
    text-align: center;
    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-left: auto;
    text-decoration: none;
    color: #005293;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    width: 80px;
}

.icon-text-row__external-link-text {
    font-family: StagSans;
    font-size: 9px;
    text-transform: uppercase;
    font-weight: bold;
    line-height: 11px;
}

.icon-text-row__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;
    margin-left: auto;
    margin-right: 20px;
    font-size: 14px;
    color: #005293;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
}

    .icon-text-row__link .icon {
        display: block;
    }

.icon-text-row__button {
    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: auto;
}

.icon-text-row__button-text {
    margin-right: 5px;
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.loader {
    border: 0.1em solid transparent;
    border-radius: 50%;
    border-top-color: #63b9e9;
    width: 1em;
    height: 1em;
    -webkit-animation: spin 0.5s linear infinite;
    -o-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

.loader--small {
    border-width: 3px;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}

.loader--large {
    border-width: 6px;
    width: 80px;
    height: 80px;
    vertical-align: middle;
}

.loader--centered {
    margin: 0 auto;
}

.loader__wrapper {
    padding: 0;
}

.loader__wrapper--padding-large {
    padding: 60px;
}

.match-event {
    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;
    padding: 10px 0;
    font-size: 13px;
    line-height: 1.3em;
}

@media (min-width: 600px) {
    .match-event {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        text-align: right;
        width: -webkit-calc(50% + 20px);
        width: calc(50% + 20px);
        font-size: 15px;
    }
}

.match-event--right {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    text-align: right;
}

@media (min-width: 600px) {
    .match-event--right {
        margin-left: auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        text-align: left;
    }
}

.match-event__time {
    text-align: center;
    font-weight: bold;
    font-size: 15px;
}

@media (min-width: 600px) {
    .match-event__time {
        width: 40px;
    }
}

.match-event__icon {
    padding: 0 10px;
    font-size: 26px;
}

@media (min-width: 600px) {
    .match-event__icon {
        padding: 0 20px;
    }
}

.match-event__info-main,
.match-event__info-main-link {
    font-weight: bold;
    color: #1d1d1d;
    text-decoration: none;
}

.match-event__info-secondary,
.match-event__info-secondary-link {
    display: block;
    text-decoration: none;
    color: #706f6f;
}

@media (min-width: 600px) {
    .match-event__info-secondary,
    .match-event__info-secondary-link {
        font-size: 13px;
    }
}

.match-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;
}

.match-link__match {
    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: #005293;
    width: 100%;
    overflow: hidden;
}

    .match-link__match:hover {
        background-color: #f8f8f8;
    }

.match-link__column {
    padding: 10px;
    height: 60px;
    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;
    overflow: hidden;
}

.match-link__column--flags {
    padding-right: 0;
    overflow: visible;
}

.match-link__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-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 60px;
    width: 52px;
    -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;
    padding: 0 10px;
    background-color: #005293;
    color: #fff;
}

.match-link--theme-inverted .match-link__date {
    background-color: #fecb00;
    color: #005293;
}

.match-link--theme-purple .match-link__date {
    background-color: #6b1f7c;
}

.match-link--canceled .match-link__date {
    background-color: #706f6f;
    color: #fff;
}

.match-link__match:hover .match-link__date {
    background-color: #00457d;
}

.match-link--theme-inverted .match-link__match:hover .match-link__date {
    background-color: #f0bb00;
}

.match-link--theme-purple .match-link__match:hover .match-link__date {
    background-color: #551863;
}

.match-link--canceled .match-link__match:hover .match-link__date {
    background-color: #9d9d9c;
}

@media (min-width: 900px) {
    .match-link__date {
        height: 72px;
    }
}

.match-link__date-day,
.match-link__date-month {
    display: block;
}

.match-link__date-month {
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
}

.match-link__date-day {
    font-weight: bold;
    font-size: 21px;
    line-height: 21px;
}

.match-link__info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    padding: 5px 0;
}

@media (min-width: 900px) {
    .match-link__info {
        padding: 8px 0;
    }
}

.match-link__info-row {
    margin: 0;
    line-height: 0.9em;
}

.match-link--canceled .match-link__info-row {
    color: #706f6f;
    text-decoration: line-through;
}

@media (min-width: 900px) {
    .match-link__info-row {
        line-height: 1.3em;
    }
}

.match-link__flags {
    padding: 10px;
    height: 72px;
    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;
}

.match-link__title {
    display: block;
    font-size: 13px;
    line-height: 1em;
    font-weight: bold;
    color: #005293;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.match-link--canceled .match-link__title {
    color: #706f6f;
}

@media (min-width: 900px) {
    .match-link__title {
        font-size: 17px;
        line-height: 20px;
    }
}

.match-link__ticket {
    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;
    height: 60px;
    font-size: 27px;
    margin: 0;
    padding: 0 10px;
    color: #005293;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-decoration: none;
}

.match-link--canceled .match-link__ticket {
    text-decoration: line-through;
}

@media (min-width: 900px) {
    .match-link__ticket {
        height: 72px;
        font-size: 30px;
    }
}

.match-link__ticket:hover {
    background-color: #f8f8f8;
}

.match-link__ticket-label {
    display: block;
    margin-top: 5px;
    line-height: 1em;
    font-weight: bold;
    font-size: 9px;
    text-transform: uppercase;
}

@media (min-width: 900px) {
    .match-link__ticket-label {
        font-size: 13px;
    }
}

@media (min-width: 900px) {
    .deep-link {
        height: 100%;
    }
}

.deep-link__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
}

@media (min-width: 900px) {
    .deep-link__link {
        height: 100%;
    }
}

.deep-link__graphic {
    width: 50px;
    height: 50px;
    padding: 5px;
    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;
}

.deep-link--default .deep-link__graphic {
    background: #005293;
}

.deep-link--my-football .deep-link__graphic {
    background: #63b9e9;
}

.deep-link--external-link .deep-link__graphic {
    background: #dadada;
}

@media (min-width: 900px) {
    .deep-link__graphic {
        height: auto;
    }
}

@media (min-width: 1200px) {
    .deep-link__graphic {
        width: 80px;
        padding: 10px;
    }
}

.deep-link__icon {
    font-size: 40px;
}

@media (min-width: 1200px) {
    .deep-link__icon {
        font-size: 60px;
    }
}

.deep-link__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-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 10px;
    background-color: #fff;
}

    .deep-link__content:hover {
        background-color: #f8f8f8;
    }

@media (min-width: 1200px) {
    .deep-link__content {
        padding: 20px;
    }
}

.deep-link__tags,
.deep-link__text {
    display: block;
    line-height: normal;
}

.deep-link__tags {
    color: #706f6f;
    font-size: 11px;
    margin-bottom: 2px;
}

@media (min-width: 1200px) {
    .deep-link__tags {
        font-size: 15px;
    }
}

.deep-link__text {
    color: #1d1d1d;
    font-size: 13px;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .deep-link__text {
        font-size: 17px;
    }
}

.deep-link__external-icon {
    font-size: 20px;
}

@media (min-width: 1200px) {
    .deep-link__external-icon {
        margin-bottom: auto;
    }
}

.deep-link__external-icon svg {
    display: block;
}

.document-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

    .document-link:hover {
        background-color: #f8f8f8;
    }

.show-focus-outlines .document-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.document-link__icon-wrapper {
    position: relative;
    min-width: 90px;
}

    .document-link__icon-wrapper:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

@media (min-width: 900px) {
    .document-link__icon-wrapper {
        min-width: 126px;
    }
}

.document-link__text {
    max-height: 50px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 900px) {
    .document-link__text {
        max-height: 73px;
    }
}

.document-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .document-link__title {
        font-size: 15px;
    }
}

.document-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.2em;
    color: #005293;
}

@media (min-width: 900px) {
    .document-link__info {
        font-size: 13px;
        margin-bottom: 0.3em;
    }
}

.document-link__meta:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 1.2em;
    background-color: #fecb00;
    margin: 0 5px;
}

.document-link__icon {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: 50%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 26px;
    color: #fff;
}

@media (min-width: 900px) {
    .document-link__icon {
        font-size: 40px;
        right: 20px;
    }
}

.news-link {
    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;
    text-decoration: none;
}

.show-focus-outlines .news-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.news-link:hover .news-link__img {
    opacity: 0.8;
}

.news-link:hover .news-link__text {
    background-color: #f8f8f8;
}

.news-link--16-9:hover .news-link__text {
    background-color: rgba(248, 248, 248, 0.9);
}

.news-link--sponsor:hover .news-link__text {
    background-color: #d5eefc;
}

.news-link--small {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (min-width: 600px) and (max-width: 899px) {
    .news-link--large-tablet-portrait {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .news-link--large-tablet-portrait-and-desktop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}

@media (min-width: 1200px) {
    .news-link--large-tablet-portrait-and-desktop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.news-link__badge {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 19%;
    overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
    .news-link__badge {
        height: 35%;
    }
}

.news-link--small .news-link__badge {
    width: 38%;
}

@media all and (-ms-high-contrast: none) {
    .news-link--small .news-link__badge {
        height: 64%;
    }
}

.news-link__triangle-svg {
    width: 100%;
    height: auto;
    fill: #0085c8;
    position: relative;
}

.news-link__badge--green .news-link__triangle-svg {
    fill: #479a36;
}

.news-link__badge--yellow .news-link__triangle-svg {
    fill: #fecb00;
}

.news-link__badge--light .news-link__triangle-svg {
    fill: #f9f9f9;
}

.news-link__badge--light-blue .news-link__triangle-svg {
    fill: #0085c8;
}

.news-link__badge--blue .news-link__triangle-svg {
    fill: #005293;
}

.news-link__badge--purple .news-link__triangle-svg {
    fill: #6b1f7c;
}

.news-link__logo-img {
    position: absolute;
    top: 8%;
    right: 5%;
    height: 40%;
    width: 36%;
    -o-object-fit: contain;
    object-fit: contain;
}

.news-link__img {
    position: relative;
    min-width: 90px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

    .news-link__img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

@media (min-width: 900px) {
    .news-link__img {
        min-width: 126px;
    }
}

.news-link__img-src {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.news-link--is-video .news-link__img-src {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.news-link__text {
    max-height: 50px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background-color: #fff;
}

@media (min-width: 900px) {
    .news-link__text {
        max-height: 73px;
    }
}

.news-link--16-9 .news-link__text {
    position: absolute;
    width: 100%;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.9);
    max-height: none;
}

.news-link--sponsor .news-link__text {
    background-color: #e0f1fb;
}

.news-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .news-link__title {
        font-size: 15px;
    }
}

@media (min-width: 600px) {
    .news-link--16-9 .news-link__title {
        font-size: 25px;
    }
}

.news-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.2em;
    color: #005293;
}

@media (min-width: 900px) {
    .news-link__info {
        font-size: 13px;
        margin-bottom: 0.3em;
    }
}

.news-link__sponsor-label {
    font-weight: bold;
    color: #368234;
}

    .news-link__sponsor-label:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 1em;
        background-color: #368234;
        margin: 0 5px;
        vertical-align: text-bottom;
    }

.news-link__sponsor-name {
    color: #368234;
}

.news-link__category + .news-link__date:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 1.2em;
    background-color: #fecb00;
    margin: 0 5px;
}

.news-link__video {
    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: 1.9em;
    height: 1.9em;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #005293;
    background-color: #fecb00;
}

@media (min-width: 900px) {
    .news-link__video {
        font-size: 20px;
        width: 2em;
        height: 2em;
    }
}

.news-link__video--small {
    font-size: 12px;
}

@media (min-width: 900px) {
    .news-link__video--small {
        font-size: 16px;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .news-link__video--large-tablet-portrait {
        font-size: 16px;
    }
}

.hero-carousel-link {
    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;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    width: 100%;
    padding: 6%;
}

.slick-initialized .hero-carousel-link {
    padding: 6%;
}

.slick-center .hero-carousel-link {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2);
}

.show-focus-outlines .hero-carousel-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.hero-carousel-link:hover .hero-carousel-link__img {
    opacity: 0.8;
}

.hero-carousel-link:hover .hero-carousel-link__text {
    background-color: #f8f8f8;
}

@media (min-width: 900px) {
    .hover .hero-carousel-link {
        -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2);
    }

    .slick-initialized .hero-carousel-link {
        padding: 10%;
    }
}

.hero-carousel-link__img {
    position: relative;
    min-width: 90px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

    .hero-carousel-link__img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

@media (min-width: 900px) {
    .hero-carousel-link__img {
        min-width: 126px;
    }
}

.hero-carousel-link__img-src {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.hero-carousel-link__text {
    max-height: 50px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background-color: #fff;
}

@media (min-width: 900px) {
    .hero-carousel-link__text {
        max-height: 73px;
    }
}

.hero-carousel-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .hero-carousel-link__title {
        font-size: 15px;
    }
}

.hero-carousel-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.2em;
    color: #005293;
}

@media (min-width: 900px) {
    .hero-carousel-link__info {
        font-size: 13px;
        margin-bottom: 0.3em;
    }
}

.hero-carousel-link__video {
    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: 1.9em;
    height: 1.9em;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #005293;
    background-color: #fecb00;
}

@media (min-width: 900px) {
    .hero-carousel-link__video {
        font-size: 20px;
        width: 2em;
        height: 2em;
    }
}

.news-multi-link {
    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;
    text-decoration: none;
}

.show-focus-outlines .news-multi-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.news-multi-link:hover .news-multi-link__img {
    opacity: 0.8;
}

.news-multi-link:hover .news-multi-link__text {
    background-color: #f8f8f8;
}

.news-multi__item .news-multi-link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 600px) {
    .news-multi__item .news-multi-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.news-multi-link--sponsor:hover .news-multi-link__text {
    background-color: #d5eefc;
}

.news-multi-link--small {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
}

@media (min-width: 600px) and (max-width: 899px) {
    .news-multi-link--large-tablet-portrait {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        height: 100%;
    }
}

.news-multi-link__badge {
    position: absolute;
    top: -1px;
    right: -1px;
    width: 38%;
    overflow: hidden;
}

@media all and (-ms-high-contrast: none) {
    .news-multi-link__badge {
        height: 64%;
    }
}

.news-multi-link__triangle-svg {
    height: auto;
    width: 100%;
    fill: #0085c8;
    position: relative;
}

.news-multi-link__badge--green .news-multi-link__triangle-svg {
    fill: #479a36;
}

.news-multi-link__badge--yellow .news-multi-link__triangle-svg {
    fill: #fecb00;
}

.news-multi-link__badge--light .news-multi-link__triangle-svg {
    fill: #f9f9f9;
}

.news-multi-link__badge--light-blue .news-multi-link__triangle-svg {
    fill: #0085c8;
}

.news-multi-link__badge--blue .news-multi-link__triangle-svg {
    fill: #005293;
}

.news-multi-link__badge--purple .news-multi-link__triangle-svg {
    fill: #4e1a66;
}

.news-multi-link__logo-img {
    position: absolute;
    top: 8%;
    right: 8%;
    height: 40%;
    width: 30%;
    -o-object-fit: contain;
    object-fit: contain;
}

.news-multi-link__img {
    position: relative;
    min-width: 90px;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

    .news-multi-link__img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

@media (min-width: 900px) {
    .news-multi-link__img {
        min-width: 126px;
    }
}

.news-multi-link__img-src {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}

.news-multi-link__text {
    max-height: 50px;
    padding: 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    background-color: #fff;
}

@media (min-width: 900px) {
    .news-multi-link__text {
        max-height: 73px;
    }
}

.news-multi-link--sponsor .news-multi-link__text {
    background-color: #e0f1fb;
}

.news-multi-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .news-multi-link__title {
        font-size: 15px;
    }
}

.news-multi-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 1.2em;
    color: #005293;
}

@media (min-width: 900px) {
    .news-multi-link__info {
        font-size: 13px;
        margin-bottom: 0.3em;
    }
}

.news-multi-link__sponsor-label {
    font-weight: bold;
    color: #368234;
}

    .news-multi-link__sponsor-label:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 1em;
        background-color: #368234;
        margin: 0 5px;
        vertical-align: text-bottom;
    }

.news-multi-link__sponsor-name {
    color: #368234;
}

.news-multi-link__category + .news-multi-link__date:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 2px;
    height: 1.2em;
    background-color: #fecb00;
    margin: 0 5px;
}

.news-multi-link__video {
    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: 1.9em;
    height: 1.9em;
    bottom: 0;
    text-align: center;
    font-size: 16px;
    color: #005293;
    background-color: #fecb00;
    font-size: 12px;
}

@media (min-width: 900px) {
    .news-multi-link__video {
        font-size: 20px;
        width: 2em;
        height: 2em;
    }
}

@media (min-width: 900px) {
    .news-multi-link__video {
        font-size: 16px;
    }
}

.notification {
    position: relative;
    border: 3px solid #005293;
    padding: 10px 40px 10px 10px;
}

@media (min-width: 900px) {
    .notification {
        padding: 20px 70px 20px 20px;
    }
}

.notification__icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 20px;
    color: #005293;
}

@media (min-width: 900px) {
    .notification__icon {
        font-size: 30px;
        top: 20px;
        right: 20px;
    }
}

.notification--critical {
    border: 3px solid #e84e0f;
}

    .notification--critical .notification__icon {
        color: #e84e0f;
    }

.participants__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 900px) {
    .participants__list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
}

.participants__item {
    width: 100%;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    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: 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;
    font-size: 13px;
    line-height: 1.2em;
}

@media (min-width: 900px) {
    .participants__item {
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px);
        margin: 0 15px;
        padding: 15px 0;
        -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;
    }
}

.participants__item--inactive {
    text-decoration: line-through;
    color: #706f6f;
}

.participants__name {
    padding: 12px 6px 12px 0;
}

@media (min-width: 900px) {
    .participants__name {
        padding: 0;
        font-size: 15px;
        margin-bottom: 10px;
    }
}

.participants__role {
    color: #706f6f;
    text-align: right;
    padding: 12px 0 12px 6px;
}

@media (min-width: 900px) {
    .participants__role {
        padding: 0;
    }
}

.quick-link {
    padding: 5px 10px;
    list-style-type: none;
}

    .quick-link:hover .quick-link__link {
        background: #f8f8f8;
    }

    .quick-link:hover .quick-link__icon {
        background: #f0bb00;
    }

@media (min-width: 600px) {
    .quick-link {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 5px;
    }
}

@media (min-width: 1200px) {
    .quick-link {
        -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
        max-width: 25%;
        padding: 10px;
    }
}

.quick-link__link {
    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;
    text-decoration: none;
    background: #fff;
    height: 100%;
}

.quick-link__texts {
    padding: 6px 10px;
}

@media (min-width: 1200px) {
    .quick-link__texts {
        padding: 13px 20px;
    }
}

.quick-link__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background: #fecb00;
    color: #005293;
}

.quick-links--theme-inverted .quick-link__icon {
    background: #005293;
    color: #fecb00;
}

@media (min-width: 1200px) {
    .quick-link__icon {
        font-size: 19px;
    }
}

.quick-link__headline {
    margin: 0;
    color: #005293;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .quick-link__headline {
        margin-bottom: 6px;
    }
}

.quick-link__preamble {
    margin: 0;
    font-size: 13px;
    line-height: 1.3em;
    color: #706f6f;
}

.multisite-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    background: #fff;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 10px 0;
    width: 100%;
}

@media (min-width: 600px) {
    .multisite-link {
        width: 50%;
        min-width: 400px;
        margin: 20px 0;
    }
}

.multisite-link:hover {
    background: #f8f8f8;
}

.multisite-link__text-content {
    padding: 6px 10px;
    margin: 0;
    min-width: 0%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.multisite-link__headline {
    color: #005293;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.multisite-link__icon-wrapper {
    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-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 100%;
}

.multisite-link__logo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.multisite-link__logo-img {
    display: inline-block;
    position: relative;
    top: 0;
    width: 40px;
    height: 100%;
    color: #005293;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    margin-right: 6px;
}

.multisite-link__icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 8px;
    background-color: #fecb00;
    color: #005293;
}

@media (min-width: 1200px) {
    .multisite-link__icon {
        font-size: 19px;
    }
}

.multisite-link:hover .multisite-link__icon {
    background: #f0bb00;
}

.multisite-link--blue .multisite-link__icon {
    color: #fff;
    background-color: #0060ad;
}

.multisite-link--blue:hover .multisite-link__icon {
    background-color: #00457d;
}

.multisite-link--light-blue .multisite-link__icon {
    color: #fff;
    background-color: #0085c8;
}

.multisite-link--light-blue:hover .multisite-link__icon {
    background-color: #005293;
}

.multisite-link--green .multisite-link__icon {
    color: #fff;
    background-color: #368234;
}

.multisite-link--green:hover .multisite-link__icon {
    background-color: #296426;
}

.multisite-link--yellow .multisite-link__icon {
    background-color: #fecb00;
}

.multisite-link--yellow:hover .multisite-link__icon {
    background-color: #f0bb00;
}

.multisite-link--purple .multisite-link__icon {
    color: #fff;
    background-color: #4e1a66;
}

.multisite-link--purple:hover .multisite-link__icon {
    background-color: #3e1451;
}

.multisite-link--light .multisite-link__icon {
    color: #005293;
    background-color: #ececec;
}

.multisite-link--light:hover .multisite-link__icon {
    background-color: #dadada;
}

.multisite-link__icon-img {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

    .multisite-link__icon-img .icon {
        fill: #005293;
    }

.multisite-link--blue .multisite-link__icon-img .icon {
    fill: #fff;
}

.multisite-link--light-blue .multisite-link__icon-img .icon {
    fill: #fff;
}

.multisite-link--green .multisite-link__icon-img .icon {
    fill: #fff;
}

.multisite-link--yellow .multisite-link__icon-img .icon {
    fill: #005293;
}

.multisite-link--purple .multisite-link__icon-img .icon {
    fill: #fff;
}

.multisite-link--light .multisite-link__icon-img .icon {
    fill: #005293;
}

.multisite-link__preamble {
    margin: 0;
    font-size: 13px;
    line-height: 1.3em;
    color: #706f6f;
}

.multisite-link__section-triangle {
    overflow: hidden;
    margin-right: -1px;
}

.multisite-link__section-triangle-svg {
    height: 50px;
    -webkit-filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
    filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.2));
    width: 25px;
    display: block;
    position: relative;
}

.multisite-link__section-triangle-polygon {
    fill: #fecb00;
}

.multisite-link:hover .multisite-link__section-triangle-polygon {
    fill: #f0bb00;
}

.multisite-link--blue .multisite-link__section-triangle-polygon {
    fill: #0060ad;
}

.multisite-link--blue:hover .multisite-link__section-triangle-polygon {
    fill: #00457d;
}

.multisite-link--light-blue .multisite-link__section-triangle-polygon {
    fill: #0085c8;
}

.multisite-link--light-blue:hover .multisite-link__section-triangle-polygon {
    fill: #005293;
}

.multisite-link--green .multisite-link__section-triangle-polygon {
    fill: #368234;
}

.multisite-link--green:hover .multisite-link__section-triangle-polygon {
    fill: #296426;
}

.multisite-link--yellow .multisite-link__section-triangle-polygon {
    fill: #fecb00;
}

.multisite-link--yellow:hover .multisite-link__section-triangle-polygon {
    fill: #f0bb00;
}

.multisite-link--purple .multisite-link__section-triangle-polygon {
    fill: #4e1a66;
}

.multisite-link--purple:hover .multisite-link__section-triangle-polygon {
    fill: #3e1451;
}

.multisite-link--light .multisite-link__section-triangle-polygon {
    fill: #ececec;
}

.multisite-link--light:hover .multisite-link__section-triangle-polygon {
    fill: #dadada;
}

.episerver-forms--yellow {
    background: #fecb00;
}

.episerver-forms--blue {
    background: #005293;
    color: #fff;
}

.episerver-forms h2 {
    margin: 0.83em 0 !important;
}


.player-board__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 600px) {
    .player-board__items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -15px;
    }
}

.player-board__item {
    width: 100%;
    line-height: 1.2em;
    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 rgba(218, 218, 218, 0.5);
    padding: 12px 0;
    font-size: 13px;
}

@media (min-width: 600px) {
    .player-board__item {
        width: -webkit-calc(50% - 30px);
        width: calc(50% - 30px);
        margin: 0 15px;
        display: block;
    }
}

@media (min-width: 900px) {
    .player-board__item {
        width: -webkit-calc(33.33% - 30px);
        width: calc(33.33% - 30px);
        font-size: 15px;
        padding: 15px 0;
    }
}

.player-board__item--inactive {
    text-decoration: line-through;
    color: #706f6f;
}

.player-board__name {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding-right: 6px;
}

.player-board__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-left: 6px;
}

@media (min-width: 600px) {
    .player-board__team {
        padding-left: 0;
        margin-top: 5px;
    }
}

.player-board__team-name {
    color: #706f6f;
}

@media (min-width: 600px) {
    .player-board__team-name {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
    }
}

@media (min-width: 900px) {
    .player-board__team-name {
        font-size: 13px;
    }
}

.player-board__team-logo {
    padding-left: 5px;
}

.player-board__item--inactive .player-board__team-logo {
    opacity: 0.5;
}

@media (min-width: 600px) {
    .player-board__team-logo {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
    }
}

.search-result-link {
    position: relative;
    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;
    text-decoration: none;
    background-color: #fff;
    cursor: pointer;
}

.show-focus-outlines .search-result-link:focus {
    -webkit-box-shadow: 0 0 0 2px #ef7d00 !important;
    box-shadow: 0 0 0 2px #ef7d00 !important;
}

.search-result-link:hover {
    border-color: #f8f8f8;
    background-color: #f8f8f8;
}

    .search-result-link:hover .search-result-link__img {
        opacity: 0.8;
    }

.search-result-link__img {
    position: relative;
    min-width: 50px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
}

    .search-result-link__img:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

@media (min-width: 1200px) {
    .search-result-link__img {
        min-width: 124px;
    }
}

.search-result-link__img-src {
    position: absolute;
    height: 100%;
    max-height: 100%;
    max-width: none;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.search-result-link__text {
    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: 10px 20px 10px 10px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .search-result-link__text {
        max-height: 124px;
        padding: 15px 20px;
    }
}

.search-result-link__title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 17px;
    text-decoration: none;
    margin: 2px 0;
    font-weight: bold;
    color: #005293;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 1200px) {
    .search-result-link__title {
        font-size: 17px;
        line-height: 21px;
    }
}

.search-result-link--predefined-dark .search-result-link__title,
.search-result-link--predefined-blue .search-result-link__title {
    color: #fff;
}

.search-result-link__preamble {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
    color: #1d1d1d;
    font-size: 13px;
    line-height: 16px;
}

@media (min-width: 1200px) {
    .search-result-link__preamble {
        font-size: 17px;
        line-height: 21px;
    }
}

.search-result-link--predefined-dark .search-result-link__preamble,
.search-result-link--predefined-blue .search-result-link__preamble {
    color: #fff;
}

.search-result-link__preamble p {
    margin: 0;
    padding: 0;
}

.search-result-link__info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 11px;
    line-height: 17px;
    color: #706f6f;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 1200px) {
    .search-result-link__info {
        font-size: 15px;
        line-height: 21px;
    }
}

.search-result-link--predefined-dark .search-result-link__info {
    color: #fff;
}

.search-result-link--predefined-blue .search-result-link__info {
    color: #fff;
}

.search-result-link__category + .search-result-link__site:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 1em;
    background-color: #706f6f;
    margin: 0px 5px;
}

.search-result-link--predefined-dark {
    background-color: #00345c;
}

    .search-result-link--predefined-dark:hover {
        background-color: #002949;
    }

.search-result-link--predefined-blue {
    background-color: #005293;
}

    .search-result-link--predefined-blue:hover {
        background-color: #00457d;
    }

.search-result-link__badge {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
}

@media (min-width: 900px) {
    .search-result-link__badge {
        width: 57px;
        height: 57px;
    }
}

.search-result-link--no-badge .search-result-link__badge {
    display: none;
}

.search-result-link__triangle-svg {
    width: 100%;
    height: auto;
    fill: #dadada;
    position: relative;
}

.search-result-link:hover .search-result-link__triangle-svg {
    fill: #9d9d9c;
}

.search-result-link--color-green .search-result-link__triangle-svg {
    fill: #368234;
}

.search-result-link--color-green:hover .search-result-link__triangle-svg {
    fill: #296426;
}

.search-result-link--color-yellow .search-result-link__triangle-svg {
    fill: #fecb00;
}

.search-result-link--color-yellow:hover .search-result-link__triangle-svg {
    fill: #f0bb00;
}

.search-result-link--color-inverted .search-result-link__triangle-svg {
    fill: #fecb00;
}

.search-result-link--color-inverted:hover .search-result-link__triangle-svg {
    fill: #f0bb00;
}

.search-result-link--color-light .search-result-link__triangle-svg {
    fill: #dadada;
}

.search-result-link--color-light:hover .search-result-link__triangle-svg {
    fill: #9d9d9c;
}

.search-result-link--color-light-blue .search-result-link__triangle-svg {
    fill: #0085c8;
}

.search-result-link--color-light-blue:hover .search-result-link__triangle-svg {
    fill: #005293;
}

.search-result-link--color-blue .search-result-link__triangle-svg {
    fill: #005293;
}

.search-result-link--color-blue:hover .search-result-link__triangle-svg {
    fill: #00457d;
}

.search-result-link--color-purple .search-result-link__triangle-svg {
    fill: #6b1f7c;
}

.search-result-link--color-purple:hover .search-result-link__triangle-svg {
    fill: #551863;
}

.search-result-link--predefined-blue .search-result-link__triangle-svg {
    fill: #00345c;
}

.search-result-link--predefined-blue:hover .search-result-link__triangle-svg {
    fill: #002949;
}

.search-result-link--predefined-dark .search-result-link__triangle-svg {
    fill: #005293;
}

.search-result-link--predefined-dark:hover .search-result-link__triangle-svg {
    fill: #00457d;
}

.search-result-link__logo-img {
    position: absolute;
    top: 8%;
    right: 7%;
    height: 36%;
    width: 30%;
    -o-object-fit: contain;
    object-fit: contain;
}

.search-result-scroll-link {
    position: relative;
    cursor: pointer;
    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;
    text-decoration: none;
    background-color: #fff;
}

    .search-result-scroll-link:after {
        content: "";
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 70%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 70%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 70%);
    }

    .search-result-scroll-link:hover {
        background-color: #f8f8f8;
    }

        .search-result-scroll-link:hover .search-result-scroll-link__img {
            opacity: 0.8;
        }

        .search-result-scroll-link:hover:after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), color-stop(70%, #f8f8f8));
            background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 70%);
            background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 70%);
            background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 70%);
        }

.search-result-scroll-link__background-player {
    position: relative;
}

.search-result-scroll-link__player-portrait {
    position: absolute;
}

.search-result-scroll-link__fallback-icon {
    border-radius: 50%;
    overflow: hidden;
}

.search-result-scroll-link__img {
    color: #9d9d9c;
    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: 60px;
    height: 60px;
    font-size: 40px;
    padding: 10px;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 900px) {
    .search-result-scroll-link__img {
        width: 80px;
        height: 80px;
        font-size: 60px;
    }
}

@media (min-width: 1200px) {
    .search-result-scroll-link__img {
        width: 80px;
        height: 80px;
        font-size: 60px;
    }
}

.search-result-scroll-link__img-src {
    position: absolute;
    height: 100%;
    max-height: 100%;
    max-width: none;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.search-result-scroll-link__text {
    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;
    height: 60px;
    padding: 10px 0 10px 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
    overflow: hidden;
}

@media (min-width: 900px) {
    .search-result-scroll-link__text {
        height: 80px;
    }
}

.search-result-scroll-link__text1 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 13px;
    line-height: 1.2em;
    color: #1d1d1d;
    margin-bottom: 0.2em;
}

@media (min-width: 900px) {
    .search-result-scroll-link__text1 {
        font-size: 15px;
        margin-bottom: 0.3em;
    }
}

.search-result-scroll-link__text2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-size: 13px;
    line-height: 1.2em;
    text-decoration: none;
    margin: 0;
    font-weight: bold;
    color: #1d1d1d;
}

@media (min-width: 900px) {
    .search-result-scroll-link__text2 {
        font-size: 15px;
    }
}

@media (min-width: 1200px) {
    .search-result-scroll-link__text2 {
        font-size: 17px;
    }
}

.search-result-scroll-link__text2--multi-line {
    white-space: initial;
    text-overflow: initial;
}

.player-portrait {
    display: inline-block;
    position: relative;
    height: 1em;
}

.player-portrait--small {
    font-size: 40px;
}

.player-portrait--medium {
    font-size: 60px;
}

.player-portrait--large {
    font-size: 100px;
}

@media (min-width: 900px) {
    .player-portrait--large {
        font-size: 200px;
    }
}

.player-portrait__mask {
    position: relative;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(218, 218, 218, 0.2);
    z-index: 0;
}

    .player-portrait__mask:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

.player-portrait__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.player-portrait__logo {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.5em;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -o-transform: translateX(30%);
    transform: translateX(30%);
}

.player-portrait--medium .player-portrait__logo {
    font-size: 0.9em;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%);
}

.rich-text > :first-child {
    margin-top: 0;
}

.rich-text > :last-child {
    margin-bottom: 0;
}

.rich-text h1,
.rich-text h2,
.rich-text h3,
.rich-text h4,
.rich-text h5,
.rich-text h6 {
    margin: 20px 0 -5px;
}

@media (min-width: 600px) {
    .rich-text h1,
    .rich-text h2,
    .rich-text h3,
    .rich-text h4,
    .rich-text h5,
    .rich-text h6 {
        margin: 30px 0 -15px;
    }
}

.rich-text li {
    margin-left: 2.4em;
}

@media (min-width: 900px) {
    .rich-text li {
        margin-left: 4.4em;
    }
}

.rich-text ul {
    list-style: none;
    padding: 0;
}

    .rich-text ul > li {
        position: relative;
    }

        .rich-text ul > li + li {
            margin-top: 1em;
        }

        .rich-text ul > li:before {
            content: "";
            position: absolute;
            left: -1.3em;
            top: 0.35em;
            display: inline-block;
            width: 0.7em;
            height: 0.7em;
            background: url("data:image/svg+xml,%3Csvg width='25' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.268 22.439C2.709 17.951.903 13.314 0 8.826 2.86 5.386 7.375 2.094 12.04 0c4.817 2.094 9.483 5.385 12.493 8.826-.903 4.488-2.709 9.125-5.268 13.613a43.939 43.939 0 0 1-13.997 0z' fill='%23FECB00' fill-rule='evenodd'/%3E%3C/svg%3E");
            -webkit-background-size: contain;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
        }

.rich-text ol {
    counter-reset: my-orderlist-counter;
    list-style: none;
    padding: 0.4em 0 0;
    margin: 2rem 0;
}

    .rich-text ol li {
        position: relative;
        min-height: 2.3em;
    }

        .rich-text ol li:before {
            content: counter(my-orderlist-counter);
            counter-increment: my-orderlist-counter;
            position: absolute;
            top: -0.4em;
            left: -2.4em;
            width: 1.9em;
            height: 1.9em;
            line-height: 2.1em;
            background: url("data:image/svg+xml,%3Csvg width='25' height='23' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.268 22.439C2.709 17.951.903 13.314 0 8.826 2.86 5.386 7.375 2.094 12.04 0c4.817 2.094 9.483 5.385 12.493 8.826-.903 4.488-2.709 9.125-5.268 13.613a43.939 43.939 0 0 1-13.997 0z' fill='%23FECB00' fill-rule='evenodd'/%3E%3C/svg%3E");
            -webkit-background-size: contain;
            background-size: contain;
            background-repeat: no-repeat;
            background-position: center center;
            color: #005293;
            display: inline-block;
            text-align: center;
            font-weight: bold;
        }

        .rich-text ol li + li {
            margin-top: 1em;
        }

.rich-text a:not([class]) {
    position: relative;
    color: #0085c8;
    text-decoration: none;
    border-bottom: 3px solid;
    padding-bottom: 0.05em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .rich-text a:not([class]):hover {
        border-color: #fecb00;
    }

.rich-text p,
.rich-text ul,
.rich-text ol,
.rich-text figure,
.rich-text .solidtango {
    margin: 10px 0;
}

@media (min-width: 600px) {
    .rich-text p,
    .rich-text ul,
    .rich-text ol,
    .rich-text figure,
    .rich-text .solidtango {
        margin: 20px 0;
    }
}

.rich-text .container {
    padding: 0;
}

.rich-text .container__inner {
    padding: 0;
}

.rich-text .container__content {
    padding: 0;
}

.rich-text .quote {
    text-align: center;
    padding: 20px 10px;
    margin: 0;
    color: #005293;
}

@media (min-width: 600px) {
    .rich-text .quote {
        padding: 40px 20px;
    }
}

.rich-text .quote:after {
    content: "";
    display: inline-block;
    position: relative;
    top: 0;
    height: 10px;
    width: 50px;
    background-color: #fecb00;
}

@media (min-width: 600px) {
    .rich-text .quote:after {
        height: 20px;
        width: 100px;
    }
}

.rich-text .quote:before {
    content: "";
    display: inline-block;
    position: relative;
    top: 0;
    height: 34px;
    width: 50px;
    color: #fecb00;
    background: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' fill='%23FECB00' viewBox='0 0 120 80'%3E%3Cstyle%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd%7D%3C/style%3E%3Cpath class='st0' d='M90.667 0c11.259 5.037 21.63 12.444 29.333 21.037C118.815 38.222 104.889 67.556 96.593 80H74.074c3.259-6.519 7.704-16 11.556-26.074-3.852-.296-7.407-.593-10.963-1.481-5.63-10.37-10.074-21.333-12.444-31.407C69.333 12.444 79.407 5.037 90.667 0zM28.444 0c11.259 5.037 21.63 12.444 29.333 21.037C56.593 38.222 42.667 67.556 34.37 80H11.852c3.259-6.519 7.704-16 11.556-26.074-3.852-.296-7.408-.593-10.964-1.482C6.815 42.074 2.37 31.111 0 21.037 7.111 12.444 17.185 5.037 28.444 0z'/%3E%3C/svg%3E");
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 600px) {
    .rich-text .quote:before {
        width: 100px;
        height: 68px;
    }
}

.rich-text .quote__text {
    font-weight: bold;
    font-size: 17px;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .rich-text .quote__text {
        font-size: 23px;
    }
}

@media (min-width: 1200px) {
    .rich-text .quote__text {
        font-size: 25px;
    }
}


.result-item {
    border-right: 1px solid #dadada;
    background: #fff;
    width: 100%;
    font-size: 13px;
    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;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #dadada;
    box-shadow: 0 0 0 1px #dadada;
    font-size: 15px;
}

    .result-item:hover {
        background-color: #f8f8f8;
    }

        .result-item:hover:after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8));
            background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
        }

.result-item__link {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
    text-decoration: none;
    color: #1d1d1d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
}

.result-item__team-logo {
    margin: 0 5px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.result-item__team-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;
    line-height: 17px;
    text-align: left;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.result-item__team-name {
    display: block;
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 600px) {
    .result-item__team-name {
        max-width: 320px;
    }
}

@media (min-width: 1200px) {
    .result-item__team-name {
        max-width: 460px;
    }
}

.result-item__team-categories {
    display: block;
    font-size: 11px;
    color: #706f6f;
    text-transform: uppercase;
}

.solidtango {
    position: relative;
    -webkit-background-size: cover;
    background-size: cover;
    position: relative;
}

    .solidtango:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

    .solidtango iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.contact-list-item {
    list-style-type: none;
    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;
    background: #f8f8f8;
    padding: 30px 0;
}

    .contact-list-item + .contact-list-item {
        border-top: 1px solid #dadada;
    }

.contact-list-item__name,
.contact-list-item__title,
.contact-list-item__phone,
.contact-list-item__mobile,
.contact-list-item__mail {
    display: block;
}

.contact-list-item__name {
    color: #005293;
    margin-bottom: 5px;
    font-weight: bold;
}

@media (min-width: 600px) {
    .contact-list-item__name {
        font-size: 21px;
    }
}

.contact-list-item__title {
    line-height: 1.3em;
    margin-bottom: 10px;
}

.contact-list-item__info {
    font-size: 15px;
    word-break: break-word;
}

@media (min-width: 600px) {
    .contact-list-item__info {
        font-size: 17px;
    }
}

.contact-list-item__phone,
.contact-list-item__mobile {
    font-weight: bold;
}

.contact-list-item__mail {
    font-weight: bold;
    color: #0085c8;
}

.contact-list-item__img-container {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 5px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

    .contact-list-item__img-container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

@media (min-width: 600px) {
    .contact-list-item__img-container {
        width: 120px;
        height: 120px;
    }
}

.contact-list-item__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 50%;
    height: auto;
}

.table {
    font-size: 15px;
}

@media (min-width: 900px) {
    .table {
        font-size: 17px;
    }
}

@media (max-width: 899px) {
    .table__scroll {
        padding: 10px;
        overflow-x: auto;
        margin: 0 -10px;
    }
}

.table__scroll-track {
    min-width: 100%;
}

@media (max-width: 899px) {
    .table__scroll-track {
        display: inline-block;
        padding: 0 10px;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(218, 218, 218, 0.2);
        background-color: white;
    }
}

.table th {
    font-size: 13px;
    padding-bottom: 10px;
}

.table td,
.table th {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
}

    .table td:first-child,
    .table th:first-child {
        padding-left: 0;
    }

    .table td:last-child,
    .table th:last-child {
        padding-right: 0;
    }

.table tbody tr {
    border-bottom: 1px solid #dadada;
}

    .table tbody tr:last-child {
        border-bottom: none;
    }

.table__align-top {
    vertical-align: top;
}

.table__pull-left {
    text-align: left;
}

.table__team {
    font-size: 13px;
    line-height: 1.3em;
}

@media (min-width: 900px) {
    .table__team {
        font-size: 15px;
    }
}

.table__team-link {
    color: inherit;
    text-decoration: none;
}

.table__year {
    width: 60px;
    text-align: left;
    vertical-align: top;
}

.table__competition {
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.table__player {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: 100%;
    text-decoration: none;
    color: #1d1d1d;
}

.table__player--normalize {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.table__player-row {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table__player-row-multiple {
    padding-left: 40px;
    color: #706f6f;
    font-size: 13px;
}

.table__player-info {
    padding-left: 10px;
    max-width: -webkit-calc(100% - 40px);
    max-width: calc(100% - 40px);
}

.table__cell--selected {
    background-color: #005293;
    color: #fff;
}

.table__cell-value-multiple {
    color: #706f6f;
    font-size: 13px;
}

.table__cell--selected .table__cell-value-multiple {
    color: #fff;
}

.table__cell-small {
    min-width: 40px;
}

@media (min-width: 900px) {
    .table__cell-small {
        min-width: 30px;
    }
}

.table__cell-large {
    width: 100px;
    min-width: 50px;
}

.table__cell-info {
    max-width: 250px;
    text-align: left;
    position: relative;
}

@media (min-width: 900px) {
    .table__cell-info {
        max-width: 190px;
    }
}

.table__player-name {
    font-weight: bold;
    max-width: 50vw;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
    line-height: 1em;
}

.table__legend {
    list-style: none;
    padding: 0;
    margin: 10px -5px;
    font-size: 13px;
}

.table__legend-item {
    display: inline-block;
    padding: 0 5px;
}

.table__legend-abbr {
    font-weight: bold;
    text-transform: uppercase;
}

.table__legend-value {
    color: #706f6f;
}

.player-portrait {
    display: inline-block;
    position: relative;
    height: 1em;
}

.player-portrait--small {
    font-size: 40px;
}

.player-portrait--medium {
    font-size: 60px;
}

.player-portrait--large {
    font-size: 100px;
}

@media (min-width: 900px) {
    .player-portrait--large {
        font-size: 200px;
    }
}

.player-portrait__mask {
    position: relative;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(218, 218, 218, 0.2);
    z-index: 0;
}

    .player-portrait__mask:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

.player-portrait__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.player-portrait__logo {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.5em;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -o-transform: translateX(30%);
    transform: translateX(30%);
}

.player-portrait--medium .player-portrait__logo {
    font-size: 0.9em;
    -webkit-transform: translateX(40%);
    -ms-transform: translateX(40%);
    -o-transform: translateX(40%);
    transform: translateX(40%);
}

.icon-text-link {
    padding: 0 3px;
    list-style-type: none;
}

@media (min-width: 900px) {
    .icon-text-link {
        margin-bottom: 10px;
    }
}

.icon-text-link__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background: #00345c;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 10px;
}

@media (min-width: 1200px) {
    .icon-text-link__link {
        padding: 12px 18px;
    }
}

.icon-text-link__link:hover {
    background: #002949;
}

.icon-text-link__icon {
    font-size: 13px;
    margin-right: 5px;
}

@media (min-width: 1200px) {
    .icon-text-link__icon {
        margin-right: 10px;
    }
}

.icon-text-link__text {
    font-size: 13px;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

@media (min-width: 1200px) {
    .icon-text-link__text {
        font-size: 15px;
    }
}

.suggestion-link {
    padding: 0 6px;
    list-style-type: none;
    width: 33.33%;
    height: 111px;
}

@media (min-width: 1200px) {
    .suggestion-link {
        height: 180px;
    }
}

.suggestion-link__link {
    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;
    padding: 15px 10px 0;
    text-decoration: none;
    height: 100%;
    background: #00345c;
    -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

    .suggestion-link__link:hover {
        background: #002949;
    }

@media (min-width: 1200px) {
    .suggestion-link__link {
        padding: 30px 10px 0;
    }
}

.suggestion-link__image-wrapper {
    position: relative;
    overflow: hidden;
    height: 50px;
    background-repeat: no-repeat;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.suggestion-link--is-player .suggestion-link__image-wrapper {
    border-radius: 50px;
    width: 50px;
}

@media (min-width: 1200px) {
    .suggestion-link--is-player .suggestion-link__image-wrapper {
        width: 80px;
    }
}

.suggestion-link--is-club .suggestion-link__image-wrapper {
    width: 100%;
}

@media (min-width: 1200px) {
    .suggestion-link__image-wrapper {
        height: 80px;
    }
}

.suggestion-link__fallback-icon {
    font-size: 50px;
    color: rgba(0, 0, 0, 0.2);
}

@media (min-width: 1200px) {
    .suggestion-link__fallback-icon {
        font-size: 80px;
    }
}

.suggestion-link__fallback-icon svg {
    color: #000;
}

.suggestion-link__img {
    width: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    max-height: 50px;
    top: 0;
    left: 0;
}

.suggestion-link--is-player .suggestion-link__img {
    position: absolute;
    max-height: none;
}

.suggestion-link--is-club .suggestion-link__img {
    position: absolute;
    max-width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

@media (min-width: 1200px) {
    .suggestion-link__img {
        max-height: 80px;
    }
}

.suggestion-link__text-wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    line-height: 1.2;
    text-align: 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;
    width: 100%;
}

.suggestion-link__text {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    width: 100%;
    margin: 0 auto;
}

@media (min-width: 1200px) {
    .suggestion-link__text {
        font-size: 21px;
    }
}

.suggestion-link__text1,
.suggestion-link__text2 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.suggestion-link--is-player .suggestion-link__text1 {
    font-weight: normal;
    display: block;
}

.upcoming-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;
}

.upcoming-item__match {
    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: #1d1d1d;
    width: 100%;
    overflow: hidden;
    border: none;
    background: #fff;
    text-align: left;
    padding: 0;
}

    .upcoming-item__match:hover {
        background-color: #f8f8f8;
    }

.upcoming-item__column {
    padding: 10px;
    height: 60px;
    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;
    overflow: hidden;
}

@media (min-width: 900px) {
    .upcoming-item__column {
        height: 72px;
    }
}

@media (min-width: 900px) {
    .upcoming-item--district-recent .upcoming-item__column {
        height: 60px;
    }
}

.upcoming-item--district-recent-board .upcoming-item__column {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.upcoming-item--canceled .upcoming-item__column {
    color: #706f6f;
}

.upcoming-item__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-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 60px;
    width: 52px;
    -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;
    padding: 0 10px;
    background-color: #005293;
    color: #fff;
}

@media (min-width: 900px) {
    .upcoming-item__date {
        height: 72px;
    }
}

.upcoming-item--district-recent .upcoming-item__date {
    background-color: #00345c;
}

@media (min-width: 900px) {
    .upcoming-item--district-recent .upcoming-item__date {
        height: 60px;
        background-color: #005293;
    }
}

.upcoming-item--canceled .upcoming-item__date {
    background: #706f6f;
}

.upcoming-item__date-day,
.upcoming-item__date-month {
    display: block;
}

.upcoming-item__date-month {
    font-weight: bold;
    font-size: 13px;
    line-height: 17px;
}

.upcoming-item__date-day {
    font-weight: bold;
    font-size: 21px;
    line-height: 21px;
}

.upcoming-item__info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    overflow: hidden;
    padding: 5px 0;
}

@media (min-width: 900px) {
    .upcoming-item__info {
        padding: 8px 0;
    }
}

.upcoming-item__info-row {
    margin: 0;
    line-height: 0.9em;
}

@media (min-width: 900px) {
    .upcoming-item__info-row {
        line-height: 1.3em;
    }
}

.upcoming-item--district-recent-board .upcoming-item__title {
    line-height: 1.2em;
    margin: 0px 0 5px 0;
}

@media (min-width: 900px) {
    .upcoming-item--district-recent-board .upcoming-item__title {
        margin: -1px 0 2px 0;
    }
}

.upcoming-item__tag,
.upcoming-item__event {
    font-size: 11px;
    display: block;
    line-height: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (min-width: 900px) {
    .upcoming-item__tag,
    .upcoming-item__event {
        font-size: 13px;
    }
}

.upcoming-item__event {
    line-height: 1.4em;
}

.upcoming-item__event--no-date {
    color: #706f6f;
}

.upcoming-item__canceled-text {
    font-weight: bold;
    text-transform: uppercase;
}

.upcoming-item__title {
    display: block;
    font-size: 13px;
    line-height: 1em;
    font-weight: bold;
    color: #005293;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.upcoming-item--canceled .upcoming-item__title {
    color: #706f6f;
    text-decoration: line-through;
}

@media (min-width: 900px) {
    .upcoming-item__title {
        font-size: 17px;
        line-height: 20px;
    }
}

.search-input {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 0;
    height: 60px;
    font-size: 17px;
    -webkit-box-shadow: 4px 2px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 2px 6px rgba(0, 0, 0, 0.3);
}

@media (min-width: 900px) {
    .search-input {
        font-size: 21px;
    }
}

.search-input__search-icon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 15px;
    color: #dadada;
    font-size: 22px;
}

@media (min-width: 900px) {
    .search-input__search-icon {
        font-size: 27px;
        left: 30px;
    }
}

.search-input__input {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    padding-left: 52px;
    padding-right: 10px;
    border-radius: 0;
    -webkit-appearance: none !important;
}

@media (min-width: 900px) {
    .search-input__input {
        padding-left: 87px;
    }
}

.search-input__submit {
    background: #fecb00;
    font-weight: bold;
    text-transform: uppercase;
    color: #005293;
    padding: 0 15px;
    border: none;
}

@media (min-width: 900px) {
    .search-input__submit {
        font-size: 19px;
        padding: 0 50px;
    }
}

.search-input__submit:hover {
    background: #f0bb00;
}

.publish-date {
    display: block;
    color: #706f6f;
    margin-top: 20px;
    margin-bottom: 5px;
}

@media (min-width: 600px) {
    .publish-date {
        margin-top: 30px;
    }
}

.team-logo {
    position: relative;
    width: 100px;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
}

.rich-text .team-logo {
    margin: 0;
}

.team-logo:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}


.tab-group-banner {
    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: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.tab-group-banner__icon {
    font-size: 24px;
    margin-right: 10px;
}

.tab-group-banner__text {
    margin: 5px 0 0 0;
    line-height: 1;
}

.fav-toggle {
    position: relative;
    background: none;
    border: none;
    padding: 0;
}

.fav-toggle__icon {
    color: #fecb00;
}

.match-hero .fav-toggle__icon {
    width: 24px;
}

.fav-toggle--marked .fav-toggle__icon--marked {
    display: block;
}

.fav-toggle--unmarked .fav-toggle__icon--marked {
    display: none;
}

.fav-toggle--marked .fav-toggle__icon--unmarked {
    display: none;
}

.fav-toggle--unmarked .fav-toggle__icon--unmarked {
    display: block;
}

.fav-toggle__icon--unmarked-filled {
    color: rgba(255, 255, 255, 0.5);
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

    .fav-toggle__icon--unmarked-filled:hover {
        -webkit-transition: color 0s ease;
        -o-transition: color 0s ease;
        transition: color 0s ease;
        color: #f0bb00;
    }

.fav-toggle__icon--unmarked-stroked {
    color: #dadada;
    opacity: 1;
}

.shop-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;
    background-color: #fff;
    height: 100%;
    text-decoration: none;
    color: #000;
    cursor: pointer;
}

    .shop-link:hover {
        -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
    }

        .shop-link:hover .button,
        .shop-link:hover .load-more--button-light,
        .shop-link:hover .load-more--button-light-outlined,
        .shop-link:hover .show-more--button {
            background-color: #f8f8f8;
        }

@media (min-width: 900px) {
    .container__content .shop-link,
    .container__main .shop-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

@media (min-width: 1200px) {
    .shop-link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.shop-link__title {
    color: #005293;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.3em;
    white-space: normal;
    display: block;
}

.shop-link__info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 10px 10px 10px 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;
    height: 100%;
}

@media (min-width: 900px) {
    .container__content .shop-link__info,
    .container__main .shop-link__info {
        text-align: center;
        width: 100%;
        padding: 0 30px;
        margin-bottom: 20px;
    }
}

@media (min-width: 1200px) {
    .shop-link__info {
        text-align: center;
        width: 100%;
        padding: 0 30px;
        margin-bottom: 20px;
    }
}

.shop-link__price-wrapper {
    display: inline-block;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.4em;
}

@media (min-width: 1200px) {
    .shop-link__price-wrapper {
        margin-bottom: 5px;
        font-size: 25px;
    }
}

.shop-link__price-wrapper--discount {
    position: relative;
}

.shop-link__price {
    display: block;
}

@media (min-width: 1200px) {
    .shop-link__price {
        font-size: 25px;
        line-height: 45px;
        margin-bottom: 5px;
    }
}

.shop-link__price-wrapper--discount .shop-link__price {
    -webkit-text-decoration-line: line-through;
    -moz-text-decoration-line: line-through;
    text-decoration-line: line-through;
    font-size: 13px;
    position: absolute;
    right: -38px;
    bottom: 6px;
    font-weight: normal;
    line-height: 1;
}

@media (min-width: 1200px) {
    .shop-link__price-wrapper--discount .shop-link__price {
        font-size: 15px;
        right: -43px;
    }
}

.shop-link__discount {
    display: block;
    color: #e30613;
}

@media (min-width: 1200px) {
    .shop-link__discount {
        line-height: 45px;
    }
}

.shop-link__button {
    padding: 0 10px;
    line-height: 34px;
    min-height: 40px;
}

@media (min-width: 1200px) {
    .shop-link__button {
        max-width: 172px;
        margin: 0 auto;
    }
}

.shop-link__image {
    max-width: 130px;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    padding: 5px;
}

@media (min-width: 1200px) {
    .shop-link__image {
        max-width: 170px;
    }
}

.form-field {
    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;
    height: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.form-field__wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.form-field__headline {
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 900px) {
    .form-field__headline--large {
        font-size: 25px;
        text-align: center;
    }
}

.form-field__input {
    display: block;
    width: 100%;
    max-width: 100%;
    border: none;
    font-size: 16px;
}

    .form-field__input::-ms-clear {
        display: none;
    }

.form-field__input--single-row {
    height: 50px;
    padding: 0 1em;
}

.form-field__input--with-icon {
    padding-left: 3em;
}

.form-field__input--textarea {
    height: 30vh;
    min-height: 300px;
    padding: 1em;
}

.form-field__icon {
    position: absolute;
    font-size: 1.2em;
    left: 0.8em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #9d9d9c;
}

.form-field__input-result-icon {
    display: none;
    position: absolute;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    top: 2px;
    left: 2px;
    height: 46px;
    width: 44px;
    background-color: white;
}

    .form-field__input-result-icon img {
        max-width: 44px;
    }

.form-field__clear {
    display: none;
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    background: #fff;
    color: #005293;
    font-size: 15px;
}

.form-field__clear--visible {
    display: block;
}

.form-field__clear:hover {
    background: #f8f8f8;
}

.form-field__error-message {
    display: block;
    margin-top: -10px;
    margin-bottom: 5px;
    color: #e30613;
}

.form-field__error-message--js {
    display: none;
}

.question {
    position: relative;
}

.question__content-inner {
    padding: 15px 10px;
}

@media (min-width: 1200px) {
    .question__content-inner {
        padding: 25px 20px;
    }
}

.question__text {
    margin-right: 10px;
}

.question__content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    position: relative;
    background: #fff;
}

.question__expand-button {
    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%;
    color: #005293;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    background: #fff;
    padding: 10px 20px 10px 10px;
    font-size: 15px;
    font-weight: bold;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    text-align: left;
}

@media (min-width: 900px) {
    .question__expand-button {
        padding: 18px 20px 18px 10px;
    }
}

@media (min-width: 1200px) {
    .question__expand-button {
        padding-left: 20px;
        font-size: 17px;
    }
}

.question__icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
}

[aria-expanded="true"] .question__icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.question__icon .icon {
    display: block;
}

.sroi-sector {
    text-align: center;
    padding: 60px 26px 20px;
    position: relative;
}

.sroi-result-sectors__sector--fullwidth .sroi-sector {
    height: 100%;
}

@media (min-width: 900px) {
    .sroi-sector {
        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;
    }
}

.sroi-sector--background-gold-drop {
    background: rgba(239, 125, 0, 0.05);
}

.sroi-sector--background-congress-blue {
    background: rgba(0, 82, 147, 0.05);
}

.sroi-sector--background-monza {
    background: rgba(227, 6, 19, 0.05);
}

.sroi-sector--background-apple {
    background: rgba(71, 154, 54, 0.05);
}

.sroi-sector--background-gray {
    background-color: #f8f8f8;
}

.sroi-sector__title-wrapper {
    font-family: SvffTrim;
    letter-spacing: 0.029em;
    color: #005293;
}

@media (min-width: 900px) {
    .sroi-sector__title-wrapper {
        margin-top: 25px;
    }
}

.sroi-sector__description {
    font-weight: bold;
    color: #005293;
    margin: 5px 0 0;
    font-size: 17px;
}

@media (min-width: 900px) {
    .sroi-sector__description {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1;
    }
}

.sroi-sector__show-more {
    position: absolute;
}

.sroi-sector__title {
    font-size: 52px;
}

.sroi-sector__whereof .sroi-sector__title {
    font-size: 33px;
}

.sroi-sector__suffix {
    font-size: 33px;
    margin-left: 5px;
}

.sroi-sector__whereof .sroi-sector__suffix {
    font-size: 26px;
}

.sroi-sector__icon {
    font-size: 60px;
    position: absolute;
    top: -30px;
    left: 0;
    right: 0;
}

@media (min-width: 900px) {
    .sroi-sector__icon {
        font-size: 80px;
        top: -40px;
    }
}

.sroi-sector__icon .icon {
    width: auto;
}

.sroi-sector__text {
    margin: 30px 0 10px;
    text-align: left;
}

.sroi-sector--has-show-more .sroi-sector__text {
    display: none;
}

@media (min-width: 900px) {
    .sroi-sector__text {
        margin: 30px 30px 10px;
    }
}

.sroi-sector__text.show-more--expanded {
    display: block;
}

.sroi-sector__text h1 {
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 25px;
    color: #005293;
    font-weight: bold;
}

.sroi-sector__text p {
    margin: 0 0 1em 0;
}

    .sroi-sector__text p:last-of-type {
        margin: 0;
    }

.sroi-sector__divider {
    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: #005293;
    margin-bottom: 30px;
}

.sroi-sector__divider-line {
    background: #005293;
    height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sroi-sector__whereof {
    margin: 30px 0 10px;
}

.sroi-sector__whereof-text {
    margin: 0 35px;
}

.sroi-sector__show-more {
    position: absolute;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    left: 50%;
    bottom: -40px;
}

.multisite-item {
    font-weight: bold;
    display: block;
    text-decoration: none;
    padding: 10px 15px;
    font-size: 15px;
    text-transform: uppercase;
    position: relative;
}

.multisite-item--blue {
    background: #0060ad;
    color: #fff;
}

    .multisite-item--blue:hover {
        background: #00457d;
    }

.multisite-item--white {
    background: #fff;
    color: #005293;
}

    .multisite-item--white:hover {
        background: #f8f8f8;
    }

.multisite-item--light-blue {
    background: #0085c8;
    color: #fff;
}

    .multisite-item--light-blue:hover {
        background: #00457d;
    }

.multisite-item--yellow {
    background: #fed226;
    color: #005293;
}

    .multisite-item--yellow:hover {
        background: #f0bb00;
    }

.multisite-item--green {
    background: #368234;
    color: #fff;
}

    .multisite-item--green:hover {
        background: #296426;
    }

.multisite-item__icon {
    margin-left: 10px;
    font-size: 14px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
}

[aria-expanded="true"] .multisite-item__icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.multisite-item__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 1200px) {
    .multisite-item__inner {
        max-width: -webkit-calc(1280px - 140px);
        max-width: calc(1280px - 140px);
    }
}

.multisite-items--footer .multisite-item {
    padding: 15px;
    font-size: 13px;
}

@media (min-width: 600px) {
    .multisite-items--footer .multisite-item {
        padding-left: 70px;
    }
}

@media (min-width: 1200px) {
    .multisite-items--footer .multisite-item {
        font-size: 17px;
    }
}

.multisite-items--header .multisite-item {
    padding: 20px 15px;
}

@media (min-width: 1200px) {
    .multisite-items--header .multisite-item {
        font-size: 19px;
        padding-left: -webkit-calc(((100vw - 1320px) / 2) + 150px);
        padding-left: calc(((100vw - 1320px) / 2) + 150px);
        max-width: none;
    }
}

.multisite-item__description {
    text-transform: none;
    font-weight: normal;
    display: block;
    line-height: 1.3em;
}

.multisite-items--footer .multisite-item__description {
    display: none;
}

@media (min-width: 1200px) {
    .multisite-items--footer .multisite-item__description {
        font-size: 15px;
        display: block;
        line-height: 1.3em;
    }
}

@media (min-width: 1200px) {
    .multisite-items--header .multisite-item__description {
        font-size: 15px;
        margin-left: 0;
        line-height: 1.4em;
    }
}


.multisite-item__dropdown-container {
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    display: none;
    background: #fff;
}

.multisite-items--header .multisite-item__dropdown-container,
.multisite-items--footer .multisite-item__dropdown-container {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    z-index: 1;
}

.multisite-item__regions {
    margin: 0 -5px;
    padding: 0 0 20px 0;
}

@media (min-width: 900px) {
    .multisite-item__regions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

@media (min-width: 1200px) {
    .multisite-items--header .multisite-item__regions {
        padding-left: -webkit-calc(((100vw - 1320px) / 2) + 150px);
        padding-left: calc(((100vw - 1320px) / 2) + 150px);
        padding-right: -webkit-calc((100vw - 1320px) / 2);
        padding-right: calc((100vw - 1320px) / 2);
        max-width: none;
    }
}

@media (min-width: 1200px) {
    .multisite-items--header .multisite-item__regions {
        margin: 0 -20px;
    }
}

.multisite-item__region {
    list-style-type: none;
    padding: 0 5px;
}

@media (min-width: 900px) {
    .multisite-item__region {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .multisite-item__region {
        width: 33.33%;
    }
}

.multisite-item__region-link {
    text-decoration: none;
    color: #005293;
    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: 10px 15px;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

@media (min-width: 600px) {
    .multisite-item__region-link {
        font-size: 15px;
    }
}

.multisite-item__region-link:hover {
    background: #f8f8f8;
}

.multisite-item__region-image-wrapper {
    height: 30px;
    width: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.multisite-item__region-image {
    height: 30px;
}

.multisite-item__region-name {
    text-transform: uppercase;
    font-weight: bold;
}

.sroi-region {
    text-align: center;
    padding: 50px 26px;
    position: relative;
    height: 100%;
    background-color: #f8f8f8;
    font-size: 17px;
}

@media (min-width: 900px) {
    .sroi-region {
        padding: 70px 26px 50px;
    }
}

.sroi-region__icon-text {
    text-align: left;
    margin-left: 30px;
}

.sroi-region__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 25px;
}

.sroi-region__value-wrapper {
    font-weight: bold;
    line-height: 30px;
    color: #005293;
}

.sroi-region__name {
    font-weight: bold;
    color: #005293;
    margin: 5px 0 0;
    font-size: 17px;
}

.sroi-region__logo {
    width: 112px;
    position: absolute;
    top: -31.5px;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media (min-width: 900px) {
    .sroi-region__logo {
        width: 178px;
        top: -50px;
    }
}

.sroi-region__icon {
    font-size: 52px;
}

.sroi-region__divider {
    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: #005293;
    margin: 15px 0;
}

.sroi-region__divider-line {
    background: #005293;
    height: 1px;
    width: 25px;
}

.sroi-region__whereof-text {
    margin: 0 5px;
    font-size: 11px;
    text-transform: uppercase;
}

.show-more--notch {
    position: relative;
    border-radius: 0;
    white-space: nowrap;
    height: 40px;
    text-transform: uppercase;
    padding: 0 0.8em;
    border: none;
    background-color: #005293;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

    .show-more--notch:before,
    .show-more--notch:after {
        content: "";
        background-color: #005293;
        width: 11px;
        height: 40px;
        display: block;
        top: 0;
        position: absolute;
        -webkit-transition: background-color 0.3s ease;
        -o-transition: background-color 0.3s ease;
        transition: background-color 0.3s ease;
    }

    .show-more--notch:before {
        left: -5px;
        -webkit-transform: skewX(15deg);
        -ms-transform: skewX(15deg);
        -o-transform: skewX(15deg);
        transform: skewX(15deg);
    }

    .show-more--notch:after {
        right: -5px;
        -webkit-transform: skewX(-15deg);
        -ms-transform: skewX(-15deg);
        -o-transform: skewX(-15deg);
        transform: skewX(-15deg);
    }

    .show-more--notch:hover {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        background-color: #00457d;
    }

        .show-more--notch:hover:before,
        .show-more--notch:hover:after {
            -webkit-transition: none;
            -o-transition: none;
            transition: none;
            background-color: #00457d;
        }

.show-more--button.show-more--loading {
    background-color: #005293;
}

.show-more--loading {
    pointer-events: none;
}

.player-games-item__link {
    color: #1d1d1d;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    border-right: 1px solid rgba(218, 218, 218, 0.5);
    margin: 0 0;
    padding: 7px 10px;
    cursor: pointer;
    font-size: 13px;
}

@media (min-width: 600px) {
    .player-games-item__link {
        font-size: 15px;
    }
}

@media (min-width: 900px) {
    .player-games-item__link {
        font-size: 17px;
    }
}

.player-games-item__link:hover {
    background-color: #f8f8f8;
}

.player-games-item__result {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.player-games-item__events {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 50%;
    padding-left: 20px;
}

.player-games-item__event {
    text-align: center;
    color: #1d1d1d;
}

.player-games-item__event--wide {
    color: #706f6f;
}

.player-games-item__event .icon {
    font-size: 22px;
}

@media (min-width: 600px) {
    .player-games-item__event .icon {
        font-size: 24px;
    }
}

.player-games-item__event-label {
    display: block;
    color: #1d1d1d;
    line-height: 13px;
    margin: 10px 0 4px 0;
    width: 35px;
}

@media (min-width: 600px) {
    .player-games-item__event-label {
        width: 40px;
        margin: 12px 0 6px 0;
    }
}

.player-games-item__event-label--wide {
    color: #706f6f;
    width: 70px;
}

@media (min-width: 600px) {
    .player-games-item__event-label--wide {
        width: 80px;
    }
}

.player-games-item__home,
.player-games-item__away {
    padding-right: 14px;
    position: relative;
}

@media (min-width: 900px) {
    .player-games-item__home,
    .player-games-item__away {
        padding-right: 20px;
    }
}

.player-games-item__category {
    display: block;
    color: #706f6f;
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.player-games-item__score {
    position: absolute;
    top: 0;
    right: -10px;
    text-align: center;
    width: 20px;
    font-weight: bold;
}

.player-games-item__date {
    display: block;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.player-games-item__date--postponed {
    color: #e84e0f;
}

.player-games-item__team {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.player-games-item__team-name {
    margin-left: 4px;
}

.fetcher--container-center {
    -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;
}

.fetcher--container-large {
    font-size: 70px;
    padding: 30px 0;
}

.fetcher__no-results-message {
    text-align: center;
    color: #706f6f;
}

.player-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;
    width: 100%;
    height: 100%;
}

.player-list-item__name {
    color: #1d1d1d;
    font-weight: bold;
    line-height: 2em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 10px;
}

.player-list-item__portrait-wrapper {
    font-size: 30px;
    margin-right: 10px;
}

@media (min-width: 900px) {
    .player-list-item__portrait-wrapper {
        font-size: 34px;
    }
}

.player-list-item__shirt {
    position: relative;
    margin-left: auto;
    font-size: 30px;
    color: #dadada;
}

.player-list-item__number {
    position: absolute;
    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;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0.36em;
    font-weight: bold;
    color: #1d1d1d;
}

.player-list-item__portrait {
    display: inline-block;
    position: relative;
    height: 1em;
}

.player-list-item__portrait-mask {
    position: relative;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(218, 218, 218, 0.2);
    z-index: 0;
}

    .player-list-item__portrait-mask:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

.player-list-item__portrait-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.player-list-item__logo {
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 0.5em;
    -webkit-transform: translateX(30%);
    -ms-transform: translateX(30%);
    -o-transform: translateX(30%);
    transform: translateX(30%);
}

.contact-item {
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    padding: 20px 0;
}

.contact-item__icon {
    margin-right: 10px;
    font-size: 30px;
}

.contact-item__content {
    word-break: break-all;
    max-width: -webkit-calc(100% - 70px);
    max-width: calc(100% - 70px);
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    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;
    margin: 0;
}

.contact-item__headline {
    margin: 10px 0 20px 0;
    padding: 0;
    line-height: 1em;
}

.contact-item__text-content {
    font-size: 15px;
    line-height: 1.5em;
}

.contact-item__headline {
    font-size: 19px;
    font-weight: bold;
    color: #005293;
}

.contact-item__title {
    font-weight: bold;
    color: #005293;
    margin: -5px 0 0 0;
    padding: 0;
}

.contact-item__phone {
    display: block;
    color: #1d1d1d;
    text-decoration: none;
}

.contact-item__web {
    position: relative;
    display: block;
    color: #0085c8;
    text-decoration: none;
    border-bottom: 3px solid;
    padding-bottom: 0.05em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .contact-item__web:hover {
        border-color: #fecb00;
    }

.intermediaries-table__table {
    font-size: 13px;
}

@media (min-width: 900px) {
    .intermediaries-table__table {
        font-size: 15px;
    }
}

@media (max-width: 899px) {
    .intermediaries-table__scroll {
        padding: 10px;
        overflow-x: auto;
        margin: 0 -10px;
        -webkit-overflow-scrolling: touch;
    }
}

.intermediaries-table__scroll-track {
    min-width: 100%;
}

@media (max-width: 899px) {
    .intermediaries-table__scroll-track {
        display: inline-block;
        padding: 0 10px;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        border: 1px solid rgba(218, 218, 218, 0.2);
        background-color: white;
    }
}

.intermediaries-table table {
    width: 100%;
    text-align: left;
}

.intermediaries-table th {
    font-size: 11px;
    padding-bottom: 10px;
}

.intermediaries-table tbody tr {
    border-bottom: 1px solid #dadada;
}

    .intermediaries-table tbody tr:last-child {
        border-bottom: none;
    }

.intermediaries-table__cell {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px;
}

    .intermediaries-table__cell:first-child {
        padding-left: 0;
    }

    .intermediaries-table__cell:last-child {
        padding-right: 0;
    }

@media (min-width: 900px) {
    .intermediaries-table__cell--wrap {
        white-space: normal;
    }
}

.intermediaries-table__company {
    color: #706f6f;
}

.intermediaries-table__mail-link {
    color: #0085c8;
}

.team-shape {
    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;
    width: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 13px;
    line-height: 1.3em;
}

@media (min-width: 600px) {
    .team-shape {
        font-size: 15px;
    }
}

.team-shape__home-team,
.team-shape__away-team {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-basis: -webkit-calc(100%);
    -ms-flex-preferred-size: calc(100%);
    flex-basis: calc(100%);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 900px) {
    .team-shape__home-team,
    .team-shape__away-team {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.team-shape__column {
    -webkit-flex-basis: -webkit-calc(50% - 5px);
    -ms-flex-preferred-size: calc(50% - 5px);
    flex-basis: calc(50% - 5px);
    min-width: -webkit-calc(50% - 5px);
    min-width: calc(50% - 5px);
}

@media (min-width: 900px) {
    .team-shape__column {
        -webkit-flex-basis: -webkit-calc(50% - 40px);
        -ms-flex-preferred-size: calc(50% - 40px);
        flex-basis: calc(50% - 40px);
        min-width: -webkit-calc(50% - 40px);
        min-width: calc(50% - 40px);
    }
}

.team-shape__game {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    text-align: center;
    background-color: #f9f9f9;
    margin: 0 0 2px 0;
    color: #1d1d1d;
    text-decoration: none;
}

@media (min-width: 900px) {
    .team-shape__game {
        margin: 0 1px;
        max-width: 20%;
    }
}

.team-shape__game-status {
    color: #fff;
    padding: 5px 10px;
    margin: 0;
}

.team-shape__game-status--win {
    background-color: #368234;
}

.team-shape__game-status--tie {
    background-color: #fecb00;
}

.team-shape__game-status--lose {
    background-color: #e30613;
}

.team-shape__game-score {
    font-size: 21px;
    font-weight: bold;
    padding: 5px 0px;
    margin: 0;
}

.team-shape__game-opponent {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 5px 10px;
    margin: 0;
}

.team-shape__game-location {
    padding: 5px 10px;
    margin: 0;
}

.match-result {
    list-style-type: none;
    background: white;
}

.match-result__link {
    text-decoration: none;
    display: block;
    color: #1d1d1d;
}

.match-result__teams {
    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;
    padding-bottom: 6px;
}

@media (min-width: 900px) {
    .match-result__teams {
        margin: 0 auto;
        padding: 6px 0;
    }
}

.match-result__teams > figure:first-of-type img {
    right: 0;
    left: auto;
}

.match-result__away-team .match-result__teams {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.match-result__score {
    font-weight: bold;
    margin: 0 4px;
}

@media (min-width: 900px) {
    .match-result__score {
        font-size: 21px;
    }
}

.match-result__name {
    font-size: 13px;
}

@media (min-width: 900px) {
    .match-result__name {
        font-size: 15px;
    }
}

.match-result__team-logo {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

@media (min-width: 900px) {
    .match-result__team-logo {
        width: 50px;
    }
}

.match-result__away-team-tag {
    font-size: 13px;
    color: #706f6f;
}

@media (min-width: 900px) {
    .match-result__away-team-tag {
        font-size: 15px;
    }
}

.match-result__draw {
    border-bottom: 6px solid #fecb00;
}

.match-result__win {
    border-bottom: 6px solid #479a36;
}

.match-result__loss {
    border-bottom: 6px solid #e30613;
}

.match-list-item {
    color: #1d1d1d;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    margin: 0 0;
    padding: 7px 10px;
}

.match-list-item--link {
    cursor: pointer;
}

    .match-list-item--link:hover {
        background-color: #f8f8f8;
    }

.match-list-item__header {
    padding: 0 0 10px 0;
}

.match-list-item__matches {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
}

.match-list-item__result {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

@media (max-width: 599px) {
    .match-list-item__result {
        font-size: 13px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.match-list-item--canceled .match-list-item__result {
    color: #706f6f;
    text-decoration: line-through;
}

.match-list-item__info {
    color: #706f6f;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 50%;
    padding-left: 20px;
}

@media (max-width: 599px) {
    .match-list-item__info {
        font-size: 13px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.match-list-item--canceled .match-list-item__info {
    text-decoration: line-through;
}

.match-list-item__place {
    text-align: right;
    display: inline-block;
    max-width: 80%;
    width: 80%;
}

.match-list-item__note {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 22px;
    padding: 0 0 0 10px;
    text-align: center;
    color: #e84e0f;
}

@media (max-width: 599px) {
    .match-list-item__note {
        padding: 0 0 0 6px;
        font-size: 14px;
    }
}

.match-list-item__location {
    display: block;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.match-list-item__home,
.match-list-item__away {
    padding-right: 10px;
    position: relative;
}

.match-list-item__category {
    display: block;
    color: #005293;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

@media (max-width: 599px) {
    .match-list-item__category {
        font-size: 13px;
    }
}

.match-list-item__score {
    position: absolute;
    top: 0;
    right: -10px;
    text-align: center;
    width: 20px;
    font-weight: bold;
}



.match-list-item__date {
    display: block;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.match-list-item__date--postponed {
    color: #e84e0f;
}

.match-list-item__team {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.match-list-item__expand {
    text-align: center;
}

.contact-item {
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    padding: 20px 0;
}

.contact-item__icon {
    margin-right: 10px;
    font-size: 30px;
}

.contact-item__content {
    word-break: break-all;
    max-width: -webkit-calc(100% - 70px);
    max-width: calc(100% - 70px);
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    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;
    margin: 0;
}

.contact-item__headline {
    margin: 10px 0 20px 0;
    padding: 0;
    line-height: 1em;
}

.contact-item__text-content {
    font-size: 15px;
    line-height: 1.5em;
}

.contact-item__headline {
    font-size: 19px;
    font-weight: bold;
    color: #005293;
}

.contact-item__title {
    font-weight: bold;
    color: #005293;
    margin: -5px 0 0 0;
    padding: 0;
}

.contact-item__phone {
    display: block;
    color: #1d1d1d;
    text-decoration: none;
}

.contact-item__web {
    position: relative;
    display: block;
    color: #0085c8;
    text-decoration: none;
    border-bottom: 3px solid;
    padding-bottom: 0.05em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

    .contact-item__web:hover {
        border-color: #fecb00;
    }

.contact-box-large-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    color: #fff;
    position: relative;
}

@media (min-width: 900px) {
    .contact-box-large-item {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

.contact-box-large-item__name,
.contact-box-large-item__title,
.contact-box-large-item__phone,
.contact-box-large-item__mobile,
.contact-box-large-item__mail {
    display: block;
}

.contact-box-large-item__name {
    color: #fecb00;
    margin-bottom: 5px;
    font-weight: bold;
    padding-right: 80px;
}

@media (min-width: 600px) {
    .contact-box-large-item__name {
        font-size: 21px;
    }
}

.contact-box-large-item__link {
    line-height: 1.7em;
}

.contact-box-large-item__title {
    line-height: 1.3em;
    margin-bottom: 10px;
    font-weight: bold;
    padding-right: 80px;
}

.contact-box-large-item__info {
    font-size: 15px;
    word-break: break-word;
}

@media (min-width: 600px) {
    .contact-box-large-item__info {
        font-size: 17px;
    }
}

.contact-box-large-item__phone,
.contact-box-large-item__mobile {
    font-weight: bold;
    padding-right: 80px;
}

.contact-box-large-item__mail {
    font-weight: bold;
    color: #63b9e9;
}

.contact-box-large-item__img-container {
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-left: 20px;
    margin-top: 5px;
    overflow: hidden;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: absolute;
    right: 0;
}

    .contact-box-large-item__img-container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

@media (min-width: 600px) {
    .contact-box-large-item__img-container:before {
        background-color: #005293;
    }
}

@media (min-width: 600px) {
    .contact-box-large-item__img-container {
        width: 120px;
        height: 120px;
        position: relative;
    }
}

@media (min-width: 900px) {
    .contact-box-large-item__img-container {
        margin-right: 20px;
        margin-left: 0;
    }
}

.contact-box-large-item__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 50%;
    height: auto;
}

.contact-box-expandable-item {
    list-style-type: none;
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.contact-box-expandable-item--is-empty {
    pointer-events: none;
}

.contact-box-expandable-item__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;
    background: #fff;
    padding: 10px;
    border: none;
    width: 100%;
    text-align: left;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 600px) {
    .contact-box-expandable-item__button {
        padding: 15px 10px;
    }
}


.contact-box-expandable-item__button:hover {
    background: #f8f8f8;
}

.contact-box-expandable-item__button-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
    margin-left: auto;
    color: #005293;
}

[aria-expanded="true"] .contact-box-expandable-item__button-icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.contact-box-expandable-item--is-empty .contact-box-expandable-item__button-icon {
    display: none;
}

.contact-box-expandable-item__button-icon .icon {
    display: block;
}

.contact-box-expandable-item__name,
.contact-box-expandable-item__title {
    display: block;
}

.contact-box-expandable-item__name {
    color: #005293;
    font-weight: bold;
    line-height: 1.3em;
    font-size: 15px;
}

.contact-box-expandable-item__title {
    color: #706f6f;
    line-height: 1.3em;
    font-size: 13px;
}

.contact-box-expandable-item__info {
    font-size: 15px;
    word-break: break-word;
}

@media (min-width: 600px) {
    .contact-box-expandable-item__info {
        font-size: 17px;
    }
}

.contact-box-expandable-item__phone,
.contact-box-expandable-item__mobile {
    font-weight: bold;
}

.contact-box-expandable-item__mail {
    font-weight: bold;
    color: #0085c8;
}

.contact-box-expandable-item__description {
    margin: 0;
    width: 100%;
    word-break: break-word;
}

.contact-box-expandable-item__icon-container {
    font-size: 30px;
    margin: 0 10px 0 0;
}

.contact-box-expandable-item__expandable-content {
    display: none;
    background: #fff;
    width: 100%;
    font-size: 15px;
}

.contact-box-expandable-item__expandable-content--custom-animate {
    display: block;
}

.contact-box-expandable-item__expandable-content-inner {
    padding: 10px 10px 10px 50px;
    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: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.contact-box-expandable-item__expandable-content-inner--description {
    padding: 5px 10px 10px 10px;
}


.list-horizontal__container {
    position: relative;
    z-index: 0;
    overflow-x: scroll;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    margin-right: -10px;
}

@media (min-width: 900px) {
    .list-horizontal__container {
        overflow-x: hidden;
        margin-right: auto;
    }
}

.list-horizontal__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    list-style: none;
    margin: 0;
    padding: 0;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    -o-transition: -o-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease, -o-transform 0.6s ease;
}

@media (max-width: 899px) {
    .list-horizontal__content {
        -webkit-transform: translateX(0%) !important;
        -ms-transform: translateX(0%) !important;
        -o-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
    }
}

.list-horizontal__item {
    -webkit-flex-basis: 165px;
    -ms-flex-preferred-size: 165px;
    flex-basis: 165px;
    width: 165px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-right: 1px solid #dadada;
}

@media (min-width: 900px) {
    .list-horizontal__item {
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        width: 33.33%;
    }

        .list-horizontal__item:nth-child(3n + 3) {
            border-right: 1px solid transparent;
        }
}

.list-horizontal__item--fluid {
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    width: auto;
}

.list-horizontal--loading .list-horizontal__item {
    opacity: 0.5;
}

.list-horizontal__nav-button {
    display: none;
    font-size: 15px;
    width: 30px;
    height: 60px;
    line-height: 60px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 1;
    padding: 0;
    color: #005293;
    background-color: #fecb00;
    text-align: center;
}

@media (min-width: 900px) {
    .list-horizontal__nav-button {
        display: block;
        height: 80px;
        line-height: 80px;
    }
}

.list-horizontal__nav-button .loader {
    font-size: 18px;
    display: inline-block;
    border-top-color: #005293;
}

.list-horizontal__load-more-button {
    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;
    text-decoration: none;
    color: #005293;
    background-color: #fecb00;
    height: 100%;
    padding: 0 20px;
    font-size: 17px;
}

@media (min-width: 900px) {
    .list-horizontal__load-more-button {
        display: none;
    }
}

.list-horizontal__load-more-button:hover {
    background-color: #f0bb00;
}

.list-horizontal__load-more-button .icon {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.list-horizontal__load-more-button .loader {
    border-top-color: #005293;
}

.accordion-basic__content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.accordion-basic__expand-button {
    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%;
    background: transparent;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    text-align: left;
}

.accordion-basic__icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
}

[aria-expanded="true"] .accordion-basic__icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.accordion-basic__icon .icon {
    display: block;
}

.accordion-basic__content {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.district-back-link {
    display: block;
    position: fixed;
    bottom: 25px;
    left: -6px;
    width: 100px;
    height: -webkit-calc(100px / (140 / 90));
    height: calc(100px / (140 / 90));
    z-index: 1;
    text-decoration: none;
}

@media (min-width: 900px) {
    .district-back-link {
        bottom: 20px;
        left: -7px;
        width: 140px;
        height: -webkit-calc(140px / (140 / 90));
        height: calc(140px / (140 / 90));
    }
}

.district-back-link__plate {
    position: absolute;
    fill: white;
    stroke: #005293;
    stroke-width: 4;
    -webkit-filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(1px 2px 2px rgba(0, 0, 0, 0.4));
}

.district-back-link:hover .district-back-link__plate {
    fill: #f8f8f8;
    stroke: #00457d;
}

.district-back-link__district-logo {
    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;
    -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: 100%;
    width: 100%;
    padding: 0 8px 0 0;
}

@media (min-width: 900px) {
    .district-back-link__district-logo {
        padding: 0 12px 0 0;
    }
}

.district-back-link__district-logo-img {
    height: 40%;
    margin: 2px 0;
}

.district-back-link__district-logo-text {
    padding: 0;
    margin: 0;
    line-height: 1em;
    margin: 2px 0;
    font-size: 13px;
    font-weight: bold;
    color: #005293;
}

@media (min-width: 900px) {
    .district-back-link__district-logo-text {
        font-size: 15px;
    }
}

.missing-data-message {
    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;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    padding: 40px 20px;
}

@media (min-width: 600px) {
    .missing-data-message {
        padding: 80px 20px 40px 20px;
    }
}

.missing-data-message__icon-wrapper .icon {
    width: 240px;
    height: auto;
}

@media (min-width: 600px) {
    .missing-data-message__icon-wrapper .icon {
        width: 260px;
    }
}

.missing-data-message__headline {
    text-align: center;
}

.sponsor-bar {
    color: #368234;
    background-color: #e0f1fb;
    text-align: center;
    padding: 5px;
}

@media (min-width: 900px) {
    .sponsor-bar {
        padding: 10px;
    }
}

.sponsor-bar__label {
    font-weight: bold;
}

    .sponsor-bar__label:after {
        content: "";
        display: inline-block;
        vertical-align: middle;
        width: 2px;
        height: 1em;
        background-color: #368234;
        margin: 0 5px;
        vertical-align: text-bottom;
    }

.advertisement {
    text-align: center;
}

@media (min-width: 900px) {
    .advertisement--mobile-only {
        display: none;
    }
}

@media (max-width: 899px) {
    .advertisement--desktop-only {
        display: none;
    }
}

.advertisement--align-left {
    text-align: left;
}

.advertisement--align-right {
    text-align: right;
}

.advertisement__inner {
    margin: 0 auto;
    max-width: 100%;
}

.hero-panel {
    background-color: #005293;
    padding: 10px 0;
}

.hero-panel--theme-inverted {
    background-color: #fecb00;
}

.hero-panel--theme-purple {
    background-color: #6b1f7c;
    position: relative;
}

.hero-panel__image {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0.8;
}

@media (min-width: 900px) {
    .hero-panel__image {
        opacity: 0.3;
    }
}

@media all and (-ms-high-contrast: none) {
    .hero-panel__image {
        height: auto;
    }
}

.hero-panel__img-src {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center bottom;
    object-position: center bottom;
    position: absolute;
    top: 0;
    left: 0;
}

@media all and (-ms-high-contrast: none) {
    .hero-panel__img-src {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-panel {
        padding: 20px 0;
    }
}

@media (min-width: 900px) {
    .hero-panel {
        padding: 40px 0;
    }
}

@media (min-width: 900px) {
    .hero-panel__inner {
        position: relative;
        height: 100%;
    }
}

.hero-panel__background {
    position: relative;
    overflow: hidden;
}

    .hero-panel__background:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        background-color: #005293;
        left: 0;
        top: 40%;
        bottom: -1px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 82, 147, 0)), to(#005293));
        background: -webkit-linear-gradient(top, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: -o-linear-gradient(top, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: linear-gradient(to bottom, rgba(0, 82, 147, 0) 0%, #005293 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
    }

.hero-panel--theme-inverted .hero-panel__background:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 203, 0, 0)), to(#fecb00));
    background: -webkit-linear-gradient(top, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
    background: -o-linear-gradient(top, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
    background: linear-gradient(to bottom, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
}

.hero-panel--theme-purple .hero-panel__background:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(107, 31, 124, 0)), to(#6b1f7c));
    background: -webkit-linear-gradient(top, rgba(107, 31, 124, 0) 0%, #6b1f7c 100%);
    background: -o-linear-gradient(top, rgba(107, 31, 124, 0) 0%, #6b1f7c 100%);
    background: linear-gradient(to bottom, rgba(107, 31, 124, 0) 0%, #6b1f7c 100%);
}

.hero-panel__video {
    position: relative;
}

    .hero-panel__video:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

    .hero-panel__video video {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

.hero-panel__video-playpause {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    border: none;
    color: #fff;
    background: transparent;
    opacity: 0.7;
}

.hero-panel__video-playpause--paused .hero-panel__video-playpause__pause-icon {
    display: none;
}

.hero-panel__video-playpause__play-icon {
    display: none;
}

.hero-panel__video-playpause--paused .hero-panel__video-playpause__play-icon {
    display: inline-block;
}

.hero-panel__content {
    position: relative;
    margin-top: -2em;
}

@media (min-width: 600px) {
    .hero-panel__content {
        position: absolute;
        margin: 0;
        bottom: 0;
        left: 20px;
        right: 20px;
        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: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-panel__content {
        bottom: 10px;
    }
}

@media (min-width: 900px) {
    .hero-panel--theme-inverted .hero-panel__content,
    .hero-panel--theme-purple .hero-panel__content {
        bottom: 20px;
    }
}

.hero-panel__text {
    padding-right: 20px;
}

@media (max-width: 599px) {
    .hero-panel__text {
        padding: 0 10px 10px;
    }
}

.hero-panel__text > :last-child {
    margin-bottom: 0;
}

.hero-panel__links {
    list-style: none;
    margin: -5px;
    padding: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
}

@media (min-width: 600px) {
    .hero-panel__links {
        display: block;
        min-width: 170px;
    }
}

.hero-panel__links-item {
    width: 50%;
    padding: 5px;
}

@media (min-width: 600px) {
    .hero-panel__links-item {
        width: auto;
    }
}

.hero-panel__side {
    list-style: none;
    padding: 0;
    margin: 5px 0 -5px 0;
}

.hero-panel--theme-purple .hero-panel__side {
    position: relative;
}

@media (min-width: 900px) {
    .hero-panel__side {
        margin: -10px 0;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-panel__side {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 5px -5px -5px;
    }
}

.hero-panel__side-item {
    padding: 5px 0;
}

@media (min-width: 900px) {
    .hero-panel__side-item {
        padding: 10px 0;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-panel__side-item {
        width: 33.33%;
        padding: 5px;
    }
}

.hero-panel-basic {
    background-color: #005293;
    padding: 0;
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-panel-basic {
        padding: 20px 0;
    }
}

@media (min-width: 900px) {
    .hero-panel-basic {
        padding: 40px 0;
    }
}

.hero-panel-basic--theme-inverted {
    background-color: #fecb00;
}

.hero-panel-basic__container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    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 (min-width: 900px) {
    .hero-panel-basic__container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0 10px;
    }
}

.hero-panel-basic__container-main {
    position: relative;
    padding: 0 10px;
}

.hero-panel-basic__container-secondary {
    padding: 0 10px;
}

.hero-panel-basic__text-container {
    color: #fff;
    text-align: center;
    padding: 20px 10px 30px 10px;
    margin: 0;
}

@media (min-width: 900px) {
    .hero-panel-basic__text-container {
        text-align: left;
        padding: 0 40px 20px 0;
    }
}

@media (min-width: 1200px) {
    .hero-panel-basic__text-container {
        font-size: 23px;
        line-height: 32px;
        padding: 0 70px 20px 0;
    }
}

.hero-panel-basic--theme-inverted .hero-panel-basic__text-container {
    color: #005293;
}

.hero-panel-basic__headline {
    margin-bottom: 10px;
    color: #fff;
}

@media (min-width: 900px) {
    .hero-panel-basic__headline {
        margin-bottom: 15px;
    }
}

.hero-panel-basic--theme-inverted .hero-panel-basic__headline {
    color: #005293;
}

.hero-panel-basic__text {
    display: inline-block;
    margin: 0;
    padding: 0;
    max-width: 600px;
    font-size: 17px;
    line-height: 1.4em;
}

@media (min-width: 900px) {
    .hero-panel-basic__text {
        max-width: none;
    }
}

@media (min-width: 1200px) {
    .hero-panel-basic__text {
        font-size: 23px;
    }
}

.lfs-hero-panel {
    background-color: #005293;
    padding: 10px 0;
}

.lfs-hero-panel--theme-inverted {
    background-color: #fecb00;
}

@media (min-width: 600px) and (max-width: 899px) {
    .lfs-hero-panel {
        padding: 20px 0;
    }
}

@media (min-width: 900px) {
    .lfs-hero-panel {
        padding: 40px 0;
    }
}

.lfs-hero-panel__inner {
    position: relative;
    height: 100%;
}

.lfs-hero-panel__background {
    position: relative;
}

    .lfs-hero-panel__background:after {
        content: "";
        display: block;
        position: absolute;
        width: -webkit-calc(100% + 2px);
        width: calc(100% + 2px);
        background-color: #005293;
        left: -1px;
        top: 0;
        bottom: -1px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 82, 147, 0.4)), to(#005293));
        background: -webkit-linear-gradient(top, rgba(0, 82, 147, 0.4) 0%, #005293 100%);
        background: -o-linear-gradient(top, rgba(0, 82, 147, 0.4) 0%, #005293 100%);
        background: linear-gradient(to bottom, rgba(0, 82, 147, 0.4) 0%, #005293 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
    }

.lfs-hero-panel--theme-inverted .lfs-hero-panel__background:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 203, 0, 0)), to(#fecb00));
    background: -webkit-linear-gradient(top, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
    background: -o-linear-gradient(top, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
    background: linear-gradient(to bottom, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
}

.lfs-hero-panel__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 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;
    -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;
}

.lfs-hero-panel__headline {
    -webkit-flex-basis: 40%;
    -ms-flex-preferred-size: 40%;
    flex-basis: 40%;
    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-align: center;
    padding: 5px;
}

@media (min-width: 600px) {
    .lfs-hero-panel__headline {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.lfs-hero-panel__counters {
    list-style: none;
    margin: 0;
    padding: 0;
    width: -webkit-calc(100% + 10px);
    width: calc(100% + 10px);
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 600px) {
    .lfs-hero-panel__counters {
        width: 100%;
    }
}

.lfs-hero-panel__counter-item {
    text-align: center;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media (min-width: 600px) {
    .lfs-hero-panel__counter-item {
        padding: 0 20px;
    }
}

.lfs-hero-panel__counter-headline {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    color: white;
    text-transform: uppercase;
    padding: 0 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .lfs-hero-panel__counter-headline {
        font-size: 15px;
    }
}

.lfs-hero-panel--theme-inverted .lfs-hero-panel__counter-headline {
    color: #005293;
}

.lfs-hero-panel__counter-text {
    color: #fecb00;
    padding: 10px;
    font-family: SvffTrim;
    line-height: 0.9em;
    font-size: 33px;
    letter-spacing: 0.029em;
    font-weight: normal;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .lfs-hero-panel__counter-text {
        font-size: 55px;
    }
}

@media (min-width: 1200px) {
    .lfs-hero-panel__counter-text {
        font-size: 65px;
    }
}

.lfs-hero-panel--theme-inverted .lfs-hero-panel__counter-text {
    color: #005293;
}

.lfs-hero-panel__links {
    list-style: none;
    margin: -5px;
    padding: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
}

@media (min-width: 600px) {
    .lfs-hero-panel__links {
        display: block;
        min-width: 170px;
    }
}

.lfs-hero-panel__links-item {
    width: 100%;
    padding: 5px;
}

.lfs-hero-panel__side {
    list-style: none;
    padding: 0;
    margin: 5px 0 -5px 0;
}

@media (min-width: 900px) {
    .lfs-hero-panel__side {
        margin: -10px 0;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .lfs-hero-panel__side {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 5px -5px -5px;
    }
}

.lfs-hero-panel__side-item {
    padding: 5px 0;
}

@media (min-width: 900px) {
    .lfs-hero-panel__side-item {
        padding: 10px 0;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .lfs-hero-panel__side-item {
        width: 33.33%;
        padding: 5px;
    }
}

.hero-panel-district {
    background-color: #005293;
    padding: 10px 0;
}

.hero-panel-district--theme-inverted {
    background-color: #fecb00;
}

.hero-panel-district--theme-purple {
    background-color: #6b1f7c;
    position: relative;
}

@media (min-width: 900px) and (max-width: 1199px) {
    .hero-panel-district--fixed-height .container__main {
        height: 254px;
        width: 470px;
        max-width: none;
    }
}

.hero-panel-district--fixed-height .container__secondary {
    margin-top: 0;
}

@media (min-width: 900px) and (max-width: 1199px) {
    .hero-panel-district--fixed-height .container__secondary {
        height: 254px;
    }
}

.hero-panel-district__image {
    overflow: hidden;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    opacity: 0.1;
}

@media all and (-ms-high-contrast: none) {
    .hero-panel-district__image {
        height: auto;
    }
}

.hero-panel-district__img-src {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center bottom;
    object-position: center bottom;
    position: absolute;
    top: 0;
    left: 0;
}

@media all and (-ms-high-contrast: none) {
    .hero-panel-district__img-src {
        width: 100%;
        height: auto;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-panel-district {
        padding: 20px 0;
    }
}

@media (min-width: 900px) {
    .hero-panel-district {
        padding: 40px 0;
    }
}

@media (min-width: 900px) {
    .hero-panel-district__inner {
        position: relative;
        height: 100%;
    }
}

.hero-panel-district__background {
    position: relative;
    overflow: hidden;
}

    .hero-panel-district__background:after {
        content: "";
        display: block;
        position: absolute;
        width: 100%;
        background-color: #005293;
        left: 0;
        top: 40%;
        bottom: -1px;
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 82, 147, 0)), to(#005293));
        background: -webkit-linear-gradient(top, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: -o-linear-gradient(top, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: linear-gradient(to bottom, rgba(0, 82, 147, 0) 0%, #005293 100%);
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
    }

.hero-panel-district--theme-inverted .hero-panel-district__background:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 203, 0, 0)), to(#fecb00));
    background: -webkit-linear-gradient(top, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
    background: -o-linear-gradient(top, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
    background: linear-gradient(to bottom, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
}

.hero-panel-district--theme-purple .hero-panel-district__background:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(107, 31, 124, 0)), to(#6b1f7c));
    background: -webkit-linear-gradient(top, rgba(107, 31, 124, 0) 0%, #6b1f7c 100%);
    background: -o-linear-gradient(top, rgba(107, 31, 124, 0) 0%, #6b1f7c 100%);
    background: linear-gradient(to bottom, rgba(107, 31, 124, 0) 0%, #6b1f7c 100%);
}

.hero-panel-district__video {
    position: relative;
}

    .hero-panel-district__video:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

    .hero-panel-district__video video {
        position: absolute;
        width: 100%;
        top: 0;
        left: 0;
    }

.hero-panel-district__video-playpause {
    position: absolute;
    top: 0;
    right: 0;
    height: 60px;
    width: 60px;
    border: none;
    color: #fff;
    background: transparent;
    opacity: 0.7;
}

.hero-panel-district__video-playpause--paused .hero-panel-district__video-playpause__pause-icon {
    display: none;
}

.hero-panel-district__video-playpause__play-icon {
    display: none;
}

.hero-panel-district__video-playpause--paused .hero-panel-district__video-playpause__play-icon {
    display: inline-block;
}

.hero-panel-district__content {
    position: relative;
    margin-top: -2em;
}

@media (min-width: 600px) {
    .hero-panel-district__content {
        position: absolute;
        margin: 0;
        bottom: 0;
        left: 20px;
        right: 20px;
        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: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-panel-district__content {
        bottom: 10px;
    }
}

@media (min-width: 900px) {
    .hero-panel-district--theme-inverted .hero-panel-district__content,
    .hero-panel-district--theme-purple .hero-panel-district__content {
        bottom: 20px;
    }
}

.hero-panel-district__text {
    padding-right: 20px;
}

@media (max-width: 599px) {
    .hero-panel-district__text {
        padding: 0 10px 10px;
    }
}

.hero-panel-district__text > :last-child {
    margin-bottom: 0;
}

.hero-panel-district__links {
    list-style: none;
    margin: -5px;
    padding: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
}

@media (min-width: 600px) {
    .hero-panel-district__links {
        display: block;
        min-width: 170px;
    }
}

.hero-panel-district__links-item {
    width: 50%;
    padding: 5px;
}

@media (min-width: 600px) {
    .hero-panel-district__links-item {
        width: auto;
    }
}

.hero-panel-district__side {
    list-style: none;
    padding: 0;
    margin: 5px 0 -5px 0;
}

.hero-panel-district--theme-purple .hero-panel-district__side {
    position: relative;
}

@media (min-width: 900px) {
    .hero-panel-district__side {
        margin: -10px 0;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-panel-district__side {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 5px -5px -5px;
    }
}

@media (min-width: 1200px) {
    .hero-panel-district--fixed-height .hero-panel-district__side {
        margin: 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;
        height: 100%;
    }
}

.hero-panel-district__side-item {
    padding: 5px 0;
}

@media (min-width: 900px) {
    .hero-panel-district__side-item {
        padding: 10px 0;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-panel-district__side-item {
        width: 33.33%;
        padding: 5px;
    }
}

@media (min-width: 1200px) {
    .hero-panel-district--fixed-height .hero-panel-district__side-item {
        padding: 0;
    }
}

.match-events__items {
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 600px) {
    .match-events__items {
        margin: 0 auto;
    }
}

.match-events__item {
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.livescore-ticker {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 10px;
    min-height: 50px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #00457d;
}

.livescore-ticker--inverted {
    background-color: #f0bb00;
}

@media (min-width: 900px) {
    .livescore-ticker {
        margin-left: 0;
        min-height: 59px;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .livescore-ticker {
        width: -webkit-calc(100% + 10px);
        width: calc(100% + 10px);
        margin-left: 0;
    }
}

@media (min-width: 900px) {
    .livescore-ticker {
        -webkit-box-shadow: none;
        box-shadow: none;
        margin-right: 0;
        background-color: transparent;
    }
}

.livescore-ticker--placeholder {
    background-color: #00457d;
}

    .livescore-ticker--placeholder.livescore-ticker--inverted {
        background-color: #f0bb00;
    }

.livescore-ticker__track {
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    background-color: #00457d;
}

.livescore-ticker--inverted .livescore-ticker__track {
    background-color: #f0bb00;
}

@media (min-width: 900px) {
    .livescore-ticker__track {
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }
}

.livescore-ticker__nav-button {
    display: none;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 1;
}

@media (min-width: 900px) {
    .livescore-ticker__nav-button {
        display: block;
    }
}

.livescore-ticker__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 50px;
    background-color: #fecb00;
    color: #005293;
    -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-family: SvffTrim;
    font-size: 18px;
    text-decoration: none;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}

    .livescore-ticker__link:hover {
        background-color: #f0bb00;
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

.livescore-ticker--inverted .livescore-ticker__link {
    background-color: #005293;
    color: #fff;
}

    .livescore-ticker--inverted .livescore-ticker__link:hover {
        background-color: #00457d;
    }

@media (min-width: 900px) {
    .livescore-ticker__link {
        width: 100px;
        font-size: 25px;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        margin-right: 10px;
    }
}

.livescore-ticker__link-row {
    line-height: 1em;
}

    .livescore-ticker__link-row:first-child {
        letter-spacing: 0.06em;
    }

    .livescore-ticker__link-row:last-child {
        font-size: 0.65em;
        letter-spacing: 0.08em;
        margin-top: -0.1em;
    }

.livescore-ticker__games {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    -o-transition: -o-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease, -o-transform 0.6s ease;
}

@media (min-width: 900px) {
    .livescore-ticker__games--slide {
        overflow: visible;
        width: -webkit-calc(100% - 74px);
        width: calc(100% - 74px);
    }
}

@media (max-width: 899px) {
    .livescore-ticker__games {
        -webkit-transform: translateX(0%) !important;
        -ms-transform: translateX(0%) !important;
        -o-transform: translateX(0%) !important;
        transform: translateX(0%) !important;
    }
}

.livescore-ticker__teams {
    width: 100%;
}

.livescore-ticker__game {
    display: inline-block;
    background-color: #fff;
}

@media (min-width: 600px) and (max-width: 899px) {
    .livescore-ticker__game {
        min-width: 110px;
    }
}

@media (min-width: 900px) {
    .livescore-ticker__game {
        width: 16.67%;
    }
}

.livescore-ticker__game + .livescore-ticker__game {
    -webkit-box-shadow: inset 1px 0 0 0 rgba(218, 218, 218, 0.5);
    box-shadow: inset 1px 0 0 0 rgba(218, 218, 218, 0.5);
}

.livescore-ticker__game:last-child {
    border-right: 10px solid #005293;
}

.livescore-ticker--inverted .livescore-ticker__game:last-child {
    border-color: #f0bb00;
}

@media (min-width: 900px) {
    .livescore-ticker__game:last-child {
        border: none;
    }
}

.livescore-ticker__game--live {
    background-color: #ecf4ea;
}

.livescore-ticker__game--toned {
    background-color: #005293;
}

.livescore-ticker--inverted .livescore-ticker__game--toned {
    background-color: #fecb00;
}

.livescore-ticker__game-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;
    padding: 8px 12px 8px 8px;
    color: #1d1d1d;
    font-size: 13px;
    line-height: 1em;
    font-weight: bold;
    text-decoration: none;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    min-height: 50px;
}

@media (min-width: 900px) {
    .livescore-ticker__game-link {
        min-height: 60px;
    }
}

@media (min-width: 1200px) {
    .livescore-ticker__game-link {
        font-size: 15px;
    }
}

.livescore-ticker__game-link:hover {
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    background-color: #f8f8f8;
}

.livescore-ticker__game--live .livescore-ticker__game-link:hover {
    background-color: #e4f0e1;
}

.livescore-ticker__game--toned .livescore-ticker__game-link {
    background-color: #00345c;
    color: #fff;
    opacity: 0.5;
}

.livescore-ticker--inverted .livescore-ticker__game--toned .livescore-ticker__game-link {
    background-color: #fff;
    color: #1d1d1d;
}

.livescore-ticker__game-team {
    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: 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;
}

    .livescore-ticker__game-team + .livescore-ticker__game-team {
        margin-top: 4px;
    }

.livescore-ticker__game-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 7px;
}

.livescore-ticker__game-score {
    padding-left: 8px;
}

@media (min-width: 900px) {
    .livescore-ticker__game-score {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
    }
}

.livescore-ticker__game--live .livescore-ticker__game-score {
    color: #368234;
}

.livescore-ticker__game-time {
    font-size: 11px;
    padding-left: 8px;
    font-weight: normal;
    text-align: center;
}

@media (min-width: 900px) {
    .livescore-ticker__game-time {
        font-size: 13px;
    }
}

.match-board {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.rich-text .match-board h2,
.rich-text .match-board h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.rich-text .match-board ul {
    margin: 0;
}

.rich-text .match-board li {
    margin: 0;
    position: static;
}

    .rich-text .match-board li:before {
        content: none;
    }

.rich-text .match-board p {
    margin: 0;
}

.match-board__item {
    width: 100%;
    border-bottom: 1px solid #ececec;
    background-color: #fff;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .match-board__item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .match-board__item {
        width: 33.33%;
    }
}

.match-board__load-more {
    text-align: center;
}

.rich-text .document-board h2,
.rich-text .document-board h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.rich-text .document-board ul {
    margin: 0;
}

.rich-text .document-board li {
    margin: 0;
    position: static;
}

    .rich-text .document-board li:before {
        content: none;
    }

.rich-text .document-board p {
    margin: 0;
}

.document-board__items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
}

.document-board__item {
    width: 100%;
    border-bottom: 1px solid #ececec;
}

@media (min-width: 600px) {
    .document-board__item {
        width: 50%;
    }

        .document-board__item:nth-child(odd) {
            border-right: 1px solid #ececec;
        }
}

.document-board__load-more {
    text-align: center;
}

.match-formation__teams {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: -5px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 600px) {
    .match-formation__teams {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.match-formation__team {
    width: 100%;
    padding: 5px;
}

@media (min-width: 600px) {
    .match-formation__team {
        width: 50%;
    }
}

@media (max-width: 599px) {
    .match-formation__team + .match-formation__team {
        margin-top: 10px;
    }
}

.district-associations__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.district-associations__hero {
    background-color: #005293;
    text-align: center;
    padding: 20px;
}

@media (min-width: 600px) {
    .district-associations__hero {
        padding: 40px;
    }
}

.district-associations__teams {
    margin: 0;
    padding: 0;
}

.district-associations__filter {
    margin-bottom: 20px;
    width: 100%;
}

.district-associations__filter-title {
    font-size: 13px;
    margin-left: 10px;
}

@media (min-width: 600px) {
    .district-associations__filter-title {
        font-size: 15px;
    }
}

.district-associations__message {
    font-size: 17px;
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
    margin: 50px 0;
}

@media (min-width: 900px) {
    .district-associations__filter-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.district-associations__body {
    margin: 20px 0;
}

.district-associations__description {
    margin-bottom: 5px;
}

.district-associations__list {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    background-color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.district-associations__result-text {
    margin: 20px 0 5px 0;
    padding: 0;
    font-size: 13px;
}

@media (min-width: 600px) {
    .district-associations__result-text {
        font-size: 15px;
    }
}

.district-associations__list-item {
    width: 100%;
}

@media (min-width: 900px) {
    .district-associations__list-item {
        width: 50%;
    }
}

.district-associations .load-more-container {
    text-align: center;
}

.match-hero {
    text-align: center;
    color: #fff;
}

.match-hero__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 10px;
    -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;
}

.match-hero__column {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 25%;
}

.match-hero__column--center {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.match-hero__results {
    line-height: 40px;
    font-size: 35px;
    display: block;
    white-space: nowrap;
    font-weight: bold;
}

@media (min-width: 900px) {
    .match-hero__results {
        line-height: 80px;
        font-size: 75px;
    }
}

.match-hero__name {
    display: block;
    margin: 10px 0 0;
    padding: 0 10px;
    font-size: 13px;
    line-height: 1.3em;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (min-width: 900px) {
    .match-hero__name {
        font-size: 21px;
        padding: 0;
    }
}

.match-hero__team-link {
    color: inherit;
    text-decoration: none;
    display: block;
}

.match-hero__info-divider {
    opacity: 0.5;
    background-color: #dadada;
    height: 1px;
    border: 0;
    margin: 20px auto 10px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

@media (min-width: 600px) {
    .match-hero__info-divider {
        margin: 20px auto 10px;
        max-width: 390px;
    }
}

@media (min-width: 900px) {
    .match-hero__info-divider {
        margin: 30px auto 15px;
        max-width: 480px;
    }
}

.match-hero__info-container {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

@media (min-width: 600px) {
    .match-hero__info-container {
        max-width: 390px;
    }
}

@media (min-width: 900px) {
    .match-hero__info-container {
        max-width: 480px;
    }
}

.match-hero__location,
.match-hero__time {
    margin: 0;
    font-size: 13px;
}

@media (min-width: 900px) {
    .match-hero__location,
    .match-hero__time {
        font-size: 17px;
    }
}

.match-hero__location {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

@media (min-width: 600px) {
    .match-hero__location {
        max-width: 250px;
    }
}

@media (min-width: 900px) {
    .match-hero__location {
        max-width: 300px;
    }
}

.match-hero__time time {
    margin-left: 3px;
}

.match-hero__competition {
    margin-top: 0;
    margin-bottom: 20px;
}

@media (min-width: 900px) {
    .match-hero__competition {
        margin-bottom: 30px;
    }
}

.match-hero__logo-container {
    position: relative;
    display: inline-block;
}

.match-hero__fav-container {
    font-size: 16px;
    display: inline-block;
    position: absolute;
    top: 5px;
}

@media (min-width: 600px) {
    .match-hero__fav-container {
        top: 4px;
        font-size: 20px;
    }
}

@media (min-width: 900px) {
    .match-hero__fav-container {
        font-size: 24px;
        top: 21px;
    }
}

.match-hero__fav-container--left {
    left: -28px;
}

@media (min-width: 600px) {
    .match-hero__fav-container--left {
        left: -27px;
    }
}

@media (min-width: 900px) {
    .match-hero__fav-container--left {
        left: -33px;
    }
}

.match-hero__fav-container--right {
    right: -20px;
}

@media (min-width: 600px) {
    .match-hero__fav-container--right {
        right: -27px;
    }
}

@media (min-width: 900px) {
    .match-hero__fav-container--right {
        right: -33px;
    }
}

.match-hero__links {
    list-style: none;
    padding: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 5px 0 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 900px) {
    .match-hero__links {
        margin: 15px 5px 0 5px;
    }
}

.match-hero__links-item {
    width: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 0px 5px 0 5px;
}

@media (min-width: 600px) {
    .match-hero__links-item {
        max-width: 200px;
    }
}

@media (min-width: 900px) {
    .match-hero__links-item {
        min-width: 250px;
        width: auto;
        -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
        flex-basis: auto;
        padding: 0px 10px 0px 10px;
    }
}

.multisite-items {
    margin: 0;
    padding: 0;
}

@media (min-width: 900px) {
    .multisite-items--footer {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.multisite-items__item {
    list-style-type: none;
}

@media (min-width: 900px) {
    .multisite-items--footer .multisite-items__item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

.match-hero-compact {
    text-align: center;
    color: #fff;
}

.match-hero-compact__section {
    padding: 10px 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;
}

@media (min-width: 900px) {
    .match-hero-compact--slim .match-hero-compact__section {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 900px) {
    .match-hero-compact--slim .match-hero-compact__main-content {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media (min-width: 900px) {
    .match-hero-compact--slim .match-hero-compact__secondary-content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        width: 33%;
    }
}

.match-hero-compact__row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 10px;
    -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;
}

.match-hero-compact__column {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 25%;
}

.match-hero-compact__column--center {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.match-hero-compact__results {
    line-height: 40px;
    font-size: 35px;
    display: block;
    white-space: nowrap;
    font-weight: bold;
}

.match-hero-compact__name {
    display: block;
    margin: 10px 0 0;
    padding: 0 10px;
    font-size: 13px;
    line-height: 1.3em;
    font-weight: bold;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media (min-width: 900px) {
    .match-hero-compact--slim .match-hero-compact__name {
        margin: 0 0 5px 0;
    }
}

.match-hero-compact__team-link {
    color: inherit;
    text-decoration: none;
    display: block;
}

.match-hero-compact__info-divider {
    opacity: 0.5;
    background-color: #dadada;
    height: 1px;
    border: 0;
    margin: 20px auto 10px;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

@media (min-width: 900px) {
    .match-hero-compact--slim .match-hero-compact__info-divider {
        margin: 15px auto 5px;
    }
}

.match-hero-compact__info-container {
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
}

.match-hero-compact__location,
.match-hero-compact__time {
    margin: 0;
    font-size: 13px;
}

.match-hero-compact__location {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 150px;
}

.match-hero-compact__time time {
    margin-left: 3px;
}

.match-hero-compact__competition {
    margin-top: 0;
    margin-bottom: 15px;
}

@media (min-width: 900px) {
    .match-hero-compact__competition {
        margin-bottom: 10px;
    }
}

@media (min-width: 1200px) {
    .match-hero-compact__competition {
        margin-bottom: 15px;
    }
}

@media (min-width: 900px) {
    .match-hero-compact--slim .match-hero-compact__competition {
        margin: 5px 0 0 0;
    }
}

.match-hero-compact__logo-container {
    position: relative;
    display: inline-block;
    font-size: 72px;
}

@media (min-width: 900px) {
    .match-hero-compact--slim .match-hero-compact__logo-container {
        font-size: 52px;
    }
}

.match-hero-compact__links {
    list-style: none;
    padding: 0;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 10px 5px 0 5px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 900px) {
    .match-hero-compact--slim .match-hero-compact__links {
        -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%;
        margin: 0;
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.match-hero-compact__links-item {
    width: 50%;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 0px 5px 0 5px;
}

@media (min-width: 900px) {
    .match-hero-compact--slim .match-hero-compact__links-item {
        width: 100%;
        -webkit-flex-basis: initial;
        -ms-flex-preferred-size: initial;
        flex-basis: initial;
        margin: 0 0 10px 0;
        padding: 0 20px;
    }
}

.match-hero-compact__links-item-button {
    padding: 0 10px;
}

@media (min-width: 600px) {
    .match-hero-compact__links-item-button {
        padding: 0 10px;
    }
}

@media (min-width: 600px) {
    .livescore-box-content .match-info__items {
        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;
    }
}

.match-info__column {
    padding-top: 20px;
    background: white;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.match-info__column--grey {
    background: none;
    border: none;
}

.rich-text .upcoming-board h2,
.rich-text .upcoming-board h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.rich-text .upcoming-board ul {
    margin: 0;
}

.rich-text .upcoming-board li {
    margin: 0;
    position: static;
}

    .rich-text .upcoming-board li:before {
        content: none;
    }

.rich-text .upcoming-board p {
    margin: 0;
}

.upcoming-board__items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.upcoming-board__item {
    width: 100%;
    border-bottom: 1px solid #ececec;
    background-color: #fff;
}

@media (min-width: 600px) {
    .upcoming-board__item {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .upcoming-board__item {
        width: 33.33%;
    }

    .container__column-content .upcoming-board__item,
    .article-centered .upcoming-board__item {
        width: 50%;
    }
}

.upcoming-board__load-more {
    text-align: center;
}

.match-stats {
    margin-bottom: -40px;
}

@media (min-width: 900px) {
    .match-stats {
        margin-bottom: -80px;
    }
}

@media (min-width: 900px) {
    .match-stats__section {
        width: 50%;
    }
}

.match-stats__section--latest {
    background-color: #f9f9f9;
}

@media (min-width: 900px) {
    .match-stats__section--latest {
        border-left: 1px solid rgba(218, 218, 218, 0.5);
        padding: 20px 0 20px 50px;
    }
}

@media (min-width: 900px) {
    .match-stats__section--info {
        padding: 20px 50px 20px 0;
    }
}

@media (min-width: 900px) {
    .match-stats__section--latest .match-stats__inner {
        max-width: 400px;
    }
}

@media (min-width: 900px) {
    .match-stats__section--info .match-stats__inner {
        max-width: 500px;
        margin-left: auto;
    }
}

.match-stats__notification {
    padding: 20px 10px;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    background: #fff;
}

@media (min-width: 900px) {
    .match-stats__notification--mobile {
        display: none;
    }
}

.match-stats__notification--desktop {
    display: none;
}

@media (min-width: 900px) {
    .match-stats__notification--desktop {
        display: block;
    }
}

@media (min-width: 900px) {
    .match-stats {
        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;
    }
}

.contact-list {
    padding: 0 20px;
    background: #f8f8f8;
    border: 1px solid #dadada;
}

.rich-text .contact-list h2,
.rich-text .contact-list h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.rich-text .contact-list ul {
    margin: 0;
}

.rich-text .contact-list li {
    margin: 0;
    position: static;
}

    .rich-text .contact-list li:before {
        content: none;
    }

.rich-text .contact-list p {
    margin: 0;
}

.contact-list__headline {
    margin: 25px 0 0 !important;
    color: #005293;
}

@media (min-width: 600px) {
    .contact-list__headline {
        margin: 40px 0 0 !important;
    }
}

.contact-list__items {
    padding: 0;
    margin: 0;
}

.contact-list__preamble {
    margin: 5px 0 !important;
}

.detailed-training {
    background: #f9f9f9;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.rich-text .detailed-training h2,
.rich-text .detailed-training h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.rich-text .detailed-training ul {
    margin: 0;
}

.rich-text .detailed-training li {
    margin: 0;
    position: static;
}

    .rich-text .detailed-training li:before {
        content: none;
    }

.rich-text .detailed-training p {
    margin: 0;
}

.detailed-training__accordion-content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}


.detailed-training__accordion-expand-button {
    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%;
    background: transparent;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    text-align: left;
    padding: 10px;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.detailed-training__headline {
    margin-top: 0px;
    margin-bottom: 5px;
    word-break: break-word;
}

.detailed-training--canceled .detailed-training__headline {
    text-decoration: line-through;
}

.detailed-training__icon-text-row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.detailed-training__icon-text-row-icon {
    font-size: 34px;
    margin-top: 4px;
}

.detailed-training__icon-text-row-content {
    padding-left: 10px;
    margin: 0;
}

.detailed-training__icon-text-row-title {
    font-weight: bold;
}

.detailed-training--canceled .detailed-training__icon-text-row-title {
    color: #706f6f;
    font-weight: normal;
}

.detailed-training--expanded .detailed-training__icon-text-row-title {
    color: #005293;
    font-weight: bold;
}


.detailed-training__icon-text-row-title-cancelled {
    display: none;
    font-weight: bold;
    text-transform: uppercase;
    color: #706f6f;
}

.detailed-training--canceled .detailed-training__icon-text-row-title-cancelled {
    display: inline-block;
}

.detailed-training__icon-text-row-value {
    margin: 0;
}

.detailed-training--canceled .detailed-training__icon-text-row-value {
    color: #706f6f;
}


.detailed-training--expanded .detailed-training__icon-text-row-icon-collapsed {
    display: none;
}

.detailed-training__icon-text-row-icon-expanded {
    display: none;
}

.detailed-training--expanded .detailed-training__icon-text-row-icon-expanded {
    display: block;
}

.detailed-training__accordion-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
    color: #005293;
}

.detailed-training--expanded .detailed-training__accordion-icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.detailed-training__accordion-icon .icon {
    display: block;
}

.detailed-training__expandable-items-list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -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;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    border-right: 1px solid rgba(218, 218, 218, 0.5);
}

    .detailed-training__expandable-items-list:nth-child(2n + 2) {
        border-right: none;
    }

.detailed-training__expandable-items-list-item {
    list-style-type: none;
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.match-list {
    line-height: 25px;
}

.match-list__header {
    padding: 0 0 10px 0;
}

.match-list__matches {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
}

.match-list__match {
    display: block;
    background-color: #fff;
}

.match-list__match--canceled .match-list__result {
    color: #706f6f;
    text-decoration: line-through;
}

.match-list__match--canceled .match-list__info {
    text-decoration: line-through;
}

.match-list__link {
    color: #1d1d1d;
    text-decoration: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    margin: 0 0;
    padding: 7px 10px;
    cursor: pointer;
}

    .match-list__link:hover {
        background-color: #f8f8f8;
    }

.match-list__result {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    max-width: 30%;
}

@media (max-width: 599px) {
    .match-list__result {
        font-size: 13px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.match-list__info {
    color: #706f6f;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 70%;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: 70%;
    padding-left: 20px;
}

@media (max-width: 599px) {
    .match-list__info {
        font-size: 13px;
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.match-list__place {
    text-align: right;
    display: inline-block;
    max-width: 80%;
    width: 80%;
}

.match-list__note {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    align-self: center;
    font-size: 22px;
    padding: 0 0 0 10px;
    text-align: center;
    color: #e84e0f;
}

@media (max-width: 599px) {
    .match-list__note {
        padding: 0 0 0 6px;
        font-size: 14px;
    }
}

.match-list__location {
    display: block;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.match-list__home,
.match-list__away {
    padding-right: 10px;
    position: relative;
}

.match-list__category {
    display: block;
    color: #005293;
    font-size: 15px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

@media (max-width: 599px) {
    .match-list__category {
        font-size: 13px;
    }
}

.match-list__score {
    position: absolute;
    top: 0;
    right: -10px;
    text-align: center;
    width: 20px;
    font-weight: bold;
}

.match-list__date {
    display: block;
    text-align: right;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
}

.match-list__date--postponed {
    color: #e84e0f;
}

.match-list__team {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100%;
}

.match-list__expand {
    text-align: center;
}

.rich-text .questions h2,
.rich-text .questions h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.rich-text .questions ul {
    margin: 0;
}

.rich-text .questions li {
    margin: 0;
    position: static;
}

    .rich-text .questions li:before {
        content: none;
    }

.rich-text .questions p {
    margin: 0;
}

@media (min-width: 900px) {
    .questions__accordion {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.container__column-content .questions__accordion,
.article-centered .questions__accordion {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.questions__list {
    padding: 0;
    margin: 0;
}

    .questions__list:last-of-type {
        border-top: 1px solid #ececec;
    }

@media (min-width: 900px) {
    .questions__list:last-of-type {
        border-left: 1px solid #ececec;
        border-top: none;
    }

    .container__column-content .questions__list:last-of-type,
    .article-centered .questions__list:last-of-type {
        border-top: 1px solid #ececec;
        border-left: none;
    }
}

@media (min-width: 900px) {
    .questions__list {
        width: 50%;
    }

    .container__column-content .questions__list,
    .article-centered .questions__list {
        width: 100%;
    }
}

.questions__item {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .questions__item + .questions__item {
        border-top: 1px solid #ececec;
    }

.container__column-content .questions__item,
.article-centered .questions__item {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.questions__button-wrapper {
    text-align: center;
    margin-top: 20px;
}

.search-results {
    min-height: 300px;
    position: relative;
}

.search-results__results {
    width: 100%;
}

@media (min-width: 900px) {
    .search-results__results {
        width: 66%;
        padding-right: 20px;
        border-right: 1px solid #dadada;
    }
}

@media (min-width: 1200px) {
    .search-results__results {
        width: 72%;
        padding-right: 40px;
        padding-top: 10px;
    }
}

.search-results__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.search-results__sections {
    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;
}

.search-results__meta-text {
    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;
}

.search-results__count-text {
    margin: 0;
    font-size: 17px;
    font-weight: normal;
}

@media (min-width: 900px) {
    .search-results__count-text {
        font-size: 25px;
    }
}

.search-results__filter {
    width: 100%;
    display: none;
}

@media (min-width: 900px) {
    .search-results__filter {
        width: 34%;
        display: block;
        padding-left: 20px;
    }
}

@media (min-width: 1200px) {
    .search-results__filter {
        width: 28%;
        padding-left: 40px;
    }
}

@media (min-width: 900px) {
    .search-results__filter-button {
        display: none;
    }
}

.search-results__result-header-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 8px;
}

@media (min-width: 900px) {
    .search-results__result-header-container {
        margin-bottom: 0;
    }
}

.search-results__result-header {
    font-weight: normal;
    font-family: StagSans, sans-serif;
    font-size: 13px;
    line-height: 1.5em;
    color: #1d1d1d;
    margin-top: 0;
    margin-bottom: 5px;
}

@media (min-width: 900px) {
    .search-results__result-header {
        font-size: 15px;
        margin-bottom: 10px;
    }
}

.search-results__sorting-options {
    display: inline-block;
    text-align: right;
    font-weight: normal;
    font-family: StagSans, sans-serif;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 5px;
    line-height: 1.5em;
}

@media (min-width: 900px) {
    .search-results__sorting-options {
        font-size: 15px;
        margin-bottom: 10px;
    }
}

.search-results__result-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.search-results__load-more-button {
    margin-top: 20px;
}

.search-results__result-list-item:not(:last-child) {
    display: block;
    margin-bottom: 10px;
}

.search-results .load-more-container {
    text-align: center;
}

.deep-links__item {
    list-style: none;
}

    .deep-links__item + .deep-links__item {
        margin-top: 10px;
    }

@media (min-width: 900px) {
    .deep-links__item + .deep-links__item {
        margin-top: 0;
    }
}

@media (min-width: 900px) {
    .deep-links__item {
        width: 33.33%;
        padding: 0 5px;
    }
}

@media (min-width: 1200px) {
    .deep-links__item {
        padding: 0 10px;
    }
}

.deep-links__items {
    padding: 0;
    margin: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media (min-width: 900px) {
    .deep-links__items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 -5px;
    }
}

@media (min-width: 1200px) {
    .deep-links__items {
        margin: 0 -10px;
    }
}


.search-filter--desktop-view {
    display: none;
}

@media (min-width: 900px) {
    .search-filter--desktop-view {
        display: block;
    }
}

.search-filter__mobile-buttons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px 20px;
}

@media (min-width: 900px) {
    .search-filter__mobile-buttons {
        display: none;
    }
}

.search-filter__button {
    width: 50%;
    margin: 0 5px;
}

.search-filter__sub-title {
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

@media (min-width: 900px) {
    .search-filter__sub-title {
        font-size: 15px;
    }
}

.search-filter__load-more-container {
    text-align: center;
}

.search-filter__sites {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-bottom: 20px;
}

    .search-filter__sites .filter__option-text {
        max-width: 120px;
    }

.search-filter__contents {
    margin: 0;
    padding: 0;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.search-filter__content {
    list-style: none;
    width: 33.33%;
    background: #fff;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (min-width: 900px) {
    .search-filter__content {
        width: 50%;
    }
}

.search-filter__categories {
    margin: 0;
    padding: 0;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.search-filter__category {
    list-style: none;
}

    .search-filter__category + .search-filter__category {
        border-top: 1px solid #dadada;
    }

.sponsors {
    border-top: 1px solid rgba(218, 218, 218, 0.5);
    padding: 20px 0;
}

.sponsors--gray {
    background-color: #f8f8f8;
}

.sponsors--blue {
    background-color: #f2f6f9;
}

.sponsors__title {
    text-align: center;
    margin: 0 0 15px;
    font-size: 13px;
}

.sponsors__list {
    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;
    list-style: none;
    margin: -10px;
    padding: 0;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.sponsors__list--rotating {
    height: 50px;
    overflow: hidden;
}

@media (min-width: 900px) {
    .sponsors__list--rotating {
        height: 110px;
    }
}

.sponsors--small .sponsors__list {
    -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;
}

.sponsors__item {
    width: 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;
}

@media (min-width: 600px) {
    .sponsors__item {
        width: 25%;
    }
}

.sponsors--small .sponsors__item {
    width: 25%;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.sponsors__item--hidden {
    display: none;
}

.sponsors__item-content {
    display: block;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #1d1d1d;
    margin: 0 auto;
    min-width: 1px;
}

.sponsors--small .sponsors__item-content {
    max-width: 70px;
}

@media (min-width: 900px) {
    .sponsors--small .sponsors__item-content {
        max-width: 160px;
        padding: 30px;
    }
}

.sponsors__type {
    display: block;
    margin-bottom: 20px;
    line-height: 1em;
    font-size: 13px;
}

.sponsors__img {
    display: block;
    margin: 0 auto;
    max-width: 80px;
}

@media (min-width: 600px) {
    .sponsors__img {
        max-width: 140px;
    }
}

.sponsors--small .sponsors__img {
    max-height: 30px;
    max-width: 100%;
}

@media (min-width: 900px) {
    .sponsors--small .sponsors__img {
        max-height: 50px;
    }
}

.video-viewer {
    margin-top: 20px !important;
    background: #005293;
    text-align: center;
}

.video-viewer--theme-inverted {
    background: #fecb00;
}

@media (min-width: 900px) {
    .video-viewer {
        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: 30px 0 !important;
    }
}

.video-viewer__inner {
    max-width: 295px;
    width: 100%;
    position: relative;
    top: -20px;
    margin: 0 auto -5px;
    background-color: #005293;
    overflow: hidden;
}

.video-viewer--theme-inverted .video-viewer__inner {
    background-color: #fecb00;
}

@media (min-width: 900px) {
    .container__column-content .video-viewer__inner,
    .article-centered .video-viewer__inner {
        margin: -20px 0 -20px 20px;
        max-width: 400px;
    }
}

@media (min-width: 600px) {
    .video-viewer__inner {
        max-width: 400px;
    }
}

@media (min-width: 900px) {
    .video-viewer__inner {
        margin: -20px 0 -20px 20px;
        top: auto;
    }
}

@media (min-width: 1200px) {
    .video-viewer__inner {
        margin: -30px 0 -30px 70px;
        max-width: 560px;
    }
}

@media (min-width: 900px) {
    .video-viewer__texts {
        text-align: left;
        padding: 10px 20px;
    }

    .container__column-content .video-viewer__texts,
    .article-centered .video-viewer__texts {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .video-viewer__texts {
        padding: 10px 20px 10px 90px;
    }

    .container__column-content .video-viewer__texts,
    .article-centered .video-viewer__texts {
        padding: 10px 20px;
    }
}

.video-viewer__video-wrapper {
    position: relative;
    border: 10px solid #fecb00;
}

    .video-viewer__video-wrapper:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

.video-viewer--theme-inverted .video-viewer__video-wrapper {
    border: 10px solid #005293;
}

.video-viewer__category {
    font-size: 13px;
    color: #fecb00;
    font-weight: bold;
    margin-bottom: 5px;
    display: block;
    padding: 0 20px;
}

.video-viewer--theme-inverted .video-viewer__category {
    color: #005293;
}

@media (min-width: 900px) {
    .video-viewer__category {
        line-height: 1.4em;
        margin-bottom: 0;
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .video-viewer__category {
        font-size: 15px;
    }
}

@media (min-width: 900px) {
    .container__column-content .video-viewer__category,
    .article-centered .video-viewer__category {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.video-viewer__headline {
    display: inline-block;
    width: 100%;
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    padding: 0 20px !important;
    margin: 0 0 20px !important;
    line-height: 1.4em;
}

.video-viewer--theme-inverted .video-viewer__headline {
    color: #005293;
}

@media (min-width: 900px) {
    .video-viewer__headline {
        margin: 10px 0 !important;
        padding: 0 !important;
    }
}

.video-viewer__button {
    margin-bottom: 20px;
    cursor: pointer;
}

@media (min-width: 900px) {
    .video-viewer__button {
        margin-bottom: 0;
    }
}

.video-viewer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.standings-table {
    width: 100%;
    table-layout: fixed;
}

@media (max-width: 599px) {
    .standings-table {
        font-size: 13px;
    }
}

.standings-table--collapsed {
    color: #706f6f;
}

.standings-table__table-container {
    padding: 7px 0px 0px 0px;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    background-color: #fff;
}

.standings-table__header {
    padding: 0 0 10px 0 !important;
}

    .standings-table__header h3 {
        margin: 0 !important;
    }

@media (max-width: 599px) {
    .standings-table__games,
    .standings-table__wins,
    .standings-table__draws,
    .standings-table__losses,
    .standings-table__diff,
    .standings-table__fav {
        width: 1.5em;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .standings-table__games,
    .standings-table__wins,
    .standings-table__draws,
    .standings-table__losses,
    .standings-table__diff,
    .standings-table__fav {
        width: 2em;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .standings-table__games,
    .standings-table__wins,
    .standings-table__draws,
    .standings-table__losses,
    .standings-table__diff,
    .standings-table__fav {
        width: 2em;
    }
}

@media (min-width: 1200px) {
    .standings-table__games,
    .standings-table__wins,
    .standings-table__draws,
    .standings-table__losses,
    .standings-table__diff,
    .standings-table__fav {
        width: 3em;
    }
}

@media (max-width: 599px) {
    .standings-table__diff {
        width: 2em;
    }
}

.standings-table__fav {
    width: 3em;
}

@media (max-width: 599px) {
    .standings-table__scored,
    .standings-table__conceded {
        width: 0;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .standings-table__scored,
    .standings-table__conceded {
        width: 2em;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .standings-table__scored,
    .standings-table__conceded {
        width: 2em;
    }
}

@media (min-width: 1200px) {
    .standings-table__scored,
    .standings-table__conceded {
        width: 3em;
    }
}

.standings-table__position {
    width: 2em;
}

@media (min-width: 900px) {
    .standings-table__position {
        width: 2em;
    }
}

.standings-table__logo {
    width: 30px;
}

@media (min-width: 900px) {
    .standings-table__logo {
        width: 42px;
    }
}

@media (max-width: 599px) {
    .standings-table__points {
        width: 3em;
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .standings-table__points {
        width: 3em;
    }
}

@media (min-width: 900px) and (max-width: 1199px) {
    .standings-table__points {
        width: 3em;
    }
}

@media (min-width: 1200px) {
    .standings-table__points {
        width: 4em;
    }
}

.standings-table__head {
    text-transform: uppercase;
    font-size: 0.8em;
    color: #005293;
}

.standings-table__row {
    height: 34px;
    border-top: 1px solid #dadada;
}

@media (min-width: 600px) {
    .standings-table__row {
        height: 40px;
    }
}

.standings-table__row:first-child {
    border-top: none;
}

.standings-table__row--highlight-top {
    border-top: 1px solid #63b9e9;
}

.standings-table--collapsed .standings-table__row--highlight-top {
    border-color: #dadada;
}

.standings-table__row--highlight-bottom {
    border-bottom: 1px solid #63b9e9;
}

.standings-table--collapsed .standings-table__row--highlight-bottom {
    border-color: #dadada;
}

.standings-table__row--team-focus {
    font-weight: bold;
    color: #005293;
}

.standings-table__head-team {
    text-align: left;
    overflow: hidden;
}

@media (max-width: 599px) {
    .standings-table__head-scored,
    .standings-table__head-conceded {
        visibility: hidden;
    }
}

.standings-table__cell-logo {
    margin-right: 7px;
    line-height: 15px;
}

@media (min-width: 900px) {
    .standings-table__cell-logo {
        line-height: 17px;
    }
}

.standings-table__cell-logo--inactive {
    opacity: 0.5;
}

.standings-table__cell-logo figure {
    margin: 0 !important;
}

.standings-table__cell-team {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.standings-table__cell-team--inactive {
    color: #706f6f;
    text-decoration: line-through;
}

.standings-table__cell-team:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    width: 20px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(#fff));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0), #fff);
    background: linear-gradient(to right, rgba(255, 255, 255, 0), #fff);
}

.standings-table__cell-team-link {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 599px) {
    .standings-table__cell-scored,
    .standings-table__cell-conceded {
        visibility: hidden;
    }
}

.standings-table__cell-games,
.standings-table__cell-wins,
.standings-table__cell-draws,
.standings-table__cell-losses,
.standings-table__cell-scored,
.standings-table__cell-conceded,
.standings-table__cell-diff,
.standings-table__cell-points,
.standings-table__cell-fav,
.standings-table__cell-position {
    text-align: center;
}

.standings-table__row--team-focus .standings-table__cell-games,
.standings-table__row--team-focus .standings-table__cell-wins,
.standings-table__row--team-focus .standings-table__cell-draws,
.standings-table__row--team-focus .standings-table__cell-losses,
.standings-table__row--team-focus .standings-table__cell-scored,
.standings-table__row--team-focus .standings-table__cell-conceded,
.standings-table__row--team-focus .standings-table__cell-diff,
.standings-table__row--team-focus .standings-table__cell-fav,
.standings-table__row--team-focus .standings-table__cell-position {
    font-weight: normal;
}

.standings-table__cell-fav {
    font-size: 11px;
}

@media (min-width: 600px) {
    .standings-table__cell-fav {
        font-size: 13px;
    }
}

.standings-table__cell-status {
    text-align: right;
    color: #706f6f;
    padding-right: 10px;
}

.standings-table__cell-points {
    font-weight: bold;
}

.standings-table__expand {
    text-align: center;
}

.suspended-players__items {
    padding: 0;
    margin: -10px;
}

@media (min-width: 600px) {
    .suspended-players__items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.suspended-players__item {
    list-style-type: none;
    font-size: 13px;
    padding: 10px;
}

    .suspended-players__item:hover .suspended-players__top-wrapper {
        background: #00457d;
    }

    .suspended-players__item:hover .suspended-players__info {
        background: #f8f8f8;
    }

@media (min-width: 600px) {
    .suspended-players__item {
        width: 50%;
    }
}

.suspended-players__link {
    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 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    text-decoration: none;
}

.suspended-players__top-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-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: #fff;
    background: #005293;
    padding: 10px;
}

.suspended-players__name-wrapper {
    margin-left: 20px;
}

.suspended-players__name {
    display: block;
    font-family: SvffTrim;
    font-size: 25px;
    margin: 0;
    letter-spacing: 0.029em;
    line-height: 0.9em;
    font-weight: normal;
}

.suspended-players__team {
    display: block;
}

.suspended-players__info {
    padding: 10px;
}

.suspended-players__sub-title {
    display: block;
    color: #005293;
    font-size: 13px;
    font-weight: bold;
    line-height: 1em;
    margin: 0 0 5px;
}

.suspended-players__sub-text {
    margin: 0;
    color: #1d1d1d;
    line-height: 1em;
}

.suspended-players__divider {
    background-color: #dadada;
    height: 1px;
    border: 0;
    margin: 10px 0.5;
}

.suspended-players__bottom-info {
    font-size: 13px;
    margin: 20px 0 0;
    max-width: 845px;
    line-height: 1.5em;
}

.rich-text .suspended-players-table h2,
.rich-text .suspended-players-table h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.rich-text .suspended-players-table ul {
    margin: 0;
}

.rich-text .suspended-players-table li {
    margin: 0;
    position: static;
}

    .rich-text .suspended-players-table li:before {
        content: none;
    }

.rich-text .suspended-players-table p {
    margin: 0;
}

.suspended-players-table__container {
    overflow-x: auto;
    padding: 0 10px 0 0;
    margin: 0 -10px 0 0;
    -webkit-overflow-scrolling: touch;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (min-width: 600px) {
    .suspended-players-table__container {
        -webkit-box-shadow: none;
        box-shadow: none;
        padding: 0;
        margin: 0;
    }
}

.suspended-players-table__headline {
    font-size: 15px !important;
}

@media (min-width: 600px) {
    .suspended-players-table__headline {
        font-size: 19px !important;
    }
}

.suspended-players-table__content {
    display: block;
    line-height: 1.2em;
    padding: 0 10px !important;
    margin: 0;
    background: #fff;
    overflow: auto;
}

@media (min-width: 600px) {
    .container__column-content .suspended-players-table__content,
    .article-centered .suspended-players-table__content {
        padding: 0 !important;
    }
}

.suspended-players-table__item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

@media (min-width: 1200px) {
    .suspended-players-table__item {
        font-size: 17px;
    }
}

.suspended-players-table__column {
    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-flex-basis: 83px;
    -ms-flex-preferred-size: 83px;
    flex-basis: 83px;
    width: 83px;
    padding: 5px 5px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    border-top: 1px solid #dadada;
}

@media (min-width: 1200px) {
    .suspended-players-table__column {
        -webkit-flex-basis: 102px;
        -ms-flex-preferred-size: 102px;
        flex-basis: 102px;
        width: 102px;
    }
}

.suspended-players-table__column--header {
    font-weight: bold;
    border-top: none;
}

.suspended-players-table__column--name {
    -webkit-flex-basis: 38%;
    -ms-flex-preferred-size: 38%;
    flex-basis: 38%;
    width: 38%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 0;
    padding: 5px 0 5px 0;
}

@media (min-width: 370px) {
    .suspended-players-table__column--name {
        -webkit-flex-basis: 47%;
        -ms-flex-preferred-size: 47%;
        flex-basis: 47%;
        width: 47%;
    }
}

@media (min-width: 600px) {
    .suspended-players-table__column--name {
        -webkit-flex-basis: -webkit-calc(100% - 342px);
        -ms-flex-preferred-size: calc(100% - 342px);
        flex-basis: calc(100% - 342px);
        width: -webkit-calc(100% - 342px);
        width: calc(100% - 342px);
    }
}

@media (min-width: 1200px) {
    .suspended-players-table__column--name {
        -webkit-flex-basis: -webkit-calc(100% - 420px);
        -ms-flex-preferred-size: calc(100% - 420px);
        flex-basis: calc(100% - 420px);
        width: -webkit-calc(100% - 420px);
        width: calc(100% - 420px);
    }
}

.suspended-players-table__column--border-right {
    border-right: 1px solid #dadada;
    padding-right: 10px;
    -webkit-flex-basis: 88px;
    -ms-flex-preferred-size: 88px;
    flex-basis: 88px;
    width: 88px;
}

@media (min-width: 1200px) {
    .suspended-players-table__column--border-right {
        -webkit-flex-basis: 108px;
        -ms-flex-preferred-size: 108px;
        flex-basis: 108px;
        width: 108px;
    }
}

.suspended-players-table__column--border-left {
    padding-left: 10px;
    -webkit-flex-basis: 88px;
    -ms-flex-preferred-size: 88px;
    flex-basis: 88px;
    width: 88px;
}

@media (min-width: 1200px) {
    .suspended-players-table__column--border-left {
        -webkit-flex-basis: 108px;
        -ms-flex-preferred-size: 108px;
        flex-basis: 108px;
        width: 108px;
    }
}

.suspended-players-table__player-name {
    font-weight: bold;
    color: #005293;
}

.suspended-players-table__team {
    line-height: 1.5em;
}

    .suspended-players-table__team .team-logo {
        font-size: 14px;
        margin-top: -2px;
        margin-right: 5px;
    }

@media (min-width: 1200px) {
    .suspended-players-table__team .team-logo {
        font-size: 18px;
        margin-top: -4px;
    }
}

.tab-group {
    z-index: 0;
    position: relative;
}

.tab-group--scrollable .container__inner {
    padding: 0;
}

.tab-group__bar {
    z-index: 1;
    position: relative;
    background-color: #005293;
}

.tab-group--theme-inverted .tab-group__bar {
    background-color: #fecb00;
}

.tab-group__items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.tab-group--scrollable .tab-group__items {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    text-align: center;
    height: 66px;
    margin-bottom: -16px;
}

.tab-group__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.tab-group--scrollable .tab-group__item {
    display: inline-block;
    width: -webkit-calc(100vw / 6.5);
    width: calc(100vw / 6.5);
}

@media (min-width: 900px) {
    .tab-group--scrollable .tab-group__item {
        width: -webkit-calc((100% - 20px) / 9);
        width: calc((100% - 20px) / 9);
    }
}

.tab-group__button {
    position: relative;
    height: 50px;
    border: none;
    width: 100%;
    background-color: #005293;
    color: #fff;
    padding: 0;
}

    .tab-group__button:hover {
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
    }

.tab-group--theme-inverted .tab-group__button {
    background-color: #fecb00;
    color: #005293;
}

.tab-group__button:hover {
    background-color: #00457d;
}

.tab-group--theme-inverted .tab-group__button:hover {
    background-color: #f0bb00;
}

.tab-group__button:after {
    content: "";
    position: absolute;
    left: -webkit-calc(50% - 6px);
    left: calc(50% - 6px);
    bottom: 0;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-width: 0;
    border-top-color: transparent;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: scale(0) translateY(100%);
    -ms-transform: scale(0) translateY(100%);
    -o-transform: scale(0) translateY(100%);
    transform: scale(0) translateY(100%);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    -o-transform-origin: bottom center;
    transform-origin: bottom center;
}

@media (min-width: 1200px) {
    .tab-group__button:after {
        border: 12px solid transparent;
        border-bottom-width: 0;
        bottom: 0;
        left: -webkit-calc(50% - 12px);
        left: calc(50% - 12px);
    }
}

.tab-group__button--active {
    color: #005293;
    background-color: #fecb00;
}

.tab-group--theme-inverted .tab-group__button--active {
    color: #fff;
    background-color: #005293;
}

.tab-group__button--active:hover {
    background-color: #fecb00;
}

.tab-group--theme-inverted .tab-group__button--active:hover {
    background-color: #005293;
}

.tab-group__button--active:after {
    border-top-color: #fecb00;
    -webkit-transform: scale(1) translateY(100%);
    -ms-transform: scale(1) translateY(100%);
    -o-transform: scale(1) translateY(100%);
    transform: scale(1) translateY(100%);
}

.tab-group--theme-inverted .tab-group__button--active:after {
    border-top-color: #005293;
}

.tab-group__button-row {
    display: block;
    margin: 0 2px;
    line-height: 1.3em;
    font-size: 13px;
}

@media (min-width: 900px) {
    .tab-group__button-row {
        font-size: 15px;
    }
}

.tab-group__button-row--headline {
    font-weight: bold;
    text-transform: uppercase;
    font-size: 15px;
}

@media (min-width: 900px) {
    .tab-group__button-row--headline {
        font-size: 17px;
    }
}

.tab-group__content {
    z-index: 0;
    position: relative;
}

.tab-group__panel {
    display: none;
}

.tab-group__panel--active {
    display: block;
}

.desktop-filter-columns__headline {
    font-size: 17px;
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    font-weight: bold;
    margin: 20px 0 0 0;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .desktop-filter-columns__headline {
        font-size: 23px;
    }
}

@media (min-width: 1200px) {
    .desktop-filter-columns__headline {
        font-size: 25px;
    }
}

.desktop-filter-columns__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.desktop-filter-columns__result-list-column {
    padding: 0;
    margin: 0;
}

.desktop-filter-columns__results-column-2 {
    -webkit-flex-basis: -webkit-calc(50% - 10px);
    -ms-flex-preferred-size: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
    width: -webkit-calc(50% - 10px);
    width: calc(50% - 10px);
}

.desktop-filter-columns__results-column-2--margined {
    -webkit-flex-basis: -webkit-calc(50%);
    -ms-flex-preferred-size: calc(50%);
    flex-basis: calc(50%);
    width: -webkit-calc(50%);
    width: calc(50%);
}

    .desktop-filter-columns__results-column-2--margined:nth-child(1) {
        padding-right: 50px;
    }

    .desktop-filter-columns__results-column-2--margined:nth-child(2) {
        padding-left: 50px;
        border-left: 1px solid rgba(218, 218, 218, 0.5);
    }

.desktop-filter-columns__results {
    padding: 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.desktop-filter-columns__results__description {
    margin: 0 0 5px 0;
    padding: 0;
}

@media (min-width: 900px) {
    .desktop-filter-columns__results__description {
        margin: 20px 0 5px 0;
    }
}

.desktop-filter-columns__results__description--tight {
    margin: 0px 0 10px 0;
}

.news-feed {
    list-style: none;
    margin: -6px 0;
    padding: 1px 5px;
    overflow: auto;
    font-size: 0;
    width: 100%;
}

.news-feed--scroll-phone {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-type: mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-scroll-snap-points-x: repeat(100%);
    -ms-scroll-snap-points-x: repeat(100%);
    scroll-snap-points-x: repeat(100%);
    -webkit-scroll-snap-coordinate: 5px 0%;
    -ms-scroll-snap-coordinate: 5px 0%;
    scroll-snap-coordinate: 5px 0%;
}

@media (min-width: 600px) {
    .news-feed {
        overflow: visible;
    }
}

@media (min-width: 900px) {
    .news-feed {
        margin: -10px 0;
        padding: 0;
    }
}

.news-feed__item {
    scroll-snap-align: start;
    -webkit-scroll-snap-coordinate: 5px 0%;
    -ms-scroll-snap-coordinate: 5px 0%;
    scroll-snap-coordinate: 5px 0%;
    width: 100%;
    padding: 5px;
    display: inline-block;
}

@media (max-width: 599px) {
    .news-feed__item--small-phone {
        width: 66.66%;
    }
}

@media (min-width: 600px) {
    .news-feed__item {
        width: 33.33%;
    }
}

@media (min-width: 900px) {
    .news-feed__item {
        padding: 10px;
    }
}

.news-feed__item__inner {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.team-board__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.team-board__gender-filter {
    margin-bottom: 10px;
}

.team-board__error {
    font-size: 17px;
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
    margin-top: 100px;
}

.team-board__body {
    margin: 20px 0;
}

.team-board__description {
    margin-bottom: 5px;
}

.team-board__list {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    background-color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team-board__result-text {
    margin: 20px 0 5px 0;
    padding: 0;
}

.team-board__list-item {
    width: 100%;
}

@media (min-width: 900px) {
    .team-board__list-item {
        width: 50%;
    }
}

@media (min-width: 900px) {
    .team-board__mobile-filter {
        display: none;
    }
}

.team-board__desktop-filter {
    display: none;
}

@media (min-width: 900px) {
    .team-board__desktop-filter {
        display: block;
        margin: 0 -10px;
    }
}

.team-board .load-more-container {
    text-align: center;
}

.team-matches__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.team-matches__filter {
    margin-bottom: 20px;
}

@media (min-width: 900px) {
    .team-matches__filter {
        width: 33.33%;
    }
}

.team-matches__filter-title {
    font-size: 13px;
    margin-left: 10px;
}

.team-matches__message {
    font-size: 17px;
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
    margin: 50px 0;
}

@media (min-width: 900px) {
    .team-matches__filter-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.team-matches__body {
    margin: 20px 0;
}

.team-matches__description {
    margin-bottom: 5px;
}

.team-matches__list {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    background-color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team-matches__result-text {
    margin: 20px 0 5px 0;
    padding: 0;
}

.team-matches__list-item {
    width: 100%;
}

@media (min-width: 900px) {
    .team-matches__list-item {
        width: 50%;
    }
}

.team-matches .load-more-container {
    text-align: center;
}

.team-competitions-contacts__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.team-competitions-contacts__gender-filter {
    margin-bottom: 10px;
}

.team-competitions-contacts__error {
    font-size: 17px;
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
    margin-top: 100px;
}

.team-competitions-contacts__description {
    margin-bottom: 5px;
}

.team-competitions-contacts__list {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    background-color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team-competitions-contacts__result-text {
    margin: 20px 0 5px 0;
    padding: 0;
}

.team-competitions-contacts__list-item {
    width: 100%;
}

@media (min-width: 900px) {
    .team-competitions-contacts__list-item {
        width: 50%;
    }
}

.team-competitions-contacts__mobile-items {
    margin: 0;
    padding: 0;
}

@media (min-width: 900px) {
    .team-competitions-contacts__mobile-filter {
        display: none;
    }
}

.team-competitions-contacts__desktop-filter {
    display: none;
}

@media (min-width: 900px) {
    .team-competitions-contacts__desktop-filter {
        display: block;
        margin: 0 -10px;
    }
}

.team-competitions-contacts .load-more-container {
    text-align: center;
}

.news-multi {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    z-index: 0;
    position: relative;
}

.news-multi__item {
    width: 100%;
    border-bottom: 1px solid #ececec;
}

.news-multi__item {
    width: 100%;
    display: inline-block;
    border-bottom: 0;
    margin-bottom: 10px;
}

@media (min-width: 600px) {
    .news-multi__item {
        width: 50%;
    }
}

@media (min-width: 600px) {
    .news-multi__item {
        width: 100%;
        border-bottom: 0;
        margin-bottom: 10px;
        display: inline-block;
        width: -webkit-calc(33% - 30px);
        width: calc(33% - 30px);
    }
}

@media (min-width: 900px) {
    .news-multi__item {
        margin-bottom: 20px;
        width: -webkit-calc(25% - 40px);
        width: calc(25% - 40px);
    }
}

@media (min-width: 600px) {
    .news-multi__item {
        margin: 0 10px;
    }
}

@media (min-width: 900px) {
    .news-multi__item {
        margin: 0 20px;
    }
}

.news-multi__item-inner {
    position: relative;
}

/* .news-multi__item-inner::after {
        content: "";
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    }*/

.news-multi__load-more {
    text-align: center;
}

.player-hero {
    background-color: #005293;
    color: white;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.player-hero--inverted {
    background-color: #fecb00;
    color: #005293;
}

.player-hero__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

@media (min-width: 900px) {
    .player-hero__inner {
        padding: 40px 0;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.player-hero__portrait {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}

.player-hero__portrait-wrapper {
    position: relative;
}

.player-hero__portrait-container {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.1);
    z-index: 0;
}

    .player-hero__portrait-container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 100%;
    }

.player-hero--inverted .player-hero__portrait-container--club {
    display: none;
}

.player-hero__portrait-container--national {
    display: none;
}

.player-hero--inverted .player-hero__portrait-container--national {
    display: block;
}

@media (min-width: 900px) {
    .player-hero__portrait-container {
        width: 200px;
        height: 200px;
    }
}

.player-hero__badge {
    position: absolute;
    z-index: 0;
    bottom: 0;
    right: -44px;
}

@media (max-width: 899px) {
    .player-hero__badge {
        right: -20px;
    }
}

.player-hero--inverted .player-hero__badge--club {
    display: none;
}

.player-hero__badge--national {
    display: none;
}

.player-hero--inverted .player-hero__badge--national {
    display: block;
}

.player-hero__info {
    padding-left: 20px;
    overflow: hidden;
}

@media (min-width: 900px) {
    .player-hero__info {
        padding-left: 100px;
    }
}

.player-hero__info-row {
    margin: 0;
}

@media (min-width: 900px) {
    .player-hero__info-row {
        font-size: 21px;
        margin: 0.5em 0;
    }
}

.player-hero--inverted .player-hero__info-row--club {
    display: none;
}

.player-hero__info-row--national {
    display: none;
}

.player-hero--inverted .player-hero__info-row--national {
    display: block;
}

.player-hero__headline {
    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

@media (max-width: 899px) {
    .player-hero__headline {
        margin-bottom: 5px;
    }
}

.player-hero--inverted .player-hero__headline {
    color: #005293;
}

.player-hero__headline-row {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
}

.player-squad {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -5px;
    padding: 0;
}

@media (min-width: 1200px) {
    .player-squad {
        padding: 0;
        margin: -10px;
    }
}

.player-squad__upper-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;
    margin-bottom: 10px;
}

.player-squad__lower-container {
    width: 100%;
}

.player-squad__item {
    padding: 5px;
    list-style-type: none;
    width: 50%;
}

@media (min-width: 600px) {
    .player-squad__item {
        width: 33.33%;
    }
}

@media (min-width: 900px) {
    .player-squad__item {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .player-squad__item {
        padding: 10px;
        width: 16.66%;
    }
}

@media (min-width: 1200px) {
    .player-squad--contained .player-squad__item {
        width: 25%;
    }
}

.player-squad__link {
    text-align: 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;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fecb00;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    color: #005293;
    border: 1px solid transparent;
    text-decoration: none;
    padding: 10px 10px 5px;
    width: 100%;
    height: 100%;
}

    .player-squad__link:hover {
        background: #f0bb00;
    }

.player-squad__link--excluded {
    background: #fff;
    border: 1px solid rgba(218, 218, 218, 0.2);
    opacity: 0.4;
}

    .player-squad__link--excluded:hover {
        background: #f8f8f8;
    }

    .player-squad__link--excluded .player-squad__name {
        text-decoration: line-through;
    }

.player-squad__portrait-wrapper {
    font-size: 60px;
    border-radius: 50%;
    overflow: hidden;
}

@media (min-width: 1200px) {
    .player-squad__portrait-wrapper {
        font-size: 69px;
    }
}

.player-squad__icon-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;
    margin: 0 13px;
    min-width: 30px;
    min-height: 42.5px;
    font-weight: bold;
}

.player-squad__number {
    font-size: 13px;
}

@media (min-width: 1200px) {
    .player-squad__number {
        font-size: 15px;
    }
}

.player-squad__flag-solid {
    width: 22px;
    height: 16px;
    margin: 2px 0;
}

@media (min-width: 1200px) {
    .player-squad__flag-solid {
        width: 25px;
        height: 19px;
    }
}

.player-squad__football {
    font-size: 20px;
}

@media (min-width: 1200px) {
    .player-squad__football {
        font-size: 23px;
    }
}

.player-squad__team {
    display: block;
    font-size: 13px;
}

.player-squad__name {
    display: block;
    font-family: SvffTrim;
    font-size: 23px;
    letter-spacing: 0.029em;
}

.player-squad__squad-changes {
    font-size: 13px;
    padding: 0;
    margin: 0;
}

@media (min-width: 600px) {
    .player-squad__squad-changes {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.player-squad__player-change {
    list-style-type: none;
    line-height: 1.4em;
}

.player-squad__change-text-wrapper {
    margin: 0 0 10px;
}

@media (min-width: 600px) {
    .player-squad__change-text-wrapper {
        font-size: 15px;
        margin-right: 10px;
    }
}

.player-squad__change-text {
    display: inline;
    margin: 0;
}

.player-squad__info {
    color: #e84e0f;
    margin-right: 2px;
    font-size: 12px;
}

@media (min-width: 600px) {
    .player-squad__info {
        font-size: 16px;
        vertical-align: text-top;
    }
}

.team-contacts__title {
    margin-bottom: 10px;
}

.team-contacts__items {
    margin: 20px 0 0 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -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;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    border-right: 1px solid rgba(218, 218, 218, 0.5);
}

    .team-contacts__items:nth-child(2n + 2) {
        border-right: none;
    }

.team-contacts__inner {
    padding: 20px 0;
    background: #fff;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.team-contacts__name,
.team-contacts__address,
.team-contacts__zip {
    margin: 0;
}

.team-contacts__name {
    font-weight: bold;
}

.team-contacts__zip {
    text-transform: uppercase;
    margin-bottom: 10px;
}

.team-contacts__link-content {
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.team-contacts__link-title {
    color: #706f6f;
    font-size: 13px;
    min-width: 50px;
}

.team-contacts__link-value {
    margin: 0;
}

.team-contacts__link {
    font-weight: bold;
    color: #0085c8;
}

.team-contacts__item {
    list-style-type: none;
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.news-board {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.news-board__item {
    width: 100%;
    border-bottom: 1px solid #ececec;
}

@media (min-width: 600px) {
    .news-board__item {
        width: 50%;
    }
}

.news-board__load-more {
    text-align: center;
}

.ticket-list {
    width: 100%;
}

.ticket-list__track {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
    font-size: 0;
    line-height: 0;
}

@media (max-width: 899px) {
    .ticket-list__track {
        white-space: nowrap;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-scroll-snap-type: mandatory;
        -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
        -webkit-scroll-snap-points-x: repeat(100%);
        -ms-scroll-snap-points-x: repeat(100%);
        scroll-snap-points-x: repeat(100%);
    }
}

.ticket-list__item {
    scroll-snap-align: start;
    font-size: initial;
    display: inline-block;
    width: 100%;
}

    .ticket-list__item + .ticket-list__item {
        border-left: 1px solid #dadada;
    }

.target-group-links {
    padding: 20px 0;
    background: #005293;
}

@media (min-width: 900px) {
    .target-group-links {
        padding: 40px 0;
    }
}

.target-group-links__items {
    padding: 0;
    margin: 0 -5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media (min-width: 900px) {
    .target-group-links__items {
        margin: 0 -10px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.rich-text .accordion {
    margin: 20px 0;
}

.accordion__content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    padding: 0 10px;
}

@media (min-width: 1200px) {
    .accordion__content {
        padding: 0 20px;
    }
}

.accordion__expand-button {
    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%;
    color: #fff;
    background: transparent;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    background: #005293;
    padding: 20px 20px 20px 10px;
    font-size: 15px;
    font-weight: bold;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    text-align: left;
}

    .accordion__expand-button:hover {
        background: #00457d;
    }

@media (min-width: 1200px) {
    .accordion__expand-button {
        padding-left: 20px;
        font-size: 17px;
    }
}

.accordion__icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
}

[aria-expanded="true"] .accordion__icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.accordion__icon .icon {
    display: block;
}

.banner {
    background-color: #005293;
    padding: 10px;
    color: #fff;
}

@media (min-width: 900px) {
    .banner {
        padding: 20px;
    }
}

.banner--theme-inverted {
    background-color: #fecb00;
    color: #005293;
}

.banner--theme-purple {
    background-color: #6b1f7c;
}

.banner--theme-light {
    background-color: #ececec;
    color: #005293;
}

.banner__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;
}

@media (min-width: 600px) {
    .banner--wide .banner__content {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 600px) {
    .banner--contained .banner__content {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.banner__figure {
    position: relative;
    background-color: rgba(0, 0, 0, 0.1);
}

    .banner__figure:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

@media (min-width: 600px) {
    .banner--wide .banner__figure {
        -webkit-flex-basis: 304px;
        -ms-flex-preferred-size: 304px;
        flex-basis: 304px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 20px;
    }
}

@media (min-width: 1200px) {
    .banner--wide .banner__figure {
        -webkit-flex-basis: 480px;
        -ms-flex-preferred-size: 480px;
        flex-basis: 480px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 40px;
    }
}

@media (min-width: 600px) {
    .banner--contained .banner__figure {
        -webkit-flex-basis: 304px;
        -ms-flex-preferred-size: 304px;
        flex-basis: 304px;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 20px;
    }

    .rich-text .banner--contained .banner__figure {
        -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
        max-width: 304px;
    }
}

.banner__img-src {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.banner__main-content {
    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-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;
    width: 100%;
}

@media (min-width: 600px) {
    .banner--wide .banner__main-content,
    .banner--contained .banner__main-content {
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
    }
}

.banner__headline {
    margin: 10px 0 0 0;
    text-align: center;
    width: 100%;
}

    .banner__headline .headline,
    .banner__headline .rich-text h1,
    .rich-text .banner__headline h1,
    .banner__headline .rich-text h2,
    .rich-text .banner__headline h2,
    .banner__headline .rich-text h3,
    .rich-text .banner__headline h3,
    .banner__headline .rich-text h4,
    .rich-text .banner__headline h4,
    .banner__headline .rich-text h5,
    .rich-text .banner__headline h5,
    .banner__headline .rich-text h6,
    .rich-text .banner__headline h6 {
        margin: 0;
    }

    .banner__headline .headline--light {
        color: #fff;
    }

@media (min-width: 600px) {
    .banner--contained .banner__headline {
        margin: 0 0 10px 0;
        text-align: left;
    }
}

@media (min-width: 600px) {
    .banner--wide .banner__headline {
        margin: 0 0 10px 0;
        text-align: left;
    }
}

@media (min-width: 900px) {
    .banner--wide .banner__headline {
        margin: 0 0 10px 0;
    }
}

.banner__preamble {
    font-size: 17px;
    margin: 10px 0 0 0;
    text-align: center;
    width: 100%;
}

@media (min-width: 600px) {
    .banner--contained .banner__preamble {
        text-align: left;
        margin: 0 0 10px 0;
    }
}

@media (min-width: 600px) {
    .banner--wide .banner__preamble {
        text-align: left;
        margin: 0 0 10px 0;
    }
}

@media (min-width: 900px) {
    .banner--wide .banner__preamble {
        font-size: 21px;
        margin: 0 0 20px 0;
    }
}

.banner__buttons {
    text-align: center;
    margin-bottom: 10px;
}

.banner__button {
    margin: 10px 10px 0 0;
}

.lfs-banner {
    position: relative;
    overflow: hidden;
    background-color: #005293;
    padding: 10px;
    color: #fff;
}

@media (min-width: 900px) {
    .lfs-banner {
        padding: 20px;
    }
}

.lfs-banner--theme-inverted {
    background-color: #fecb00;
    color: #005293;
}

.lfs-banner--theme-light {
    background-color: #ececec;
    color: #005293;
}

.lfs-banner__content {
    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;
}

@media (min-width: 600px) {
    .lfs-banner__content {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -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: 600px) {
    .lfs-banner--contained .lfs-banner__content {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -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;
    }
}

.lfs-banner__figure {
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    width: 100%;
    height: 100%;
    margin: -10px;
}

@media (min-width: 900px) {
    .lfs-banner__figure {
        margin: -20px;
    }
}

.lfs-banner__figure:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    background-color: #005293;
    left: 0;
    top: 0%;
    bottom: -1px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 82, 147, 0.6)), to(#005293));
    background: -webkit-linear-gradient(top, rgba(0, 82, 147, 0.6) 0%, #005293 100%);
    background: -o-linear-gradient(top, rgba(0, 82, 147, 0.6) 0%, #005293 100%);
    background: linear-gradient(to bottom, rgba(0, 82, 147, 0.6) 0%, #005293 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.lfs-banner--theme-inverted .lfs-banner__figure:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 203, 0, 0.6)), to(#fecb00));
    background: -webkit-linear-gradient(top, rgba(254, 203, 0, 0.6) 0%, #fecb00 100%);
    background: -o-linear-gradient(top, rgba(254, 203, 0, 0.6) 0%, #fecb00 100%);
    background: linear-gradient(to bottom, rgba(254, 203, 0, 0.6) 0%, #fecb00 100%);
}

@media (min-width: 600px) {
    .lfs-banner__figure:after {
        top: 0%;
        bottom: -1px;
    }
}

.lfs-banner__img-src {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
}

.lfs-banner__counters {
    list-style: none;
    margin: 0;
    padding: 0;
    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: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media (min-width: 600px) {
    .lfs-banner__counters {
        min-width: 320px;
    }
}

.lfs-banner__counter-item {
    text-align: center;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    width: 50%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media (min-width: 600px) {
    .lfs-banner__counter-item {
        padding: 0 5px;
    }
}

.lfs-banner__counter-item:first-child {
    padding-left: 0;
}

.lfs-banner__counter-item:last-child {
    padding-right: 0;
}

.lfs-banner__counter-headline {
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}

@media (min-width: 600px) {
    .lfs-banner__counter-headline {
        white-space: nowrap;
    }
}

.lfs-banner__counter-text {
    color: #fecb00;
    padding: 10px;
    font-family: SvffTrim;
    line-height: 0.9em;
    font-size: 33px;
    letter-spacing: 0.029em;
    font-weight: normal;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .lfs-banner__counter-text {
        font-size: 55px;
    }
}

@media (min-width: 1200px) {
    .lfs-banner__counter-text {
        font-size: 65px;
    }
}

.lfs-banner--theme-inverted .lfs-banner__counter-text {
    color: #005293;
}

.lfs-banner__text-content {
    text-align: center;
    max-width: 600px;
}

@media (min-width: 600px) {
    .lfs-banner__text-content {
        text-align: left;
        padding-right: 20px;
    }
}

.lfs-banner__headline {
    margin: 10px 0 10px 0;
    text-align: center;
    width: 100%;
}

@media (min-width: 600px) {
    .lfs-banner__headline {
        margin: 0 0 10px 0;
        text-align: left;
    }
}

@media (min-width: 900px) {
    .lfs-banner__headline {
        margin: 0 0 10px 0;
    }
}

@media (min-width: 600px) {
    .lfs-banner--contained .lfs-banner__headline {
        margin: 0 0 10px 0;
        text-align: left;
    }
}

.lfs-banner__preamble {
    font-size: 17px;
    margin: 10px 0 10px 0;
    text-align: center;
    width: 100%;
}

@media (min-width: 600px) {
    .lfs-banner__preamble {
        text-align: left;
        margin: 0 0 10px 0;
    }
}

@media (min-width: 900px) {
    .lfs-banner__preamble {
        margin: 0 0 20px 0;
    }
}

@media (min-width: 600px) {
    .lfs-banner--contained .lfs-banner__preamble {
        text-align: left;
        margin: 0 0 10px 0;
    }
}

.lfs-banner__button {
    margin: 5px;
}

@media (min-width: 600px) {
    .lfs-banner__button {
        margin: 5px 10px 5px 0;
    }
}

.info-block {
    background: #00345c;
    position: relative;
    padding: 25px 20px;
    margin: 30px 0 20px;
    font-size: 15px;
    color: #fff;
}

@media (min-width: 900px) {
    .info-block {
        font-size: 17px;
        padding: 37px 40px;
    }
}

.info-block a {
    color: #63b9e9 !important;
}

.info-block h1,
.info-block h2,
.info-block h3,
.info-block h4,
.info-block h5,
.info-block h6 {
    color: #fecb00;
}

.info-block ol li {
    min-height: 1.5em;
}

    .info-block ol li:before {
        width: 1.7em;
        height: 1.8em;
    }

@media (min-width: 900px) {
    .info-block ol li {
        min-height: 2em;
    }
}

@media (min-width: 900px) {
    .info-block li {
        margin-left: 2.4em;
    }
}

.info-block__text > :first-child {
    margin-top: 0;
}

.info-block__text > :last-child {
    margin-bottom: 0;
}

.info-block__icon {
    position: absolute;
    font-size: 40px;
    background: #fff;
    border-radius: 50%;
    top: -20px;
    right: 10%;
}

@media (min-width: 900px) {
    .info-block__icon {
        font-size: 60px;
    }
}

.office-info {
    background: #005293;
    color: #fff;
}

.office-info--as-hero {
    padding-bottom: 10px;
}

@media (min-width: 900px) {
    .office-info--as-hero {
        padding-bottom: 0;
    }
}

.office-info__container--accordion-inner {
    padding: 20px 10px;
}

@media (min-width: 600px) {
    .office-info__container--accordion-inner {
        padding: 20px;
    }
}

@media (min-width: 1200px) {
    .office-info__container--accordion-inner {
        padding: 40px 30px;
    }
}

@media (min-width: 900px) {
    .office-info__container {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 20px;
        -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;
    }
}

@media (min-width: 1200px) {
    .office-info__container {
        padding: 60px 20px;
        max-width: 1300px;
        margin: 0 auto;
    }
}

@media (min-width: 900px) {
    .office-info__section {
        width: 48%;
    }
}

.office-info__section--info-box {
    text-align: center;
    padding: 20px 10px 30px;
}

@media (min-width: 600px) {
    .office-info__section--info-box {
        padding: 20px 20px 30px;
    }
}

.office-info__section--contact-box {
    position: relative;
    padding: 20px 10px;
    background: #00345c;
}

.office-info--as-hero .office-info__section--contact-box {
    margin: 10px 10px 0 10px;
}

@media (min-width: 900px) {
    .office-info--as-hero .office-info__section--contact-box {
        margin: 20px 0;
    }
}

@media (min-width: 600px) {
    .office-info__section--contact-box {
        padding: 20px;
    }
}

@media (min-width: 900px) {
    .office-info__section--contact-box {
        margin: 20px 0;
    }
}

@media (min-width: 1200px) {
    .office-info__section--contact-box {
        padding: 40px 30px;
        margin: 0;
    }
}

.office-info__section--image-container {
    position: relative;
    border: 10px solid #005293;
    overflow: hidden;
}

    .office-info__section--image-container:before {
        display: block;
        content: "";
        width: 100%;
        padding-top: 56.25%;
    }

.office-info--as-hero .office-info__section--image-container {
    margin-top: 20px;
}

@media (min-width: 900px) {
    .office-info--as-hero .office-info__section--image-container {
        margin-top: 0;
    }
}

.office-info__section--additional-info h3 {
    color: #fecb00;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .office-info__section--additional-info h3 {
        font-size: 21px;
    }
}

.office-info__status-text {
    font-size: 15px;
    font-weight: bold;
}

    .office-info__status-text::before {
        content: "";
        height: 7px;
        width: 7px;
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        margin-bottom: 4px;
    }

.office-info--open .office-info__status-text::before {
    background: #479a36;
}

.office-info--lunch .office-info__status-text::before {
    background: #fecb00;
}

.office-info--closed .office-info__status-text::before {
    background: #e30613;
}

@media (min-width: 1200px) {
    .office-info__status-text::before {
        height: 12px;
        width: 12px;
    }
}

@media (min-width: 600px) {
    .office-info__status-text {
        height: 9px;
        width: 9px;
        font-size: 17px;
    }
}

@media (min-width: 1200px) {
    .office-info__status-text {
        font-size: 25px;
    }
}

.office-info__status-large-text {
    font-family: SvffTrim;
    font-size: 60px;
    line-height: 72px;
    display: block;
}

@media (min-width: 600px) {
    .office-info__status-large-text {
        font-size: 70px;
        line-height: 90px;
    }
}

@media (min-width: 1200px) {
    .office-info__status-large-text {
        font-size: 100px;
        line-height: 130px;
        margin-bottom: 20px;
    }
}

.office-info__days-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -10px;
}

.office-info__day-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-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 33.33%;
    padding: 0 20px;
}

    .office-info__day-wrapper + .office-info__day-wrapper {
        border-left: 1px solid #fecb00;
    }

.office-info__days {
    color: #fecb00;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .office-info__days {
        font-size: 21px;
        margin-bottom: 10px;
    }
}

.office-info__hours {
    margin-bottom: 5px;
    display: block;
    line-height: 0.9em;
}

@media (min-width: 1200px) {
    .office-info__hours {
        font-size: 17px;
        margin-bottom: 2px;
    }
}

.office-info__additional {
    font-size: 13px;
    line-height: 1.3em;
}

@media (min-width: 1200px) {
    .office-info__additional {
        font-size: 15px;
    }
}

@media (min-width: 900px) {
    .office-info__table {
        width: 100%;
    }
}

@media (min-width: 900px) {
    .office-info__contact-row {
        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;
        margin-bottom: 10px;
    }
}

@media (min-width: 1200px) {
    .office-info__contact-row {
        margin-bottom: 20px;
    }
}

.office-info__contact-data {
    word-break: break-word;
    vertical-align: top;
    padding: 5px 20px 5px 0;
}

.office-info__contact-data--label {
    color: #fecb00;
    font-weight: bold;
    white-space: nowrap;
}

@media (min-width: 1200px) {
    .office-info__contact-data--label {
        font-size: 19px;
    }
}

@media (min-width: 1200px) {
    .office-info__contact-data--value {
        font-size: 21px;
    }
}

@media (min-width: 900px) {
    .office-info__contact-data {
        padding: 0;
    }
}

.office-info__button-wrapper {
    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: 20px;
}

.office-info__info-button {
    width: 48%;
}

    .office-info__info-button:only-child {
        margin: 0 auto;
    }

.office-info__contact-email {
    color: #fff;
}

.office-info__exclamation-mark {
    position: absolute;
    font-size: 40px;
    background: #fff;
    border-radius: 50%;
    top: -15px;
    right: 20px;
}

@media (min-width: 900px) {
    .office-info__exclamation-mark {
        font-size: 50px;
        top: -20px;
    }
}

@media (min-width: 1200px) {
    .office-info__exclamation-mark {
        font-size: 60px;
        top: -25px;
    }
}

.office-info__accordion {
    background: #00345c;
}

.office-info--as-hero .office-info__accordion {
    margin: 0 10px 10px 10px;
}

@media (min-width: 900px) {
    .office-info--as-hero .office-info__accordion {
        margin: 0;
    }
}

.office-info__accordion-content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
}

.office-info__accordion-expand-button {
    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%;
    color: #fff;
    background: #00345c;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    padding: 20px 20px 20px 10px;
    font-size: 15px;
    font-weight: bold;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    text-align: left;
}

@media (min-width: 1200px) {
    .office-info__accordion-expand-button {
        padding-left: 20px;
        font-size: 17px;
    }
}

.office-info__accordion-icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
    margin-left: 10px;
}

[aria-expanded="true"] .office-info__accordion-icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.office-info__accordion-icon .icon {
    display: block;
}

.office-info__accordion-row {
    margin-bottom: 20px;
}

.office-info__accordion-label {
    color: #fecb00;
    font-weight: bold;
}

@media (min-width: 1200px) {
    .office-info__accordion-label {
        font-size: 21px;
    }
}

.office-info__accordion-value {
    margin: 0;
}

.office-info__office-image {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.compfind {
    background-color: #f9f9f9;
    padding-bottom: 40px;
    min-height: 630px;
    font-size: 15px;
    margin-bottom: -40px;
}

@media (min-width: 900px) {
    .compfind {
        padding-bottom: 80px;
    }
}

@media (min-width: 900px) {
    .compfind {
        margin-bottom: -80px;
    }
}

.compfind .hidden {
    display: none;
}

.compfind__hero {
    background-color: #005293;
    text-align: center;
    padding: 20px;
}

@media (min-width: 600px) {
    .compfind__hero {
        padding: 40px;
    }
}

.compfind__headline {
    font-size: 17px;
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    font-weight: bold;
    margin: 20px 0 0 0;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .compfind__headline {
        font-size: 23px;
    }
}

@media (min-width: 1200px) {
    .compfind__headline {
        font-size: 25px;
    }
}

.compfind__tab-content {
    position: relative;
    width: 100%;
    display: block;
    padding: 10px 0;
}

@media (min-width: 900px) {
    .compfind__tab-content {
        padding: 10px 0;
    }
}

.compfind__tab-content.loading .compfind__loader {
    display: block;
}

.compfind__tab-content.loading .compfind__filters {
    opacity: 0;
}

.compfind__tab-content.loading .compfind__results {
    opacity: 0;
}

.compfind__loader {
    display: none;
    position: absolute;
    width: 100%;
    padding: 150px 0 200px 0;
    text-align: center;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.compfind__loader__anim {
    display: inline-block;
    border: 0.4em solid transparent;
    border-radius: 50%;
    border-top-color: #63b9e9;
    width: 5em;
    height: 5em;
    -webkit-animation: spin 0.5s linear infinite;
    -o-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

@media (min-width: 600px) {
    .compfind__comp-filter {
        padding-top: 10px;
    }
}

.compfind__comp-search {
    padding-top: 10px;
}

    .compfind__comp-search .club-search__padder {
        padding-top: 0px;
        margin-bottom: 0;
    }

@media (min-width: 600px) {
    .compfind__comp-search .club-search__padder {
        padding-top: 20px;
    }
}

.compfind__filters {
    -webkit-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.compfind__filter {
    display: block;
    margin: 10px 0px 5px 0px;
}

@media (min-width: 600px) {
    .compfind__filter {
        margin: 20px 0px 5px 0px;
    }
}

.compfind__filter__description {
    display: inline-block;
    margin-left: 10px;
}

@media (min-width: 900px) {
    .compfind__filter__gender {
        display: none;
    }
}

.compfind__filter__gender .compfind__filter__description {
    display: none;
}

.compfind__filter__footballtype .compfind__filter__description {
    display: none;
}

.compfind__filter__type .compfind__filter__description {
    display: none;
}

.compfind__filter__type .compfind__filter-type__dropdown {
    display: none;
}

@media (min-width: 900px) {
    .compfind__filter__type .compfind__filter-type__dropdown {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

@media (min-width: 900px) {
    .compfind__filter__season .compfind__filter__description {
        display: none;
    }
}

@media (min-width: 900px) {
    .compfind__filter__season .compfind__filter-type__buttons {
        display: none;
    }
}

.compfind__filter__season .compfind__filter-type__dropdown {
    display: none;
}

@media (min-width: 900px) {
    .compfind__filter__season .compfind__filter-type__dropdown {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.compfind--simple-view .compfind__filter__association .compfind__filter__description {
    display: none;
}

@media (min-width: 900px) {
    .compfind--simple-view .compfind__filter__association .compfind__filter__description {
        display: block;
    }
}

.compfind--simple-view .compfind__filter__age .compfind__filter__description {
    display: none;
}

@media (min-width: 900px) {
    .compfind--simple-view .compfind__filter__age .compfind__filter__description {
        display: block;
    }
}

.compfind__desktop-row {
    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: 900px) {
    .compfind__desktop-row {
        -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;
    }
}

@media (min-width: 900px) {
    .compfind__desktop-row .compfind__filter {
        width: 33.33%;
    }
}

.compfind__gender-message {
    width: 100%;
}

.compfind__gender-message__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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #9d9d9c;
}

.compfind__gender-message__text {
    padding: 10px 0 10px 0;
}

@media (min-width: 900px) {
    .compfind__gender-message__text {
        padding: 30px 0 30px 0;
    }
}

.compfind__gender-message__icon {
    margin-right: 10px;
}

    .compfind__gender-message__icon .icon {
        width: 50px;
        height: 50px;
    }

.compfind__results {
    padding: 10px;
    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-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.compfind__results--all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

@media (min-width: 900px) {
    .compfind__results--all {
        display: none;
    }
}

.compfind__results--by-gender {
    display: none;
}

@media (min-width: 900px) {
    .compfind__results--by-gender {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.compfind__results__description {
    margin: 0 0 5px 0;
    padding: 0;
}

@media (min-width: 900px) {
    .compfind__results__description {
        margin: 20px 0 5px 0;
    }
}

.compfind__results__description--tight {
    margin: 0px 0 10px 0;
}

.compfind__results-column-1 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.compfind__results-column-2 {
    -webkit-flex-basis: -webkit-calc(50% - 10px);
    -ms-flex-preferred-size: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
}

.compfind__result-list-column {
    padding: 0;
    margin: 0;
}

.compfind__result-list {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    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-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (min-width: 900px) {
    .compfind__result-list {
        max-width: 400px;
        width: 100%;
    }
}

.compfind__result-group {
    border-right: 1px solid #dadada;
    background: #fff;
    width: 100%;
    font-size: 13px;
    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;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #dadada;
    box-shadow: 0 0 0 1px #dadada;
    font-size: 15px;
}

.compfind__result-group__link {
    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;
    width: 100%;
    vertical-align: middle;
    line-height: 50px;
    padding: 0 15px 0 15px;
    text-decoration: none;
    color: #1d1d1d;
    border: none;
    -webkit-appearance: none;
    background-color: #fff;
}

.toggle-open .compfind__result-group__link {
    font-size: 15px;
    color: #005293;
    font-family: StagSans;
    font-weight: bold;
}

    .toggle-open .compfind__result-group__link:before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 5px;
        background: #005293;
    }

.compfind__result-group__link:hover {
    background-color: #f8f8f8;
}

    .compfind__result-group__link:hover:after {
        background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8));
        background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
        background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
        background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
    }

.compfind__result-group__link__title {
    display: inline-block;
}

.compfind__result-group__link__toggle {
    width: 20px;
    height: 50px;
    font-size: 15px;
    right: 15px;
    top: 0;
    color: #005293;
    position: absolute;
    color: #005293;
}

    .compfind__result-group__link__toggle .compfind__minus-icon {
        display: none;
        margin-top: -3px;
    }

    .compfind__result-group__link__toggle .compfind__plus-icon {
        margin-top: -3px;
    }

.toggle-open .compfind__result-group__link__toggle .compfind__plus-icon {
    display: none;
}

.toggle-open .compfind__result-group__link__toggle .compfind__minus-icon {
    display: inline;
}

.compfind__result-group__link__toggle:after {
    content: "";
    position: absolute;
    top: 0;
}

.toggle-open .compfind__result-group__link__toggle:after {
    content: "";
    margin-top: -14px;
    margin-left: 4px;
}

.compfind__result-group__list {
    padding: 0;
    display: none;
    list-style: none;
    margin: 0;
    white-space: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.toggle-open .compfind__result-group__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.compfind__result-item {
    border-right: 1px solid #dadada;
    background: #fff;
    width: 100%;
    font-size: 13px;
    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;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #dadada;
    box-shadow: 0 0 0 1px #dadada;
    font-size: 15px;
}

    .compfind__result-item:hover {
        background-color: #f8f8f8;
    }

        .compfind__result-item:hover:after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8));
            background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
        }

.compfind__result-link {
    width: 100%;
    height: 50px;
    padding: 0 15px;
    vertical-align: middle;
    line-height: 50px;
    text-decoration: none;
    color: #1d1d1d;
}

.compfind__result-link--group:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 5px;
    background: #005293;
}

.compfind .filter__option:hover {
    background-color: #f8f8f8;
}

    .compfind .filter__option:hover:after {
        background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8));
        background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
        background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
        background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
    }

@media (min-width: 1200px) {
    .compfind .filter__option-text {
        max-width: none;
    }
}

.compfind .filter__track--scroll .filter__options-item {
    width: 100px;
}

@media (min-width: 900px) {
    .compfind .filter__track--scroll .filter__options-item {
        width: 11.11%;
    }
}

.hero-carousel--theme-inverted .hero-carousel__title {
    color: #005293;
}

.hero-carousel__items {
    opacity: 0;
    visibility: hidden;
    -o-transition: opacity 1s ease;
    transition: opacity 1s ease;
    -webkit-transition: opacity 1s ease;
    max-width: 1140px;
    margin: 0 -10px;
    padding-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 0;
}

    .hero-carousel__items.slick-initialized {
        visibility: visible;
        opacity: 1;
        display: block;
    }

@media (min-width: 900px) {
    .hero-carousel__items {
        margin: 0 auto;
    }
}

.hero-carousel__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.slick-loading .slick-list {
    background: #fff;
    opacity: 0;
}

.compfind-simple {
    background-color: #dadada;
    background-image: url("../assets/img/pitch-mobile.jpg");
    -webkit-background-size: cover;
    background-size: cover;
    padding: 20px 10px;
}

@media (min-width: 600px) {
    .compfind-simple {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 40px;
        background-image: url("../assets/img/pitch.jpg");
    }
}

@media (min-width: 600px) and (max-width: 899px) {
    .compfind-simple {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.compfind-simple__info {
    padding: 0 50px;
    text-align: center;
}

@media (min-width: 900px) {
    .compfind-simple__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;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-right: 7%;
        padding: 0;
        width: 30%;
    }
}

.compfind-simple__content {
    margin-top: 20px;
}

@media (min-width: 900px) {
    .compfind-simple__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: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 70%;
        margin-top: 0;
    }
}

.compfind-simple__content-headline {
    text-align: center;
}

@media (min-width: 900px) {
    .compfind-simple__content-headline {
        text-align: left;
        display: block;
    }
}

.compfind-simple__list {
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    margin: 0 -20px 0 0;
    padding: 0;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 600px) and (max-width: 899px) {
    .compfind-simple__list {
        margin: 0 -40px;
    }
}

@media (min-width: 900px) {
    .compfind-simple__list {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        margin: -5px;
        overflow: visible;
    }
}

.compfind-simple__list-item {
    width: auto;
    padding: 0;
}

    .compfind-simple__list-item:last-child {
        border-right: 10px solid transparent;
    }

    .compfind-simple__list-item + .compfind-simple__list-item {
        border-left: 1px solid #00345c;
    }

@media (min-width: 600px) {
    .compfind-simple__list-item {
        padding: 5px;
    }

        .compfind-simple__list-item + .compfind-simple__list-item {
            border: none;
        }
}

@media (min-width: 600px) and (max-width: 1199px) {
    .compfind-simple__list-item {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .compfind-simple__list-item {
        width: 20%;
    }

    .compfind-simple--compressed .compfind-simple__list-item {
        width: 25%;
    }
}

.club-search {
    position: relative;
    background-color: #f9f9f9;
}

.club-search__padder {
    min-height: 400px;
    padding-top: 40px;
}

.club-search__content {
    position: relative;
}

.club-search .hidden {
    display: none;
}

.club-search__headline {
    font-size: 17px;
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    font-weight: bold;
    margin: 30px 0 0 0;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .club-search__headline {
        font-size: 23px;
    }
}

@media (min-width: 1200px) {
    .club-search__headline {
        font-size: 25px;
    }
}

.club-search__top-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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.club-search__loader {
    display: none;
    position: absolute;
    width: 100%;
    padding: 80px 0 200px 0;
    text-align: center;
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
}

.club-search__loader__anim {
    display: inline-block;
    border: 0.4em solid transparent;
    border-radius: 50%;
    border-top-color: #63b9e9;
    width: 5em;
    height: 5em;
    -webkit-animation: spin 0.5s linear infinite;
    -o-animation: spin 0.5s linear infinite;
    animation: spin 0.5s linear infinite;
}

.club-search__search {
    height: 50px;
    border-right: 1px solid #dadada;
    background: #fff;
    width: 100%;
    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;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    border: none;
    -webkit-box-shadow: 0 2px 2px 1px #dadada;
    box-shadow: 0 2px 2px 1px #dadada;
    max-width: 500px;
}

.club-search__search-form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.club-search--search-is-filled .club-search__search-form {
    display: none;
}

.club-search__search-filled {
    display: none;
}

.club-search--search-is-filled .club-search__search-filled {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.club-search__filled-search-club {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.club-search__clear-search {
    position: absolute;
    color: #005293;
    cursor: pointer;
    top: 0;
    right: 0;
    height: 100%;
    width: 50px;
    font-size: 15px;
    font-weight: bold;
    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-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: #fff;
}

    .club-search__clear-search:hover {
        background-color: #f8f8f8;
    }

.club-search__cross-icon {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.club-search__search-wrap {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border-bottom: 1px solid #fff;
}

.mast-header--theme-inverted .club-search__search-wrap {
    border-color: #005293;
}

@media (max-width: 1199px) {
    .club-search__search-wrap {
        margin-right: 10%;
    }
}

.club-search__search-input {
    width: 100%;
    background-color: transparent;
    border: none;
    color: #1d1d1d;
    padding: 0;
    border-radius: 0;
    font-size: 17px;
    height: 30px;
}

    .club-search__search-input::-webkit-input-placeholder {
        color: #9d9d9c;
    }

    .club-search__search-input::-moz-placeholder {
        color: #9d9d9c;
    }

    .club-search__search-input:-ms-input-placeholder {
        color: #9d9d9c;
    }

    .club-search__search-input:-moz-placeholder {
        color: #9d9d9c;
    }

.club-search__search-button {
    border: none;
    height: 30px;
    padding: 5px 17px;
    font-weight: bold;
    text-transform: uppercase;
}

.club-search__search-button__icon {
    color: #9d9d9c;
    display: inline-block;
    font-size: 20px;
}

.club-search__clubs-result {
    width: 100%;
    max-width: 500px;
}

.club-search__clubs-list {
    list-style: none;
    width: 100%;
    margin: 5px 0 0 0;
    padding: 0;
    white-space: nowrap;
    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-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.club-search__clubs-item {
    height: 50px;
    border: 1px solid #dadada;
    border-top: none;
    background: #fff;
    width: 100%;
    font-size: 13px;
    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;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    vertical-align: top;
    font-size: 15px;
}

    .club-search__clubs-item:first-of-type {
        border-top: 1px solid #dadada;
    }

    .club-search__clubs-item:hover {
        background-color: #f8f8f8;
    }

        .club-search__clubs-item:hover:after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8));
            background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
        }

.club-search__clubs-item--link {
    cursor: pointer;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.club-search__team-logo {
    margin: 0 5px;
    overflow: hidden;
}

.club-search__team-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;
    line-height: 17px;
    text-align: left;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.club-search__team-name {
    display: block;
    max-width: 210px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 600px) {
    .club-search__team-name {
        max-width: 320px;
    }
}

@media (min-width: 1200px) {
    .club-search__team-name {
        max-width: 460px;
    }
}

.club-search__team-categories {
    display: block;
    font-size: 11px;
    color: #706f6f;
    text-transform: uppercase;
}

.club-search__clubs-not-found {
    display: none;
    text-align: center;
    color: #9d9d9c;
    padding: 30px;
}

.club-search__noclub-message {
    width: 100%;
}

.club-search__noclub-message__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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #9d9d9c;
    padding: 40px 20px 20px 20px;
}

@media (min-width: 600px) {
    .club-search__noclub-message__container {
        padding: 80px 20px 20px 20px;
    }
}

.club-search__noclub-message__text {
    max-width: 400px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

@media (max-width: 599px) {
    .club-search__noclub-message__text {
        line-height: 1.5em;
    }
}

@media (min-width: 600px) and (max-width: 1199px) {
    .club-search__noclub-message__text {
        font-size: 19px;
    }
}

@media (min-width: 1200px) {
    .club-search__noclub-message__text {
        font-size: 21px;
    }
}

.club-search__noclub-message__icon .icon {
    width: 100px;
    height: 100px;
}

.club-search__results {
    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-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

.club-search__results--all {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

@media (min-width: 900px) {
    .club-search__results--all {
        display: none;
    }
}

.club-search__results--by-gender {
    display: none;
    width: 100%;
}

@media (min-width: 900px) {
    .club-search__results--by-gender {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

.club-search__results__description {
    margin: 20px 0 5px 0;
    padding: 0;
}

.club-search__results__description--tight {
    margin: 0px 0 10px 0;
}

.club-search__results-column-1 {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
}

.club-search__results-column-2 {
    -webkit-flex-basis: -webkit-calc(50% - 10px);
    -ms-flex-preferred-size: calc(50% - 10px);
    flex-basis: calc(50% - 10px);
}

.club-search__result-list-column {
    padding: 0;
    margin: 0;
}

.club-search__result-list {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    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-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (min-width: 900px) {
    .club-search__result-list {
        max-width: 400px;
        width: 100%;
    }
}

.club-search__team-result-item {
    border-right: 1px solid #dadada;
    background: #fff;
    width: 100%;
    font-size: 13px;
    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;
    cursor: pointer;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    vertical-align: top;
    border: none;
    -webkit-box-shadow: 0 0 0 1px #dadada;
    box-shadow: 0 0 0 1px #dadada;
    font-size: 15px;
}

    .club-search__team-result-item:hover {
        background-color: #f8f8f8;
    }

        .club-search__team-result-item:hover:after {
            background: -webkit-gradient(linear, left top, right top, from(rgba(248, 248, 248, 0)), to(#f8f8f8));
            background: -webkit-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: -o-linear-gradient(left, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
            background: linear-gradient(90deg, rgba(248, 248, 248, 0) 0%, #f8f8f8 100%);
        }

.club-search__team-result-link {
    width: -webkit-calc(100% - 50px);
    width: calc(100% - 50px);
    height: 50px;
    vertical-align: middle;
    line-height: 50px;
    text-decoration: none;
    color: #1d1d1d;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background: transparent;
    padding: 0;
}

.club-search__fav-toggle {
    position: absolute;
    right: 0;
    width: 50px;
    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;
}

.error-404__layout {
    display: block;
    padding: 0;
}

@media (min-width: 600px) {
    .error-404__layout {
        padding: 0 100px;
    }
}

@media (min-width: 1200px) {
    .error-404__layout {
        padding: 0 200px;
    }
}

.error-404__layout-top {
    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-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 600px) {
    .error-404__layout-top {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.error-404__content {
    display: block;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
}

@media (min-width: 600px) {
    .error-404__content {
        margin-right: 40px;
    }
}

.error-404__header {
    display: block;
}

.error-404__reasons {
    display: block;
}

.error-404__img {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    text-align: center;
    -webkit-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}

@media (min-width: 600px) {
    .error-404__img {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
        flex-basis: 30%;
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        padding: 0;
    }
}

.error-404__img-src {
    max-height: 200px;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .error-404__img-src {
        max-height: none;
        margin-bottom: 0;
    }
}

.error-404__links {
    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;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media (min-width: 600px) {
    .error-404__links {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.error-404__links-item {
    margin: 0 0 10px 0;
}

@media (min-width: 600px) {
    .error-404__links-item {
        margin: 0 20px 10px 0;
    }
}

.error-404__link {
    color: #0085c8;
    text-decoration: none;
    border-bottom: 3px solid;
    padding-bottom: 0.05em;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    font-size: 15px;
}

    .error-404__link:hover {
        border-color: #fecb00;
    }

@media (min-width: 600px) {
    .error-404__link {
        font-size: 17px;
    }
}

.error-404 .rich-text li {
    margin-left: 1.3em;
}

.team-logo-hero {
    background: #005293;
    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;
    padding: 10px;
}

@media (min-width: 600px) {
    .team-logo-hero {
        padding: 25px;
    }
}

@media (min-width: 900px) {
    .team-logo-hero {
        padding: 50px;
    }
}

.team-logo-hero__logo {
    margin-bottom: 10px;
}

.myteams-settings-hero {
    position: relative;
    background: #005293;
}

.myteams-settings-hero__inner {
    position: relative;
    height: 100%;
    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;
    -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;
}

.myteams-settings-hero__background {
    position: absolute;
    width: 100%;
    text-align: center;
    background: #0085c8;
}

.myteams-settings-hero__background-figure {
    display: inline-block;
    width: 320px;
    margin-top: 10px;
    text-align: center;
}

@media (min-width: 900px) {
    .myteams-settings-hero__background-figure {
        width: 480px;
        margin-top: 20px;
    }
}

.myteams-settings-hero__background-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 133, 200, 0)), color-stop(30%, rgba(0, 82, 147, 0)), to(#005293));
    background: -webkit-linear-gradient(top, rgba(0, 133, 200, 0) 0%, rgba(0, 82, 147, 0) 30%, #005293 100%);
    background: -o-linear-gradient(top, rgba(0, 133, 200, 0) 0%, rgba(0, 82, 147, 0) 30%, #005293 100%);
    background: linear-gradient(to bottom, rgba(0, 133, 200, 0) 0%, rgba(0, 82, 147, 0) 30%, #005293 100%);
}

.myteams-settings-hero__img-src {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.myteams-settings-hero__content-container {
    display: block;
}

.myteams-settings-hero__content {
    color: white;
    position: relative;
    padding: 150px 20px 10px 20px;
    left: 0;
    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;
    -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 (min-width: 900px) {
    .myteams-settings-hero__content {
        padding: 220px 20px 20px 20px;
    }
}

.myteams-settings-hero__headline {
    margin-bottom: 10px;
    text-align: center;
    color: white;
}

.myteams-settings-hero__preamble {
    text-align: center;
    max-width: 500px;
}

.myteams-settings-search {
    position: relative;
}

    .myteams-settings-search .club-search__padder {
        min-height: 312px;
        padding: 0;
    }

@media (min-width: 600px) {
    .myteams-settings-search .club-search__padder {
        min-height: 370px;
    }
}

@media (min-width: 900px) {
    .myteams-settings-search .club-search__padder {
        min-height: 380px;
    }
}

@media (min-width: 1200px) {
    .myteams-settings-search .club-search__padder {
        min-height: 387px;
    }
}

.myteams-hero {
    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;
}

@media (min-width: 600px) {
    .myteams-hero {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.myteams-hero .section-panel--frame {
    padding-top: 0;
}

.team-hero__headline {
    text-align: center;
}

.team-hero__reversable-content {
    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;
}

@media (min-width: 600px) {
    .team-hero__reversable-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

.team-hero__reversable-content .section-panel--frame {
    padding-top: 0;
}

.team-listing {
    color: #fff;
    width: 100%;
}

    .team-listing .hidden {
        display: none;
    }

.team-listing__list {
    list-style: none;
    margin: 0;
    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;
}

@media (min-width: 900px) {
    .team-listing__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;
    }
}

.team-listing__input {
    display: none;
}

.team-listing__loader {
    position: absolute;
    top: -webkit-calc(50% - 13px);
    top: calc(50% - 13px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
}

.team-listing__item {
    width: 100%;
}

@media (min-width: 900px) {
    .team-listing__item {
        width: 33.33%;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }
}

.team-listing__item--end {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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: 900px) {
    .team-listing__item--end {
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
}

.team-listing__done-button {
    margin: 20px 10px 0px 10px;
}

@media (min-width: 900px) {
    .team-listing__done-button {
        max-width: 300px;
        margin: 10px 10px 10px 0;
    }
}

.team-listing__item-container {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
}

@media (min-width: 900px) {
    .team-listing__item-container {
        padding: 10px 10px;
    }
}

.team-listing__item-container-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    border-bottom: 1px solid #00345c;
}

.team-listing__item-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;
    margin-right: 10px;
    overflow: hidden;
}

.team-listing__item-text {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    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;
}

.team-listing__item-category {
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

@media (min-width: 600px) {
    .team-listing__item-category {
        max-width: none;
    }
}

@media (min-width: 900px) {
    .team-listing__item-category {
        max-width: 140px;
    }
}

@media (min-width: 1200px) {
    .team-listing__item-category {
        max-width: 220px;
    }
}

.team-listing__item-name {
    margin: 0;
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 160px;
}

@media (min-width: 600px) {
    .team-listing__item-name {
        max-width: none;
    }
}

@media (min-width: 900px) {
    .team-listing__item-name {
        max-width: 140px;
    }
}

@media (min-width: 1200px) {
    .team-listing__item-name {
        max-width: 220px;
    }
}

.team-listing__item-favorite {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

    .team-listing__item-favorite .fav-toggle {
        width: 60px;
        height: 60px;
    }

        .team-listing__item-favorite .fav-toggle:hover {
            background-color: #00457d;
        }

.team-contact-links__head {
    padding: 0 0 10px 0;
}

.team-contact-links__team-logo {
    font-size: 150px;
    text-align: center;
    margin: 10px 0 20px 0;
}

@media (min-width: 900px) {
    .team-contact-links__team-logo {
        font-size: 200px;
    }
}

.team-contact-links__team-name {
    text-align: center;
    line-height: 1em;
    margin: 20px 0;
}

@media (min-width: 900px) {
    .team-contact-links__team-name {
        margin: 20px 0 40px;
    }
}

.team-contact-links__contact-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;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    padding: 0;
}

.team-contact-links__contact-info-item {
    list-style: none;
}

.team-image {
    opacity: 0;
    height: 0;
}

    .team-image.team-image--size-verified {
        opacity: 1;
        height: auto;
    }

        .team-image.team-image--size-verified .team-image__src {
            position: relative;
            width: 100%;
            display: block;
        }

.team-selector {
    background-color: #005293;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    margin: -10px;
    padding: 10px;
}

@media (min-width: 1200px) {
    .team-selector {
        white-space: normal;
        overflow: visible;
        margin: -15px;
    }
}

.team-selector__list {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.team-selector__input {
    display: none;
}

.team-selector__loader {
    position: absolute;
    top: -webkit-calc(50% - 13px);
    top: calc(50% - 13px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 30px;
}

.team-selector__item {
    position: relative;
    margin: 0 3px;
    width: 100px;
    display: inline-block;
}

@media (min-width: 600px) and (max-width: 1199px) {
    .team-selector__item {
        margin: 0 15px;
    }
}

@media (min-width: 1200px) {
    .team-selector__item {
        margin: 15px;
    }
}

.team-selector__option {
    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-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 3px solid #00345c;
    color: #fff;
    font-weight: bold;
    padding: 10px 0 4px 0;
    -webkit-transition: border-bottom-color 0.3s ease;
    -o-transition: border-bottom-color 0.3s ease;
    transition: border-bottom-color 0.3s ease;
    text-decoration: none;
}

.team-selector__input:checked + .team-selector__option {
    -webkit-transition: border-bottom-color 0.1s ease;
    -o-transition: border-bottom-color 0.1s ease;
    transition: border-bottom-color 0.1s ease;
    border-color: #fecb00;
}

.team-selector__item--loading .team-selector__option {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    opacity: 0.3;
    pointer-events: none;
}

.team-selector__option--simple {
    border-color: transparent;
}

.team-selector__label {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: transparent;
    cursor: pointer;
}

.team-selector__icon {
    font-size: 35px;
    color: #fecb00;
}

.team-selector__icon--light {
    color: #fff;
}

.team-selector__name {
    margin-top: 6px;
    width: 100%;
    text-align: center;
    overflow: hidden;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    white-space: nowrap;
}

    .team-selector__name:after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 10px;
        background: -webkit-gradient(linear, left top, right top, from(rgba(0, 82, 147, 0)), to(#005293));
        background: -webkit-linear-gradient(left, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: -o-linear-gradient(left, rgba(0, 82, 147, 0) 0%, #005293 100%);
        background: linear-gradient(90deg, rgba(0, 82, 147, 0) 0%, #005293 100%);
    }

.team-selector__category {
    position: relative;
    width: 100%;
    height: 16px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 10px;
    line-height: 16px;
    text-transform: uppercase;
    font-weight: normal;
    text-align: center;
}

.quick-links__items {
    padding: 0;
    margin: 0 -10px;
    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: 600px) {
    .quick-links__items {
        -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;
        margin: 0 -5px;
    }
}

@media (min-width: 1200px) {
    .quick-links__items {
        margin: 0 -10px;
    }
}

.quick-team-selector__headline {
    text-align: center;
}

.quick-team-selector__competition-headline {
    margin: 10px 0 5px 0;
}

.quick-team-selector__track {
    padding: 0;
}

.quick-team-selector__track--scroll {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
}

@media (min-width: 900px) {
    .quick-team-selector__track--scroll {
        overflow-x: visible;
    }
}

.quick-team-selector__teams {
    list-style: none;
    margin: 0;
    padding: 0;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

@media (min-width: 900px) {
    .quick-team-selector__teams {
        max-width: 400px;
        width: 100%;
    }
}

.quick-team-selector__track--scroll .quick-team-selector__teams {
    height: 60px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin: 0 0 3px;
    max-width: none;
}

@media (min-width: 900px) {
    .quick-team-selector__track--scroll .quick-team-selector__teams {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        height: auto;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
}

.quick-team-selector__teams-item {
    width: 50%;
    position: relative;
    text-align: center;
    font-size: 13px;
    border-right: 1px solid #dadada;
    background: #fff;
    width: 100%;
    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;
    cursor: pointer;
    -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;
    position: relative;
    overflow: hidden;
    vertical-align: top;
}

@media (min-width: 900px) {
    .quick-team-selector__teams-item {
        border: none;
        -webkit-box-shadow: 0 0 0 1px #dadada;
        box-shadow: 0 0 0 1px #dadada;
    }
}

.quick-team-selector__teams-item:hover {
    background-color: #f8f8f8;
}

.quick-team-selector__track--scroll .quick-team-selector__teams-item {
    width: 100px;
}

@media (min-width: 900px) {
    .quick-team-selector__track--scroll .quick-team-selector__teams-item {
        width: 12.5%;
    }
}

@media (min-width: 1200px) {
    .quick-team-selector__track--scroll .quick-team-selector__teams-item {
        width: 6.25%;
    }
}

.quick-team-selector__teams-item .fav-toggle {
    width: 100%;
    height: 60px;
}

.quick-team-selector__teams-item .fav-toggle__icon {
    position: absolute;
    right: 6px;
    top: -2px;
}

.quick-team-selector__team-logo {
    font-size: 50px;
}

.quick-team-selector__team-name {
    position: relative;
    display: block;
    line-height: 1em;
    margin-top: 2px;
    padding: 0 5px;
}

    .quick-team-selector__team-name:after {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 20px;
        bottom: 0;
        background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(70%, #fff), to(#fff));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 70%, #fff 100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, #fff 70%, #fff 100%);
        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, #fff 70%, #fff 100%);
    }

.popular-products {
    background: #fecb00 url("../assets/img/shop-gradient.png");
    -webkit-background-size: contain;
    background-size: contain;
    background-position: right bottom;
    background-repeat: no-repeat;
    margin: 0 -10px;
}

.popular-products__items {
    list-style: none;
    margin: 0 auto;
    padding: 5px 0;
    overflow: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}

    .popular-products__items::after,
    .popular-products__items::before {
        content: " ";
        min-width: 5px;
    }

@media (min-width: 1200px) {
    .popular-products__items::after,
    .popular-products__items::before {
        min-width: 10px;
    }
}

@media (min-width: 1200px) {
    .popular-products__items {
        padding: 10px 0;
    }
}

.popular-products--scroll-phone {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -webkit-scroll-snap-type: mandatory;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    -webkit-scroll-snap-points-x: repeat(100%);
    -ms-scroll-snap-points-x: repeat(100%);
    scroll-snap-points-x: repeat(100%);
    -webkit-scroll-snap-coordinate: 5px 0%;
    -ms-scroll-snap-coordinate: 5px 0%;
    scroll-snap-coordinate: 5px 0%;
}

@media (min-width: 900px) {
    .popular-products {
        overflow: visible;
    }
}

@media (min-width: 900px) {
    .popular-products {
        margin: -10px 0;
        padding: 0;
    }
}

.popular-products__item {
    scroll-snap-align: start;
    -webkit-scroll-snap-coordinate: 5px 0%;
    -ms-scroll-snap-coordinate: 5px 0%;
    scroll-snap-coordinate: 5px 0%;
    width: 300px;
    padding: 5px;
}

@media (min-width: 900px) {
    .popular-products__item {
        width: 33.33%;
    }

        .popular-products__item:last-of-type {
            display: none;
        }

    .container__main .popular-products__item {
        width: 50%;
    }

        .container__main .popular-products__item:nth-child(3),
        .container__main .popular-products__item:nth-child(4) {
            display: none;
        }

    .container__content .popular-products__item {
        width: 33.33%;
    }

        .container__content .popular-products__item:nth-child(4) {
            display: none;
        }
}

@media (min-width: 1200px) {
    .popular-products__item {
        width: 25%;
        padding: 10px;
    }

        .popular-products__item:nth-child(4) {
            display: block;
        }

    .container__main .popular-products__item {
        width: 33.33%;
    }

        .container__main .popular-products__item:nth-child(3) {
            display: block;
        }
}

.popular-products__item__inner {
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.hero-basic {
    background-color: #005293;
    color: #fff;
    padding: 10px 0;
    overflow: hidden;
}

.hero-basic--theme-inverted {
    background-color: #fecb00;
    color: #005293;
}

@media (min-width: 600px) and (max-width: 899px) {
    .hero-basic {
        padding: 20px 0;
    }
}

@media (min-width: 900px) {
    .hero-basic {
        padding: 40px 0;
    }
}

.hero-basic__inner {
    position: relative;
    height: 100%;
}

.hero-basic__background {
    position: relative;
}

.hero-basic__background--gradient-overlay:after {
    content: "";
    display: block;
    position: absolute;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    background-color: #005293;
    left: -1px;
    top: 0;
    bottom: -1px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 82, 147, 0.4)), to(#005293));
    background: -webkit-linear-gradient(top, rgba(0, 82, 147, 0.4) 0%, #005293 100%);
    background: -o-linear-gradient(top, rgba(0, 82, 147, 0.4) 0%, #005293 100%);
    background: linear-gradient(to bottom, rgba(0, 82, 147, 0.4) 0%, #005293 100%);
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.hero-basic--theme-inverted .hero-basic__background--gradient-overlay:after {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(254, 203, 0, 0)), to(#fecb00));
    background: -webkit-linear-gradient(top, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
    background: -o-linear-gradient(top, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
    background: linear-gradient(to bottom, rgba(254, 203, 0, 0) 0%, #fecb00 100%);
}

.hero-basic__image {
    max-height: 300px;
    overflow: hidden;
}

.hero-basic__img-src {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
}

.hero-basic__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 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;
    -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;
}

.hero-basic__headline {
    text-align: center;
    padding: 5px;
    margin-bottom: 20px;
}

@media (min-width: 900px) {
    .hero-basic__headline {
        margin-bottom: 8px;
        width: 50%;
    }
}

.hero-basic__preamble {
    margin: 0;
    padding: 0;
    width: -webkit-calc(80%);
    width: calc(80%);
    font-size: 15px;
    font-weight: bold;
    text-align: center;
}

@media (min-width: 600px) {
    .hero-basic__preamble {
        font-size: 17px;
    }
}

@media (min-width: 900px) {
    .hero-basic__preamble {
        font-size: 21px;
        width: 46%;
    }
}

@media (min-width: 900px) {
    .sroi-result-sectors {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.sroi-result-sectors__sector {
    margin-bottom: 100px;
}

@media (min-width: 900px) {
    .sroi-result-sectors__sector {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%;
        padding: 0 20px;
        margin-bottom: 110px;
    }
}

@media (min-width: 1200px) {
    .sroi-result-sectors__sector {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 33%;
        -ms-flex-preferred-size: 33%;
        flex-basis: 33%;
        max-width: 33%;
        padding: 0 20px;
        margin-bottom: 110px;
    }
}

@media (min-width: 900px) {
    .sroi-result-sectors__sector--fullwidth {
        max-width: 100%;
    }
}

@media (min-width: 900px) {
    .sroi-result-regions {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0 -20px;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.sroi-result-regions__region {
    margin-bottom: 100px;
}

@media (max-width: 1199px) {
    .sroi-result-regions__region:first-of-type {
        display: none;
    }
}

.sroi-result-regions__region:last-of-type {
    margin-bottom: 0;
}

@media (min-width: 900px) {
    .sroi-result-regions__region {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-flex-basis: 33.33%;
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        padding: 0 20px;
        margin: 0;
    }
}

@media (min-width: 1200px) {
    .sroi-result-regions__region {
        max-width: 33.33%;
    }
}

.sroi-result-header {
    text-align: center;
}

.sroi-result-header__headline {
    margin-bottom: 20px;
}

.sroi-result-header__preamble {
    color: #005293;
    font-size: 17px;
    margin: 0 auto 30px;
    max-width: 845px;
}

@media (min-width: 900px) {
    .sroi-result-header__preamble {
        margin-bottom: 50px;
    }
}

.sroi-result-header__active-players {
    background: rgba(0, 82, 147, 0.05);
    display: inline-block;
    padding: 20px 30px;
    color: #005293;
    margin: 30px 0;
    position: relative;
    min-width: 300px;
}

@media (min-width: 900px) {
    .sroi-result-header__active-players {
        margin: 50px 0;
    }
}

.sroi-result-header__players-count-wrapper {
    font-size: 26px;
    font-family: SvffTrim;
    margin: 0;
}

.sroi-result-header__players-icon {
    font-size: 90px;
    position: absolute;
    top: -45px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sroi-result-header__sector-headline {
    margin-bottom: 50px;
}

.sroi-result-print {
    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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    margin-bottom: 50px;
}

.sroi-result-print__print-btn {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 5px 0px;
}

@media (min-width: 600px) {
    .sroi-result-print__print-btn {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 280px;
        padding: 5px 5px;
        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;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.sroi-diploma {
    position: relative;
    overflow: hidden;
    background: white;
    width: 27.65cm;
    height: 38.3cm;
    display: block;
    -webkit-print-color-adjust: exact !important;
    color-adjust: exact !important;
    margin: 0 auto;
}

.sroi-diploma__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sroi-diploma__bg-fill {
    width: 100%;
    height: 100%;
    opacity: 0.05;
}

.sroi-diploma__header {
    margin-top: 80px;
    text-align: center;
}

.sroi-diploma__header--no-other {
    margin-top: 200px;
}

.sroi-diploma__header__headline {
    color: #005293;
    font-family: SvffTrim;
    line-height: 0.9em;
    font-size: 52px;
    letter-spacing: 0.029em;
    font-weight: normal;
    margin: 14px 0;
    padding: 0 70px;
}

.sroi-diploma__header__headline--large {
    font-size: 102px;
    line-height: 98px;
}

.sroi-diploma__header__preamble {
    color: #005293;
    font-size: 22px;
    line-height: 30px;
    font-weight: bold;
    margin: 0 auto 0;
    max-width: 845px;
    padding: 0 150px;
}

.sroi-diploma__header__active-players {
    display: inline-block;
    padding: 50px 30px 30px 30px;
    color: #005293;
    position: relative;
    min-width: 300px;
    margin: 76px 0 30px;
}

.sroi-diploma__header__players-count-wrapper {
    font-size: 35px;
    line-height: 35px;
    font-family: SvffTrim;
    margin: 0;
}

.sroi-diploma__header__players-icon {
    font-size: 130px;
    position: absolute;
    top: -60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sroi-diploma__keyfigures {
    margin-top: 60px;
}

.sroi-diploma__sectors {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sroi-diploma__sector {
    text-align: center;
    padding: 42px 0px 30px;
    position: relative;
    height: 100%;
    margin: 0 9px;
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    max-width: 33%;
    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%;
}

.sroi-diploma__sector--socialfigures {
    padding: 30px 0px 30px;
    margin: 0;
    max-width: none;
}

.sroi-diploma__sector--labour {
    -webkit-flex-basis: 26%;
    -ms-flex-preferred-size: 26%;
    flex-basis: 26%;
}

.sroi-diploma__sector__title-wrapper {
    font-family: SvffTrim;
    letter-spacing: 0.029em;
    color: #005293;
    margin-top: 10px;
}

.sroi-diploma__sector__description {
    font-weight: bold;
    color: #005293;
    margin: 5px 0 0;
    font-size: 18px;
    line-height: 28px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.sroi-diploma__sector__title {
    font-size: 46px;
    line-height: 42px;
}

.sroi-sector__whereof .sroi-diploma__sector__title {
    font-size: 33px;
}

.sroi-diploma__sector__suffix {
    font-size: 33px;
    margin-left: 5px;
}

.sroi-sector__whereof .sroi-diploma__sector__suffix {
    font-size: 26px;
}

.sroi-diploma__sector__icon {
    font-size: 86px;
    position: absolute;
    top: -45px;
    left: 0;
    right: 0;
}

.sroi-diploma__sector__icon--hands {
    font-size: 110px;
    top: -55px;
}

.sroi-diploma__sector__divider {
    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: #005293;
    margin-bottom: 30px;
}

.sroi-diploma__sector__divider-line {
    background: #005293;
    height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sroi-diploma__sector__whereof {
    margin: 30px 0 10px;
}

.sroi-diploma__sector__whereof-text {
    margin: 0 35px;
}

.sroi-diploma__socialfigures {
    margin-top: 52px;
    padding: 0 80px;
}

.sroi-diploma__banner {
    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;
}

.sroi-diploma__divider-line {
    width: 1px;
    height: 50px;
    margin-top: 36px;
    border-left: 1px solid #005293;
    -webkit-flex-basis: 2px;
    -ms-flex-preferred-size: 2px;
    flex-basis: 2px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.sroi-diploma__halfcolumn {
    -webkit-flex-basis: 45%;
    -ms-flex-preferred-size: 45%;
    flex-basis: 45%;
}

.sroi-diploma__other {
    margin-top: 52px;
    padding: 0 80px;
}

.sroi-diploma__other-container {
    position: relative;
    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-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;
    padding: 30px 45px;
}

.sroi-diploma__other-headline {
    color: #005293;
    font-family: SvffTrim;
    line-height: 0.9em;
    font-size: 33px;
    letter-spacing: 0.029em;
    font-weight: normal;
    margin: 10px 0;
}

.sroi-diploma__other-text {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.sroi-diploma__other-icon {
    font-size: 130px;
    height: 130px;
    text-align: right;
    margin-left: 50px;
}

.sroi-diploma__footer {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    text-align: center;
}

.sroi-diploma__svff-logo {
    height: 80px;
}

.sroi-comp__page {
    background: white;
    page-break-after: always;
    position: relative;
    overflow: hidden;
    background: white;
    border-bottom: 1px solid #ddd;
    height: 21cm;
    width: 29.3cm;
    display: block;
    margin: 0 auto;
}

.sroi-comp--landscape .sroi-comp__page {
    border: none;
    width: 21cm;
    height: 29.3cm;
}

.sroi-comp__container {
    position: relative;
    height: 21cm;
    width: 29.3cm;
    padding: 0 0 0 0.6cm;
}

.sroi-comp--landscape .sroi-comp__container {
    height: 21cm;
    width: 29.1cm;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: 35.9% 50%;
    -ms-transform-origin: 35.9% 50%;
    -o-transform-origin: 35.9% 50%;
    transform-origin: 35.9% 50%;
    overflow: hidden;
}

.sroi-comp__content {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.sroi-comp__content--centered {
    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;
}

.sroi-comp__content--columns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 148px 46px 180px 46px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.sroi-comp__content--columns-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 148px 46px 180px 46px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.sroi-comp__header {
    text-align: center;
    padding: 0 4cm;
}

.sroi-comp__header-headline {
    color: #005293;
    font-family: SvffTrim;
    line-height: 0.9em;
    font-size: 33px;
    letter-spacing: 0.029em;
    font-weight: normal;
    margin: 10px 0;
    padding: 0 70px;
}

.sroi-comp__header-headline--large {
    font-size: 65px;
}

.sroi-comp__header-preamble {
    color: #005293;
    font-size: 17px;
    font-weight: bold;
    margin: 0 auto 0;
    max-width: 845px;
    padding: 0 70px;
}

.sroi-comp__footer {
    position: absolute;
    height: 90px;
    left: 0cm;
    right: 20px;
    text-align: right;
    bottom: 0;
}

.sroi-comp__svff-logo {
    height: 55px;
    margin-right: 10px;
    margin-bottom: 3px;
}

.sroi-comp__uefa-logo {
    height: 55px;
    margin-right: 10px;
}

.sroi-comp__textblock {
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    padding: 100px 50px 0 50px;
}

.sroi-comp__textblock--full {
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    padding: 100px 150px 0 150px;
}

.sroi-comp__textblock-header {
    font-family: SvffTrim;
    letter-spacing: 0.029em;
    font-size: 52px;
    line-height: 52px;
    color: #005293;
    margin: 20px 0 30px 0;
}

.sroi-comp__header-icon {
    margin-left: 5px;
    display: inline-block;
    height: 52px;
    width: 52px;
    line-height: 52px;
    vertical-align: middle;
}

.sroi-comp__textblock-text {
    font-size: 12px;
    line-height: 18px;
}

    .sroi-comp__textblock-text h1 {
        margin: 0;
        padding: 0;
        font-size: 17px;
        line-height: 25px;
        color: #005293;
        font-weight: bold;
    }

    .sroi-comp__textblock-text p {
        margin: 0 0 1.5em 0;
    }

.sroi-comp__sector {
    text-align: center;
    padding: 90px 20px 20px;
    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;
    -webkit-flex-basis: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
    margin: 0px 10px;
    overflow: hidden;
}

.sroi-comp__sector--background::before {
    content: "";
    display: block;
    position: absolute;
    top: 35px;
    right: 0;
    left: 0;
    border-bottom: 450px solid #eee;
}

.sroi-comp__sector--background-gold-drop::before {
    border-bottom: 450px solid rgba(239, 125, 0, 0.05) !important;
}

.sroi-comp__sector--background-congress-blue::before {
    border-bottom: 450px solid rgba(0, 82, 147, 0.05) !important;
}

.sroi-comp__sector--background-monza::before {
    border-bottom: 450px solid rgba(227, 6, 19, 0.05) !important;
}

.sroi-comp__sector--background-apple::before {
    border-bottom: 450px solid rgba(71, 154, 54, 0.05) !important;
}

.sroi-comp__sector--background-gray::before {
    border-bottom: 450px solid rgba(112, 111, 111, 0.05) !important;
}

.sroi-comp__sector-title-wrapper {
    font-family: SvffTrim;
    letter-spacing: 0.029em;
    color: #005293;
    margin-top: 20px;
}

.sroi-comp__sector-title-wrapper--whereof {
    margin-top: 10px;
}

.sroi-comp__sector-description {
    font-weight: bold;
    color: #005293;
    margin: 0;
    font-size: 16px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
}

.sroi-comp__sector-title {
    font-size: 52px;
}

.sroi-comp__sector-whereof .sroi-comp__sector-title {
    font-size: 33px;
}

.sroi-comp__sector-suffix {
    font-size: 33px;
    margin-left: 5px;
}

.sroi-comp__sector-whereof .sroi-comp__sector-suffix {
    font-size: 26px;
}

.sroi-comp__sector-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 70px;
}

    .sroi-comp__sector-icon .icon {
        width: auto;
    }

.sroi-comp__sector-text-block {
    margin: 20px 0 0;
    text-align: left;
    display: block;
    font-size: 12px;
    line-height: 18px;
}

    .sroi-comp__sector-text-block h1 {
        margin: 0;
        padding: 0;
        font-size: 17px;
        line-height: 25px;
        color: #005293;
        font-weight: bold;
    }

    .sroi-comp__sector-text-block p {
        margin: 0 0 1.5em 0;
    }

.sroi-comp__sector-divider {
    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: #005293;
    margin-bottom: 15px;
}

.sroi-comp__sector-divider-line {
    background: #005293;
    height: 1px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.sroi-comp__sector-whereof {
    margin: 15px 0 10px;
}

.sroi-comp__sector-whereof-text {
    text-transform: uppercase;
    font-size: 14px;
    margin: 0 20px;
}

.sroi-comp__region-logo {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.sroi-comp__region-icon {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    font-size: 135px;
}

    .sroi-comp__region-icon .icon {
        width: auto;
    }

.sroi-comp__region-title {
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    margin: 10px 0 10px 0;
    color: #005293;
}

.sroi-comp__region-description {
    font-size: 12px;
    line-height: 16px;
}

.sroi-comp__region-icon-text {
    margin-left: 30px;
    line-height: 1em;
    text-align: left;
}

.sroi-comp__region-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 18px;
}

.sroi-comp__region-value-wrapper {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #005293;
}

.sroi-comp__region-item-icon {
    font-size: 40px;
}

.sroi-comp__region-divider {
    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: #005293;
    margin: 10px 0 6px;
}

.sroi-comp__region-divider-line {
    background: #005293;
    height: 1px;
    width: 25px;
}

.sroi-comp__region-whereof-text {
    margin: 0 5px;
    font-size: 10px;
    text-transform: uppercase;
}

.sroi-form__expand-link {
    text-decoration: underline;
    color: #0085c8;
    font-weight: bold;
    display: block;
    text-align: center;
    cursor: pointer;
}

.sroi-form__submit-button {
    width: 300px;
}

.player-games__list {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    background-color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.player-games__list-item {
    width: 100%;
}

@media (min-width: 900px) {
    .player-games__list-item {
        width: 50%;
    }
}

.player-games .load-more-container {
    text-align: center;
}

.player-games__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.player-quote {
    color: #fff;
    overflow: hidden;
    margin-top: -6px;
}

@media (min-width: 600px) {
    .player-quote {
        margin-top: -12px;
    }
}

.player-quote__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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.player-quote__quote {
    position: relative;
    z-index: 1;
    width: 100%;
}

.player-quote__inner {
    position: relative;
    height: 100%;
}

.player-quote__background {
    position: relative;
}

.player-quote__background--gradient-overlay:after {
    content: "";
    display: block;
    position: absolute;
    width: -webkit-calc(100% + 2px);
    width: calc(100% + 2px);
    background-color: #1d1d1d;
    opacity: 0.5;
    left: -1px;
    top: 0;
    bottom: -1px;
    -webkit-box-shadow: none;
    box-shadow: none;
    pointer-events: none;
}

.player-quote__image {
    height: 300px;
    overflow: hidden;
}

@media (min-width: 900px) {
    .player-quote__image {
        height: 400px;
    }
}

@media (min-width: 1800px) {
    .player-quote__image {
        height: 500px;
    }
}

@media all and (-ms-high-contrast: none) {
    .player-quote__image {
        height: auto;
    }
}

@media all and (-ms-high-contrast: none) and (min-width: 900px) {
    .player-quote__image {
        height: 400px;
    }
}

.player-quote__img-src {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 20%;
    object-position: 50% 20%;
    position: absolute;
    top: 0;
    left: 0;
}

@media all and (-ms-high-contrast: none) {
    .player-quote__img-src {
        width: 100%;
        height: auto;
    }
}

.player-quote__content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 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;
    -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-quote__quote {
    text-align: center;
    margin: 0;
    padding: 0 40px;
    max-width: 1600px;
}

@media (min-width: 600px) {
    .player-quote__quote {
        padding: 0 60px;
    }
}

@media (min-width: 900px) {
    .player-quote__quote {
        padding: 0 160px;
    }
}

@media (min-width: 1200px) {
    .player-quote__quote {
        padding: 0 320px;
    }
}

@media (min-width: 1800px) {
    .player-quote__quote {
        padding: 480px;
    }
}

.player-quote__quote:after {
    content: "";
    display: block;
    position: relative;
    top: 0;
    height: 10px;
    width: 50px;
    background-color: #fecb00;
    margin: 0 auto;
}

@media (min-width: 900px) {
    .player-quote__quote:after {
        height: 20px;
        width: 100px;
    }
}

.player-quote__quote:before {
    content: "";
    display: block;
    margin: 0 auto;
    position: relative;
    top: 0;
    height: 34px;
    width: 50px;
    color: #fecb00;
    background: url("data:image/svg+xml,%3Csvg id='Layer_1' xmlns='http://www.w3.org/2000/svg' fill='%23FECB00' viewBox='0 0 120 80'%3E%3Cstyle%3E.st0%7Bfill-rule:evenodd;clip-rule:evenodd%7D%3C/style%3E%3Cpath class='st0' d='M90.667 0c11.259 5.037 21.63 12.444 29.333 21.037C118.815 38.222 104.889 67.556 96.593 80H74.074c3.259-6.519 7.704-16 11.556-26.074-3.852-.296-7.407-.593-10.963-1.481-5.63-10.37-10.074-21.333-12.444-31.407C69.333 12.444 79.407 5.037 90.667 0zM28.444 0c11.259 5.037 21.63 12.444 29.333 21.037C56.593 38.222 42.667 67.556 34.37 80H11.852c3.259-6.519 7.704-16 11.556-26.074-3.852-.296-7.408-.593-10.964-1.482C6.815 42.074 2.37 31.111 0 21.037 7.111 12.444 17.185 5.037 28.444 0z'/%3E%3C/svg%3E");
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

@media (min-width: 900px) {
    .player-quote__quote:before {
        width: 100px;
        height: 68px;
    }
}

.player-quote__quote-text {
    margin: 10px 0;
    padding: 0;
    font-weight: bold;
    line-height: 1.3em;
    font-size: 17px;
}

@media (min-width: 900px) {
    .player-quote__quote-text {
        font-size: 23px;
        margin: 20px 0;
    }
}

@media (min-width: 1200px) {
    .player-quote__quote-text {
        font-size: 25px;
        margin: 20px 0;
    }
}

.player-quote__author {
    margin: 10px 0;
    padding: 0;
    font-size: 15px;
    text-align: center;
}

@media (min-width: 900px) {
    .player-quote__author {
        font-size: 17px;
        margin: 20px 0;
    }
}

.squad-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.squad-list__item {
    width: 100%;
    border-bottom: 1px solid #ececec;
    background-color: #fff;
}

@media (min-width: 600px) {
    .squad-list__item {
        width: 50%;
        border-right: 1px solid #ececec;
    }

        .squad-list__item:nth-child(2n + 2) {
            border-right: none;
        }
}

@media (min-width: 1200px) {
    .squad-list__item {
        width: 33.33%;
    }

        .squad-list__item:nth-child(2n + 2) {
            border-right: 1px solid #ececec;
        }

        .squad-list__item:nth-child(3n + 3) {
            border-right: none;
        }
}

.squad-list__item-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px 10px;
    text-decoration: none;
}

    .squad-list__item-link:hover {
        background-color: #f8f8f8;
    }

.squad-list__item-no-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 10px 10px;
}

.squad-list__load-more {
    text-align: center;
}

.team-competitions__result--loading {
    -webkit-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
    opacity: 0.4;
    pointer-events: none;
}

.team-competitions__result-count {
    margin: 10px 0 5px 0;
}

@media (min-width: 900px) {
    .team-competitions__result-count {
        margin: 20px 0 15px 0;
    }
}

.team-competitions__list {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    background-color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team-competitions__list-item {
    width: 100%;
}

.team-competitions .load-more-container {
    text-align: center;
}

.team-competitions__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.team-competitions__team {
    display: block;
    padding: 10px 10px;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    line-height: 30px;
    color: #1d1d1d;
    width: 100%;
    height: 100%;
    text-decoration: none;
}

    .team-competitions__team:hover {
        background-color: #f8f8f8;
    }

.team-competitions--container-center {
    -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;
}

.team-competitions--container-large {
    font-size: 70px;
    padding: 30px 0;
}

.team-competitions__no-results-message {
    text-align: center;
    color: #706f6f;
}

.article-centered__panel {
    background-color: #fff;
    padding: 10px;
}

@media (min-width: 900px) {
    .article-centered__panel {
        padding: 50px 10px;
    }
}

.article-centered__content {
    max-width: 845px;
    margin: 0 auto;
}

.latest-matches {
    text-align: center;
}

.match-stats .latest-matches {
    padding: 20px 10px;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    height: 100%;
}

@media (min-width: 900px) {
    .match-stats .latest-matches {
        border-bottom: none;
    }
}

.latest-matches__title {
    line-height: 1.5em;
    font-weight: bold;
    color: #005293;
    margin-bottom: 15px;
    display: block;
}

@media (min-width: 900px) {
    .latest-matches__title {
        font-size: 21px;
        margin-bottom: 30px;
    }
}

.latest-matches__container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
}

.latest-matches__team {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 0 5px;
}

@media (min-width: 600px) {
    .latest-matches__team:first-of-type {
        padding: 0 7.5% 0 15%;
    }

    .latest-matches__team:last-of-type {
        padding: 0 15% 0 7.5%;
    }
}

@media (min-width: 900px) {
    .latest-matches__team:first-of-type,
    .latest-matches__team:last-of-type {
        padding: 0 10px;
    }
}

.latest-matches__team-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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
}

@media (min-width: 900px) {
    .latest-matches__team-info {
        margin-bottom: 15px;
    }
}

.latest-matches__items {
    margin: 0;
    padding: 0;
}

.latest-matches__team-name {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5em;
    font-weight: bold;
    font-size: 13px;
}

@media (min-width: 900px) {
    .latest-matches__team-name {
        font-size: 17px;
    }
}

.latest-matches__team-logo {
    margin-bottom: 2px;
}

@media (min-width: 900px) {
    .latest-matches__team-logo {
        width: 75px;
        margin-bottom: 2px;
    }
}

.matches-today {
    background: #f9f9f9;
}

.matches-today--fetching-data .matches-today__body {
    opacity: 50%;
}

.matches-today__logo-wrapper {
    background: #005293;
    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;
    padding: 30px 10px 10px 10px;
}

@media (min-width: 600px) {
    .matches-today__logo-wrapper {
        padding: 25px;
    }
}

@media (min-width: 900px) {
    .matches-today__logo-wrapper {
        padding: 50px;
    }
}

.matches-today__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.matches-today__logo {
    margin-bottom: 10px;
}

.matches-today__gender-filter {
    margin-bottom: 10px;
}

.matches-today__error {
    font-size: 17px;
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
    margin-top: 100px;
}

.matches-today__body {
    -webkit-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    margin: 20px 0;
}

.matches-today__description {
    margin-bottom: 5px;
}

.matches-today__list {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    background-color: white;
    display: block;
}

.matches-today__list-headline {
    margin: 20px 0px 5px 0px;
}

.matches-today__result-text {
    margin: 20px 0 5px 0;
    padding: 0;
}

@media (min-width: 900px) {
    .matches-today__mobile-filter {
        display: none;
    }
}

.matches-today__desktop-filter {
    display: none;
}

@media (min-width: 900px) {
    .matches-today__desktop-filter {
        display: block;
        margin: 0 -10px;
    }
}

.matches-today .load-more-container {
    text-align: center;
}

.matches-today__sub-title {
    margin: 0;
    padding: 0 10px;
}

.matches-today__gender-message {
    width: 100%;
}

.matches-today__gender-message__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;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #9d9d9c;
}

.matches-today__gender-message__text {
    font-size: 17px;
    font-weight: bold;
    padding: 10px 0 10px 0;
}

@media (min-width: 900px) {
    .matches-today__gender-message__text {
        padding: 30px 0 30px 0;
    }
}

.matches-today__gender-message__icon {
    margin-right: 10px;
}

    .matches-today__gender-message__icon .icon {
        width: 50px;
        height: 50px;
    }

.contact-box {
    border: 1px solid #dadada;
}

.contact-box__top-container {
    background: #00345c;
    padding: 10px 20px;
}

.contact-box__bottom-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: 900px) {
    .contact-box__bottom-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.contact-box__info {
    padding: 10px 0;
}

.contact-box__headline {
    margin: 0 !important;
    font-size: 19px !important;
    color: #fff !important;
}

@media (min-width: 600px) {
    .contact-box__headline {
        font-size: 25px !important;
    }
}

.contact-box__preamble {
    margin: 5px 0 !important;
    color: #fff;
}

.contact-box__large-items-list {
    background: #00345c;
    margin: 0 !important;
    padding: 10px 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.contact-box__large-items-list-item {
    list-style-type: none;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
    margin-left: 0 !important;
    margin-top: 0 !important;
}

    .contact-box__large-items-list-item:before {
        content: none !important;
    }

@media (min-width: 900px) {
    .contact-box__large-items-list-item {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
        padding-right: 20px;
    }
}

.contact-box__expandable-items-list {
    margin: 0 !important;
    padding: 0 !important;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -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;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    border-right: 1px solid rgba(218, 218, 218, 0.5);
}

    .contact-box__expandable-items-list:nth-child(2n + 2) {
        border-right: none;
    }

@media (min-width: 900px) {
    .contact-box__expandable-items-list {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
    }
}

.contact-box__expandable-items-list-item {
    list-style-type: none;
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
    margin-left: 0 !important;
    margin-top: 0 !important;
}

    .contact-box__expandable-items-list-item:before {
        content: none !important;
    }

.team-contact-box__outside-headline-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    -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;
}

.team-contact-box__outside-headline {
    line-height: 1.5em;
    font-weight: bold;
    color: #005293;
    margin: 0;
}

@media (min-width: 900px) {
    .team-contact-box__outside-headline {
        font-size: 21px;
    }
}

.team-contact-box__logo-container {
    font-size: 60px;
}

.team-contact-box__top-container {
    background: #00345c;
    padding: 10px 20px;
}

.team-contact-box__bottom-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: 900px) {
    .team-contact-box__bottom-container {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

@media (min-width: 900px) {
    .team-contact-box__bottom-container--one-column {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }
}

.team-contact-box__info {
    padding: 10px 0;
}

.team-contact-box__headline {
    margin: 0;
    font-size: 19px;
    color: #fff;
}

@media (min-width: 600px) {
    .team-contact-box__headline {
        font-size: 25px;
        margin: 0;
    }
}

.team-contact-box__preamble {
    margin: 5px 0;
    color: #fff;
}

.team-contact-box__outfits {
    background: #00345c;
    color: #fff;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.team-contact-box__outfit {
    list-style-type: none;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    width: 100%;
    padding-right: 0;
    margin: 10px 0;
}

@media (min-width: 900px) {
    .team-contact-box__outfit {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
        padding-right: 20px;
    }
}

.team-contact-box__outfit-title {
    line-height: 1.3em;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}

.team-contact-box__outfit-text {
    margin: 0;
}

.team-contact-box__expandable-items-list {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    -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;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-color: #fff;
    border-right: 1px solid rgba(218, 218, 218, 0.5);
}

    .team-contact-box__expandable-items-list:nth-child(2n + 2) {
        border-right: none;
    }

@media (min-width: 900px) {
    .team-contact-box__expandable-items-list {
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        width: 50%;
    }
}

@media (min-width: 900px) {
    .team-contact-box__expandable-items-list--one-column {
        width: 100%;
        -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    }
}

.team-contact-box__expandable-items-list-item {
    list-style-type: none;
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid rgba(218, 218, 218, 0.5);
}

.district-recent {
    padding: 10px 0 0 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-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

@media (min-width: 600px) {
    .district-recent {
        padding: 0;
    }
}

@media (min-width: 900px) {
    .district-recent {
        padding: 20px 20px;
        background-color: #00345c;
        height: 100%;
    }
}

.district-recent__headline {
    text-align: center;
    margin: 0 0 14px 0;
    padding: 0;
    font-size: 33px;
}

@media (min-width: 900px) {
    .district-recent__headline {
        display: none;
    }
}

@media (min-width: 1200px) {
    .district-recent__headline {
        display: block;
    }
}

.district-recent__match-hero-compact-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
}

@media (min-width: 900px) {
    .district-recent__match-hero-compact-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

.district-recent__next-course-wrapper {
    margin-top: auto;
    padding-top: 15px;
}

@media (min-width: 900px) {
    .district-recent__next-course-wrapper {
        padding-top: 10px;
    }
}

.district-recent__next-course-title-bar {
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 6px;
}

.district-recent__next-course-headline {
    font-size: 15px;
    font-weight: normal;
}

.district-recent__next-course-to-all-link {
    text-decoration: none;
}

.district-recent__next-course-to-all-link-text {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.4em;
    text-decoration: none;
}

.district-recent__next-course-to-all-link:hover .district-recent__next-course-to-all-link-text {
    text-decoration: underline;
}

.district-recent__next-course-to-all-link-icon {
    color: #fecb00;
    font-size: 15px;
    line-height: 1.4em;
}

.district-recent__upcoming-items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.district-recent__upcoming-item {
    width: 100%;
}

.district-recent-board {
    padding: 20px 10px;
    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: 1;
    -ms-flex: 1;
    flex: 1;
    background-color: #00345c;
}

@media (min-width: 600px) {
    .district-recent-board {
        padding: 20px;
    }
}

@media (min-width: 900px) {
    .district-recent-board {
        padding: 20px 20px;
        height: 100%;
    }
}

.district-recent-board__headline {
    text-align: center;
    margin: 0 0 14px 0;
    padding: 0;
    font-size: 33px;
}

@media (min-width: 1200px) {
    .district-recent-board__headline {
        font-size: 65px;
        margin: 10px 0 30px 0;
    }
}

.district-recent-board__row {
    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: 900px) {
    .district-recent-board__row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.district-recent-board__match-hero-compact-wrapper {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-right: 0;
}

@media (min-width: 900px) {
    .district-recent-board__match-hero-compact-wrapper {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 20px;
    }
}

@media (min-width: 1200px) {
    .district-recent-board__match-hero-compact-wrapper {
        margin-right: 40px;
    }
}

.district-recent-board__next-course-wrapper {
    margin-top: 20px;
}

@media (min-width: 900px) {
    .district-recent-board__next-course-wrapper {
        margin-top: 0;
        min-width: 297px;
    }
}

@media (min-width: 1200px) {
    .district-recent-board__next-course-wrapper {
        margin-top: 0;
        min-width: 366px;
    }
}

.district-recent-board__title-bar {
    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: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 6px;
}

.district-recent-board__title-bar--next-game {
    display: none;
}

@media (min-width: 900px) {
    .district-recent-board__title-bar--next-game {
        display: block;
    }
}

.district-recent-board__column-headline {
    font-size: 15px;
    line-height: 1em;
    font-weight: normal;
    margin-right: 20px;
}

.district-recent-board__next-course-to-all-link {
    position: relative;
    text-decoration: none;
    font-size: 15px;
    line-height: 15px;
}

.district-recent-board__next-course-to-all-link-text {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    line-height: 1em;
    text-decoration: none;
    padding-right: 17px;
}

.district-recent-board__next-course-to-all-link:hover .district-recent-board__next-course-to-all-link-text {
    text-decoration: underline;
}

.district-recent-board__next-course-to-all-link-icon {
    color: #fecb00;
    position: absolute;
    right: 0px;
}

.district-recent-board__upcoming-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.district-recent-board__upcoming-item {
    margin-bottom: 10px;
}

.rich-text .document-list h2,
.rich-text .document-list h3 {
    margin-top: 0px;
    margin-bottom: 5px;
}

.rich-text .document-list ul {
    margin: 0;
}

.rich-text .document-list li {
    margin: 0;
    position: static;
}

    .rich-text .document-list li:before {
        content: none;
    }

.rich-text .document-list p {
    margin: 0;
}

.document-list__groups {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
}

.document-list__group {
    width: 100%;
}

.document-list__expand-button {
    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%;
    color: #fff;
    background: transparent;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: none;
    background: #005293;
    padding: 20px 20px 20px 10px;
    font-size: 15px;
    font-weight: bold;
    -webkit-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    text-align: left;
}

    .document-list__expand-button:hover {
        background: #00457d;
    }

@media (min-width: 1200px) {
    .document-list__expand-button {
        padding-left: 20px;
        font-size: 17px;
    }
}

.document-list__icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: -o-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease;
    font-size: 15px;
}

[aria-expanded="true"] .document-list__icon {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.document-list__icon .icon {
    display: block;
}

.document-list__group-content {
    display: none;
    -webkit-transition: max-height 0.3s ease;
    -o-transition: max-height 0.3s ease;
    transition: max-height 0.3s ease;
    padding: 0;
}

@media (min-width: 1200px) {
    .document-list__group-content {
        padding: 0 10px;
    }
}

.document-list__items {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
}

.document-list__item {
    width: 100%;
    border-bottom: 1px solid #ececec;
}

@media (min-width: 900px) {
    .document-list__item {
        width: 50%;
    }
}

.facility {
    margin-bottom: -60px;
    padding-bottom: 60px;
}

@media (min-width: 900px) {
    .facility {
        margin-bottom: -120px;
        padding-bottom: 120px;
    }
}

.facility--grey {
    background-color: #f9f9f9;
}

.facility__logo-wrapper {
    background: #005293;
    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;
    padding: 30px 10px 10px 10px;
}

@media (min-width: 600px) {
    .facility__logo-wrapper {
        padding: 25px;
    }
}

@media (min-width: 900px) {
    .facility__logo-wrapper {
        padding: 50px;
    }
}

.facility__map-wrapper {
    background: #005293;
}

.facility__map-top-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 10px;
    -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;
    color: #fff;
}

    .facility__map-top-bar .info-item__title {
        color: #fff;
    }

.facility__map-link-icon {
    font-size: 24px;
    margin-top: 4px;
}

.facility__map-link {
    color: white;
    text-decoration: none;
    font-size: 14px;
    text-align: center;
}

.facility__map-link-text {
    display: block;
    font-size: 10px;
    line-height: 1.5em;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}

.facility__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.facility__logo {
    margin-bottom: 10px;
}

.facility__info-container {
    padding-top: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.facility__info-container-column {
    display: block;
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

@media (min-width: 900px) {
    .facility__info-container-column {
        width: 50%;
        -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    }
}

@media (min-width: 900px) {
    .facility__info-container-column--left {
        padding-right: 10px;
    }
}

@media (min-width: 900px) {
    .facility__info-container-column--right {
        padding-left: 10px;
    }
}

.facility__row {
    padding: 10px 0;
    border-bottom: 1px solid #ececec;
}

.facility__row--2-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 0 10px 0;
}

    .facility__row--2-col > .info-item {
        width: 50%;
        padding: 10px 0 0 0;
    }

@media (min-width: 900px) {
    .facility__row--2-col > .info-item {
        width: 100%;
    }
}

.facility__row-headline {
    display: block;
    width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin-top: 10px;
}

.facility-matches__loader-container {
    padding: 50px 0;
    font-size: 70px;
    -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;
}

.facility-matches__filter {
    margin-bottom: 20px;
}

@media (min-width: 900px) {
    .facility-matches__filter {
        width: 50%;
    }
}

@media (min-width: 900px) {
    .facility-matches .filter__options-item {
        width: 25%;
    }
}

.facility-matches__filter-title {
    font-size: 13px;
    margin-left: 10px;
}

.facility-matches__message {
    font-size: 17px;
    color: #005293;
    font-family: StagSans;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
    margin: 50px 0;
}

@media (min-width: 900px) {
    .facility-matches__filter-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.facility-matches__body {
    margin: 20px 0;
}

.facility-matches__description {
    margin-bottom: 5px;
}

.facility-matches__list {
    position: relative;
    list-style-type: none;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 0;
    margin: 0;
    background-color: white;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.facility-matches__result-text {
    margin: 20px 0 5px 0;
    padding: 0;
}

.facility-matches__list-item {
    width: 100%;
}

@media (min-width: 900px) {
    .facility-matches__list-item {
        width: 50%;
    }
}

.facility-matches .load-more-container {
    text-align: center;
}

.svff-livescore {
    min-height: 700px;
}

@media print {
    #portal-root,
    .mast-header,
    .ls-match-events__show-all-wrapper,
    .mast-footer,
    .cookies,
    .sponsors {
        display: none;
    }

    .formations-view.lineup-section-wrapper {
        -webkit-column-break-before: page;
        break-before: page;
        font-size: 14px;
        line-height: 16px;
    }

    .match-formation,
    .standings-table__wrapper {
        -webkit-column-break-before: page;
        break-before: page;
    }

    .section-panel--grey {
        background-color: #fff;
    }
}
