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

body {
    margin: 0
}

p{
    font-family:  Georgia, serif !important;
}
main {
    display: block
}

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

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

pre {
    font-family: 'Abril Fatface', cursive;
    font-size: 1em
}

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

code,
kbd,
samp {
    font-family: 'Abril Fatface', cursive;
    font-size: 1em
}

small {
    font-size: 80%
}


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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

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

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

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

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

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

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

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

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

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

blockquote,
dd,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
pre {
    margin: 0
}

button {
    background-color: transparent;
    background-image: none;
    padding: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

fieldset,
ol,
ul {
    margin: 0;
    padding: 0
}

ol,
ul {
    list-style: none
}

html {
    font-family: 'Abril Fatface', cursive;
    line-height: 1.5
}

*,
:after,
:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 0 solid
}

hr {
    border-top-width: 1px
}

img {
    border-style: solid
}

textarea {
    resize: vertical
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #a0aec0
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #a0aec0
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #a0aec0
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #a0aec0
}

input::placeholder,
textarea::placeholder {
    color: #a0aec0
}

[role=button],
button {
    cursor: pointer
}

table {
    border-collapse: collapse
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit
}

a {
    color: inherit;
    text-decoration: inherit
}

button,
input,
optgroup,
select,
textarea {
    padding: 0;
    line-height: inherit;
    color: inherit
}

code,
kbd,
pre,
samp {
    font-family: 'Abril Fatface', cursive;
}

audio,
canvas,
embed,
iframe,
img,
object,
svg,
video {
    display: block;
    vertical-align: middle
}

img,
video {
    max-width: 100%;
    height: auto
}

:focus,
a:focus,
button:focus {
    outline: 0
}

@font-face {
    font-family: 'Abril Fatface', cursive;
    src: local("qazini Sans"), url(../../../../themes/custom/numiko/dist/font/qazinisans-regular-webfont.woff2) format("woff2"), url(../../../../themes/custom/numiko/dist/font/qazinisans-regular-webfont.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: 'Abril Fatface', cursive;
    src: local("qazini Sans Bold"), url(../../../../themes/custom/numiko/dist/font/qazinisans-bold-webfont.woff2) format("woff2"), url(../../../../themes/custom/numiko/dist/font/qazinisans-bold-webfont.woff) format("woff");
    font-weight: 700;
    font-display: swap
}

@font-face {
    font-family: 'Abril Fatface', cursive;
    src: local("qazini Sans ExtraBold"), url(../../../../themes/custom/numiko/dist/font/qazinisans-extrabold-webfont.woff2) format("woff2"), url(../../../../themes/custom/numiko/dist/font/qazinisans-extrabold-webfont.woff) format("woff");
    font-weight: 900;
    font-display: swap
}

body,
html {
    min-height: 100%
}

body {
    font-size: 1rem;
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    font-family: 'Abril Fatface', cursive;                                       
    
    line-height: 1.625;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    --bg-opacity: 1;
    background-color: #f7f6f6;
    background-color: rgba(247, 246, 246, var(--bg-opacity))
}

@media (min-width:1024px) {
    body {
        font-size: 1.125rem
    }
}

@media (min-width:1400px) {
    body {
        font-size: 1.25rem
    }
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 0;
    margin-bottom: .75rem;
    font-family: 'Abril Fatface', cursive;
    font-weight: 500;
    line-height: 1.1666
}

@media (min-width:1400px) {

    .h1,
    .h2,
    .h3,
    .h4,
    .h5,
    .h6,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        margin-bottom: 1.5rem
    }
}

.h1,
h1 {
    font-size: 2.1875rem
}

@media (min-width:1400px) {

    .h1,
    h1 {
        font-size: 2.5rem
    }
}

.h2,
h2 {
    font-size: 1.875rem;
    line-height: 1.1666
}

@media (min-width:1400px) {

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

.h3,
h3 {
    font-size: 1.875rem;
    line-height: 1
}

@media (min-width:1400px) {

    .h3,
    h3 {
        font-size: 2.1875rem
    }
}

.h4,
h4 {
    font-size: 1.5rem;
    line-height: 1
}

@media (min-width:1400px) {

    .h4,
    h4 {
        font-size: 1.875rem;
        line-height: 1.1666
    }
}

.h5,
h5 {
    font-size: 1.25rem
}

@media (min-width:1400px) {

    .h5,
    h5 {
        font-size: 1.5rem;
        line-height: 1.1666
    }
}

.h6,
h6 {
    font-size: 1.25rem
}

@media (min-width:1400px) {

    .h6,
    h6 {
        font-size: 1.25rem;
        line-height: 1.1666
    }
}

p {
    margin-bottom: .75rem
}

p:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    p {
        margin-bottom: 2rem
    }
}

dl,
ol,
ul {
    margin-bottom: .75rem
}

@media (min-width:768px) {

    dl,
    ol,
    ul {
        margin-bottom: 2rem
    }
}

ol ol,
ol ul,
ul ol,
ul ul {
    margin-top: 0;
    margin-bottom: 0
}

a {
    color: currentColor;
    -webkit-text-decoration-skip: ink;
    text-decoration-skip-ink: auto;
    -webkit-transition: color .3 ease 0s;
    -o-transition: color .3 ease 0s;
    transition: color .3 ease 0s
}

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

hr {
    margin-bottom: 1rem;
    --border-opacity: 1;
    border-color: #e7e7e7;
    border-bottom: 2px;
    border-color: rgba(231, 231, 231, var(--border-opacity));
    border-style: solid
}

img,
picture,
svg {
    margin-left: 0;
    margin-right: 0;
    max-width: 100%
}

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

.no-js noscript img.lazyload {
    display: block;
    opacity: 1
}

figure {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0
}

cite {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    font-style: italic
}

cite:before {
    content: "\2014 \00A0"
}

code {
    display: inline-block;
    margin-left: 1rem;
    margin-bottom: 1rem;
    padding: .25rem .5rem;
    --bg-opacity: 1;
    background-color: #e7e7e7;
    background-color: rgba(231, 231, 231, var(--bg-opacity))
}

form {
    zoom: 1
}

form:after,
form:before {
    content: "";
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

form:after {
    clear: both
}

fieldset {
    border-style: none;
    padding: 0;
    zoom: 1
}

fieldset:after,
fieldset:before {
    content: "";
    display: table;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

fieldset:after {
    clear: both
}

label,
legend {
    margin-bottom: 1rem
}

label {
    display: inline-block;
    cursor: pointer
}

input,
select,
textarea {
    display: block;
    width: 100%;
    padding: 1.5rem;
    border-radius: 0;
    border-style: none;
    --bg-opacity: 1;
    background-color: #eeedeb;
    background-color: rgba(238, 237, 235, var(--bg-opacity));
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    outline: 0
}

select {
    background-repeat: no-repeat;
    line-height: 1.5;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../../../../themes/custom/numiko/distimg/svg/icon-select-dropdown.html);
    background-size: 1em .5em;
    background-position: right 2em center
}

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

textarea {
    resize: vertical;
    -webkit-overflow-scrolling: touch;
    min-height: 100px
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .6);
    opacity: .999
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: rgba(0, 0, 0, .6);
    opacity: .999
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: rgba(0, 0, 0, .6);
    opacity: .999
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: rgba(0, 0, 0, .6);
    opacity: .999
}

input::placeholder,
textarea::placeholder {
    color: rgba(0, 0, 0, .6);
    opacity: .999
}

input[type=checkbox],
input[type=radio] {
    position: static;
    display: inline-block;
    margin-right: .5rem;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e7e7e7;
    border-color: rgba(231, 231, 231, var(--border-opacity));
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    vertical-align: middle;
    width: 15px;
    height: 15px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    margin: 0;
    -webkit-appearance: none;
    appearance: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 60px #fff inset
}

.form-item,
.form-wrapper {
    margin-bottom: 1.5rem
}

input:not([type=checkbox]):not([type=radio]).parsley-error,
select.parsley-error,
textarea.parsley-error {
    margin-bottom: 1rem;
    border-left-width: 5px;
    --border-opacity: 1;
    border-color: #c21212;
    border-color: rgba(194, 18, 18, var(--border-opacity))
}

.parsley-required,
.parsley-type {
    --text-opacity: 1;
    color: #c21212;
    color: rgba(194, 18, 18, var(--text-opacity))
}

.parsley-errors-list {
    padding: 0;
    margin: .5rem 0;
    list-style-type: none
}

.form-required:after {
    content: "*"
}

.c-status-message,
.webform-confirmation__message {
    margin-bottom: 1rem;
    padding: 1rem;
    border-width: 1px;
    --border-opacity: 1;
    border-color: #e3ea6c;
    border-color: rgba(227, 234, 108, var(--border-opacity))
}

.c-status-message.-error,
.webform-confirmation__message.-error {
    border-width: 1px;
    --border-opacity: 1;
    border-color: #c21212;
    border-color: rgba(194, 18, 18, var(--border-opacity));
    /* color: orange; */
    
}

.tabbing a:focus {
    -webkit-box-shadow: 0 0 0 3px #f18031;
    box-shadow: 0 0 0 3px #f18031
}

html.locked {
    overflow: hidden
}

body {
    background-color: #f8f7f8;
    background-color: hsl(285, var(--saturation, 6%), var(--lightness, 97%))
}

body.locked {
    position: absolute;
    overflow-y: hidden
}

.smooth-scroll-wrapper,
body.locked {
    height: 100%;
    width: 100%
}

.circles-background {
    display: none
}

@media (min-width:1024px) {
    .circles-background {
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        overflow: hidden;
        z-index: -1
    }
}

.circles-group {
    position: absolute;
    left: 0;
    width: 100%;
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
    opacity: .001;
    will-change: opacity;
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s;
    height: 400vh;
    -webkit-perspective: 500px;
    perspective: 500px
}

.circles-group:nth-child(2n) {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1)
}

.circle1 {
    border-radius: 9999px;
    position: absolute;
    --bg-opacity: 1;
    background-color: #e8308a !important;
    background-color: rgba(232, 48, 138, var(--bg-opacity));
    will-change: transform;
    width: 521.6px;
    height: 521.6px
}
.circle2 {
    border-radius: 9999px;
    position: absolute;
    --bg-opacity: 1;
    background-color: purple !important;
    background-color: rgba(232, 48, 138, var(--bg-opacity));
    will-change: transform;
    width: 521.6px;
    height: 521.6px
}
.circle3 {
    border-radius: 9999px;
    position: absolute;
    --bg-opacity: 1;
    background-color: black !important;
    background-color: rgba(232, 48, 138, var(--bg-opacity));
    will-change: transform;
    width: 521.6px;
    height: 521.6px
}

@media (min-width:1400px) {
    .circle {
        width: 652px;
        height: 652px
    }
}

.circle--big {
    top: 100vh;
    right: 50%;
    -webkit-transform: translateX(190%) translateY(0) translateZ(0) scale(1);
    transform: translateX(190%) translateY(0) translateZ(0) scale(1);
    -webkit-transform: translateX(190%) translateY(var(--ty, 0)) translateZ(0) scale(1);
    transform: translateX(190%) translateY(var(--ty, 0)) translateZ(0) scale(1)
}

.circle--medium {
    top: 90vh;
    left: 0;
    -webkit-transform: translateX(-110%) translateY(0) translateZ(-250px) scale(.7);
    transform: translateX(-110%) translateY(0) translateZ(-250px) scale(.7);
    -webkit-transform: translateX(-110%) translateY(var(--ty, 0)) translateZ(-250px) scale(.7);
    transform: translateX(-110%) translateY(var(--ty, 0)) translateZ(-250px) scale(.7)
}

.circle--small {
    top: 150vh;
    left: -20%;
    -webkit-transform: translateX(-29rem) translateY(0) translateZ(-2000px) scale(1.5);
    transform: translateX(-29rem) translateY(0) translateZ(-2000px) scale(1.5);
    -webkit-transform: translateX(-29rem) translateY(var(--ty, 0)) translateZ(-2000px) scale(1.5);
    transform: translateX(-29rem) translateY(var(--ty, 0)) translateZ(-2000px) scale(1.5)
}

.theme--color .circle {
    --bg-opacity: 1;
    background-color: #e8308a;
    background-color: rgba(232, 48, 138, var(--bg-opacity))
}

.theme--monochrome .circle {
    --bg-opacity: 1;
    background-color: #ddd;
    background-color: rgba(221, 221, 221, var(--bg-opacity))
}

.theme--bbc-archive .circle {
    --bg-opacity: 1;
    background-color: #9b9b9b;
    background-color: rgba(155, 155, 155, var(--bg-opacity))
}

.theme--green .circle {
    --bg-opacity: 1;
    background-color: #15af97;
    background-color: rgba(21, 175, 151, var(--bg-opacity))
}

.theme--blue .circle {
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(65, 186, 236, var(--bg-opacity))
}

.parallax-pattern {
    display: none;
    -webkit-transform: translateY(calc(var(--ty)*0.3));
    -ms-transform: translateY(calc(var(--ty)*0.3));
    transform: translateY(calc(var(--ty)*0.3))
}

@media (min-width:1024px) {
    .parallax-pattern {
        display: block;
        position: absolute
    }
}

body.user-logged-in .wrapper-header-overlay {
    top: 2.4375rem
}

body.user-logged-in .wrapper-header-overlay.active {
    height: calc(100vh - 2.4375rem)
}

@media (min-width:1024px) {
    body.user-logged-in.toolbar-tray-open .wrapper-header-overlay {
        top: 4.875rem
    }

    body.user-logged-in.toolbar-tray-open .wrapper-header-overlay.active {
        height: calc(100vh - 4.875rem)
    }
}

.slice {
    position: relative;
    margin-top: 3.75rem;
    margin-bottom: 3.75rem
}

.slice--double {
    margin-top: 7.5rem;
    margin-bottom: 7.5rem
}

@media (min-width:1024px) {
    .slice--double {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem
    }
}

.slice--half {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

@media (min-width:1024px) {
    .slice--half {
        margin-top: 1.875rem;
        margin-bottom: 1.875rem
    }
}

.slice-title {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    text-align: center;
    font-size: 3rem;
    margin: 1.875rem auto;
    max-width: 59rem
}

@media (min-width:1024px) {
    .slice-title {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

    .slice-title--w-cta {
        text-align: left;
        margin-left: 0;
        margin-right: 0
    }
}

@media (min-width:1400px) {
    .slice-title {
        font-size: 5.625rem
    }
}

.slice-title--boxed {
    position: relative;
    overflow: hidden;
    max-width: none;
    padding: 1.5rem;
    --border-opacity: 1;
    border: 7px solid #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    font-size: 1.875rem
}

@media (min-width:1024px) {
    .slice-title--boxed {
        border-width: 10px
    }
}

@media (min-width:1400px) {
    .slice-title--boxed {
        font-size: 2.5rem
    }
}

.slice-title--boxed:after,
.slice-title--boxed:before {
    content: "";
    height: 80px;
    width: 80px;
    position: absolute;
    border-style: solid;
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity))
}

.slice-title--boxed:before {
    top: 0;
    left: 0;
    border-right-width: 7px;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg)
}

@media (min-width:1024px) {
    .slice-title--boxed:before {
        border-right-width: 10px
    }
}

.slice-title--boxed:after {
    bottom: 0;
    right: 0;
    border-left-width: 7px;
    -webkit-transform: translate(50%, 50%) rotate(45deg);
    -ms-transform: translate(50%, 50%) rotate(45deg);
    transform: translate(50%, 50%) rotate(45deg)
}

@media (min-width:1024px) {
    .slice-title--boxed:after {
        border-left-width: 10px
    }
}

.slice-cta-button {
    width: calc(33.33333% - 2.5rem)
}

.flex-grid {
    margin-left: -1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

@media (min-width:768px) {
    .flex-grid {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width:1400px) {
    .flex-grid {
        margin-left: -3.75rem
    }
}

.flex-grid:last-child {
    margin-bottom: -1.875rem
}

@media (min-width:1400px) {
    .flex-grid:last-child {
        margin-bottom: -3.75rem
    }
}

.flex-grid__item {
    padding-left: 1.875rem;
    padding-bottom: 1.875rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%
}

@media (min-width:1400px) {
    .flex-grid__item {
        padding-left: 3.75rem;
        padding-bottom: 3.75rem
    }
}

@media (min-width:768px) {
    .flex-grid--teasers .flex-grid__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width:1024px) {
    .flex-grid--teasers .flex-grid__item {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%
    }
}

.flex-grid--teasers .flex-grid__item:last-child {
    max-width: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto
}

.flex-grid--teasers[data-item-count="2"]:nth-child(2n)+.flex-grid--teasers[data-item-count="2"] .flex-grid__item:first-child {
    max-width: none;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-grid--teasers[data-item-count="2"]:nth-child(2n)+.flex-grid--teasers[data-item-count="2"] .flex-grid__item:last-child {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media (min-width:768px) {
    .flex-grid--standard .flex-grid__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width:1024px) {
    .flex-grid--standard .flex-grid__item {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%
    }

    .flex-grid--standard .flex-grid__item:nth-child(5n+1) {
        -ms-flex-preferred-size: 66.66%;
        flex-basis: 66.66%;
        max-width: 66.66%
    }
}

@media (min-width:768px) {
    .flex-grid--3 .flex-grid__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width:1024px) {
    .flex-grid--3 .flex-grid__item {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%
    }
}

@media (min-width:768px) {

    .flex-grid--bbc-archive .flex-grid__item,
    .flex-grid--profiles .flex-grid__item {
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%
    }
}

@media (min-width:1400px) {

    .flex-grid--bbc-archive .flex-grid__item,
    .flex-grid--profiles .flex-grid__item {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%
    }
}

.flex-grid--qh-only .post-nominals {
    display: none
}

.flex-grid--promoted:last-child {
    margin-bottom: 0
}

@media (min-width:1024px) {
    .flex-grid--promoted:last-child {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .flex-grid--promoted .flex-grid__item {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%
    }
}

.flex-grid--search .flex-grid__item {
    padding-bottom: 1.875rem
}

.flex-grid--social .flex-grid__item {
    display: none
}

.flex-grid--social .flex-grid__item:first-child {
    display: block
}

@media (min-width:768px) {
    .flex-grid--social .flex-grid__item {
        display: block;
        max-width: 50%;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%
    }

    .flex-grid--social .flex-grid__item:last-child {
        display: none
    }
}

@media (min-width:1400px) {
    .flex-grid--social .flex-grid__item {
        -ms-flex-preferred-size: 33.33%;
        flex-basis: 33.33%;
        max-width: 33.33%
    }

    .flex-grid--social .flex-grid__item:last-child {
        display: block
    }
}

.c-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    fill: currentColor;
    width: 1rem;
    height: 1rem
}

.c-icon--small {
    width: .75rem;
    height: .75rem
}

.c-icon--medium {
    width: 1.25rem;
    height: 1.25rem
}

.c-icon--large {
    width: 1.5rem;
    height: 1.5rem
}

.c-icon--x-large {
    width: 2rem;
    height: 2rem
}

.c-icon--xx-large {
    width: 3rem;
    height: 3rem
}

.c-button {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 1.25rem;
    font-size: 1.125rem;
    font-weight: 100;
    line-height: 1.1666;
    text-align: center
}

@media (min-width:1400px) {
    .c-button {
        padding: 1.25rem 2rem;
        font-size: 1.25rem
    }
}

.c-button--primary,
.c-button--search,
.c-button--secondary,
.c-button--tertiary,
.c-button--transparent {
    overflow: hidden;
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    -o-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.c-button--primary:before,
.c-button--search:before,
.c-button--secondary:before,
.c-button--tertiary:before,
.c-button--transparent:before {
    display: block;
    content: "";
    width: calc(100% + 4rem);
    padding-top: calc(100% + 4rem);
    border-radius: 9999px;
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 60%) scale(0);
    -ms-transform: translate(-50%, 60%) scale(0);
    transform: translate(-50%, 60%) scale(0);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    -o-transition-property: transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    -webkit-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: -1;
    -webkit-transition-delay: .1s;
    -o-transition-delay: .1s;
    transition-delay: .1s
}

.c-button--primary.active:before,
.c-button--primary:hover:before,
.c-button--search.active:before,
.c-button--search:hover:before,
.c-button--secondary.active:before,
.c-button--secondary:hover:before,
.c-button--tertiary.active:before,
.c-button--tertiary:hover:before,
.c-button--transparent.active:before,
.c-button--transparent:hover:before,
body.tabbing .c-button--primary:focus:before,
body.tabbing .c-button--search:focus:before,
body.tabbing .c-button--secondary:focus:before,
body.tabbing .c-button--tertiary:focus:before,
body.tabbing .c-button--transparent:focus:before {
    -webkit-transform: translate(-50%, 30%) scale(1);
    -ms-transform: translate(-50%, 30%) scale(1);
    transform: translate(-50%, 30%) scale(1);
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s
}

.c-button--primary {
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: #f18031;;
    --text-opacity: 1;
    color: #000;
    color: #fff;
    --border-opacity: 1;
    border: 2px solid #f18031;
}

.c-button--primary:before {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.c-button--primary.active,
.c-button--primary:hover,
.c-button--secondary,
body.tabbing .c-button--primary:focus {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.c-button--secondary {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --border-opacity: 1;
    border: 2px solid #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    -o-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    overflow: hidden
}

.c-button--secondary:before {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.c-button--secondary.active,
.c-button--secondary:hover,
.c-button--tertiary,
body.tabbing .c-button--secondary:focus {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.c-button--tertiary {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    border: 2px solid transparent
}

.c-button--tertiary:before {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.c-button--tertiary.active,
.c-button--tertiary:hover,
.c-button--transparent,
body.tabbing .c-button--tertiary:focus {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.c-button--transparent {
    text-shadow: 0 0 5px rgba(0, 0, 0, .55);
    --border-opacity: 1;
    border: 2px solid #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.c-button--transparent:before {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.c-button--search {
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(253, 195, 0, var(--bg-opacity));
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    --border-opacity: 1;
    border: 2px solid #f18031;
    border-color: rgba(253, 195, 0, var(--border-opacity));
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    -o-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.c-button--search .svg-search-circle {
    fill: #fff
}

.c-button--search:before {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s
}

.c-button--search.active,
.c-button--search:focus,
.c-button--search:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.c-button--search.active .svg-search-circle,
.c-button--search:focus .svg-search-circle,
.c-button--search:hover .svg-search-circle {
    fill: #000
}

.c-button .c-button__icon,
.c-button .c-button__label {
    vertical-align: middle
}

.c-button .c-button__icon {
    margin-left: .5rem
}

.c-button .c-button__icon:first-child {
    margin-left: 0;
    margin-right: .5rem
}

.c-button-media {
    width: 3rem;
    height: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    border-radius: 9999px;
    outline: 0;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --border-opacity: 1;
    border: 2px solid #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

@media (min-width:1400px) {
    .c-button-media--large {
        width: 4rem;
        height: 4rem
    }
}

.c-button-media--small {
    width: 2.5rem;
    height: 2.5rem
}

.c-button-media .c-button-media__ring {
    width: 130%;
    height: 130%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: none;
    position: absolute
}

.c-button-media .c-button-media__ring .foreground {
    fill: transparent;
    stroke-dasharray: 190;
    stroke-dashoffset: 190;
    stroke: #e8308a;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: rotate(-270deg);
    -ms-transform: rotate(-270deg);
    transform: rotate(-270deg);
    -webkit-transition: rotate 1s ease 0s, stroke-dashoffset 1s ease 0s;
    -o-transition: rotate 1s ease 0s, stroke-dashoffset 1s ease 0s;
    transition: rotate 1s ease 0s, stroke-dashoffset 1s ease 0s
}

.c-button-media .c-icon--play {
    display: block;
    margin-left: .3rem
}

.c-button-media .c-icon--pause {
    display: none
}

.c-button-media:focus,
.c-button-media:hover {
    cursor: pointer;
    outline: 0;
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(253, 195, 0, var(--bg-opacity));
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity));
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    -o-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.c-button-media:focus .c-button-media__ring .foreground,
.c-button-media:hover .c-button-media__ring .foreground {
    stroke-dashoffset: 0;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.c-button-media.is-playing .c-icon--play {
    display: none
}

.c-button-media.is-playing .c-icon--pause {
    display: block
}

.wrapper-header-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background-color: transparent
}

@media (min-width:1024px) {
    .wrapper-header-overlay {
        position: fixed;
        -webkit-transition-property: background-color, border-color, color, fill, stroke;
        -o-transition-property: background-color, border-color, color, fill, stroke;
        transition-property: background-color, border-color, color, fill, stroke;
        -webkit-transition-duration: .6s;
        -o-transition-duration: .6s;
        transition-duration: .6s
    }
}

.wrapper-header-overlay.active {
    height: 100%
}

.c-header-overlay {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    overflow: hidden
}

@media (min-width:1024px) {
    .c-header-overlay {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        background-color: transparent
    }
}

.c-header-overlay__nav {
    scroll-behavior: smooth
}

.c-header-overlay__nav::-webkit-scrollbar {
    width: .75rem
}

.c-header-overlay__nav::-webkit-scrollbar-track {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    border-radius: .5rem
}

.c-header-overlay__nav::-webkit-scrollbar-thumb {
    border-radius: .5rem;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity));
    --border-opacity: 1;
    border: 2px solid #000;
    border-color: rgba(0, 0, 0, var(--border-opacity))
}

@media (max-height:300px) {

    .c-header-overlay .c-header-overlay__nav,
    .c-header-overlay .c-header-overlay__search-form {
        padding-top: .5rem;
        padding-bottom: .5rem
    }
}

.c-menu-page__list {
    line-height: 1.1666
}

@media (min-width:768px) {
    .c-menu-page__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: -1rem;
        margin-right: -1rem
    }
}

.c-menu-page__item {
    margin-bottom: 1rem
}

@media (min-width:768px) {
    .c-menu-page__item {
        width: 50%;
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.c-menu-page__link {
    display: block;
    --text-opacity: 1;
    color: #f18031;
    color: #f18031
}

.c-menu__footer-link {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

@media (min-width:1400px) {
    .c-menu__footer-link {
        font-size: 1.125rem
    }
}

.c-menu__footer-link:focus,
.c-menu__footer-link:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.c-menu-dropdown {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.c-menu-dropdown-reveal {
    position: absolute;
    display: block;
    width: 100%;
    z-index: 50;
    overflow: hidden;
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(253, 195, 0, var(--bg-opacity));
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    height: 0
}

.c-menu-dropdown-button {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1024px) {
    .c-menu-dropdown-button--mobile {
        display: none
    }
}

.c-filter-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
    line-height: 1.1666
}

@media (min-width:1024px) {
    .c-filter-bar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 0;
        padding-bottom: 0;
        background: -o-repeating-linear-gradient(bottom, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 5.4375rem, hsla(0, 0%, 100%, .5) 5.4375rem, hsla(0, 0%, 100%, .5) calc(5.4375rem + 1px));
        background: repeating-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 5.4375rem, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) calc(5.4375rem + 1px))
    }
}

.c-filter-bar legend {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.c-filter-bar .js-form-wrapper {
    margin: 0
}

.c-filter-bar .js-form-type-radio {
    position: relative;
    display: block;
    margin: 0;
    font-size: 1.125rem;
    font-weight: 100;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1024px) {
    .c-filter-bar .js-form-type-radio {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
        font-weight: 100
    }
}

.c-filter-bar input[type=checkbox],
.c-filter-bar input[type=radio] {
    position: absolute;
    left: 0;
    margin-left: 1.25rem
}

@media (min-width:1024px) {

    .c-filter-bar input[type=checkbox],
    .c-filter-bar input[type=radio] {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }
}

.c-filter-bar input[type=checkbox]:checked+label,
.c-filter-bar input[type=radio]:checked+label {
    font-weight: 100
}

.c-filter-bar input[type=checkbox]:checked+label span,
.c-filter-bar input[type=radio]:checked+label span {
    background-size: 100% 5px;
    background-position: left bottom 0
}

.c-filter-bar label {
    display: block;
    margin: 0;
    cursor: pointer;
    width: 100%
}

@media (min-width:1024px) {
    .c-filter-bar label {
        text-decoration: none
    }

    .c-filter-bar label span {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f18031), to(#f18031));
        background-image: -o-linear-gradient(#f18031, #f18031);
        background-image: linear-gradient(#f18031, #f18031);
        background-position: right bottom 0;
        background-repeat: no-repeat;
        background-size: 0 5px;
        -webkit-transition: background-size .3s ease;
        -o-transition: background-size .3s ease;
        transition: background-size .3s ease
    }

    .c-filter-bar label:focus span,
    .c-filter-bar label:hover span {
        background-size: 100% 5px;
        background-position: left bottom 0
    }
}

.c-filter-bar label span {
    display: block;
    padding: 1rem 1rem 1rem 3rem
}

@media (min-width:1024px) {
    .c-filter-bar label span {
        padding: 2rem 0;
        font-size: 1.25rem
    }
}

.c-filter-bar .form-actions {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
    display: none
}

.no-js .c-filter-bar .form-actions {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal;
    display: inline-block;
    position: absolute;
    right: 0;
    bottom: 0;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.c-list-bar {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
    line-height: 1.1666
}

@media (min-width:1024px) {
    .c-list-bar {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        padding-top: 0;
        padding-bottom: 0
    }
}

.c-list-bar__item {
    display: block;
    text-align: center;
    font-size: 1.125rem
}

@media (min-width:1024px) {
    .c-list-bar__item {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }
}

@media (min-width:1400px) {
    .c-list-bar__item {
        font-size: 1.5rem
    }
}

.c-list-bar__link {
    display: block;
    padding: 1rem;
    text-decoration: none
}

.c-list-bar__link .animate-underline-child {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: -o-linear-gradient(#000, #000);
    background-image: linear-gradient(#000, #000);
    background-position: right bottom 0;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: background-size .3s ease;
    -o-transition: background-size .3s ease;
    transition: background-size .3s ease
}

.c-list-bar__link:focus .animate-underline-child,
.c-list-bar__link:hover .animate-underline-child {
    background-size: 100% 2px;
    background-position: left bottom 0
}

@media (min-width:1024px) {
    .c-list-bar__link {
        padding: 0;
        text-decoration: none
    }

    .c-list-bar__link .animate-underline-child {
        background-image: -webkit-gradient(linear, left top, left bottom, from(#f18031), to(#f18031));
        background-image: -o-linear-gradient(#f18031, #f18031);
        background-image: linear-gradient(#f18031, #f18031);
        background-position: right bottom 0;
        background-repeat: no-repeat;
        background-size: 0 10px;
        -webkit-transition: background-size .3s ease;
        -o-transition: background-size .3s ease;
        transition: background-size .3s ease
    }

    .c-list-bar__link:focus .animate-underline-child,
    .c-list-bar__link:hover .animate-underline-child {
        background-size: 100% 10px;
        background-position: left bottom 0
    }
}

.c-list-bar__link.is-active {
    font-weight: 700
}

.c-list-bar__link.is-active .animate-underline-child {
    background-size: 100% 2px;
    background-position: left bottom 0
}

@media (min-width:1024px) {
    .c-list-bar__link.is-active .animate-underline-child {
        background-size: 100% 10px;
        background-position: left bottom 0
    }
}

@media (min-width:1024px) {
    .c-list-bar__link span {
        display: block;
        padding-top: 2rem;
        padding-bottom: 2.5rem;
        margin-bottom: -5px
    }
}

.cke_editable>h2:first-child,
.cke_editable h3:first-child,
.cke_editable h4:first-child,
.cke_editable h5:first-child,
.cke_editable h6:first-child,
.wysiwyg>h2:first-child,
.wysiwyg h3:first-child,
.wysiwyg h4:first-child,
.wysiwyg h5:first-child,
.wysiwyg h6:first-child {
    margin-top: 0
}

.cke_editable>h2,
.wysiwyg>h2 {
    --text-opacity: 1;
    color: #702d87;
    color: rgba(112, 45, 135, var(--text-opacity));
    line-height: 1.1666;
    font-size: 1.5rem;
    margin-top: 2.5rem;
    margin-bottom: 1rem
}

@media (min-width:1024px) {

    .cke_editable>h2,
    .wysiwyg>h2 {
        font-size: 1.875rem;
        margin-top: 3rem;
        margin-bottom: 1.5rem
    }
}

@media (min-width:1400px) {

    .cke_editable>h2,
    .wysiwyg>h2 {
        font-size: 2.1875rem
    }
}

.cke_editable>h3,
.wysiwyg>h3 {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    font-size: 1.125rem;
    line-height: 1.375;
    margin-top: 1.5rem;
    margin-bottom: 1rem
}

@media (min-width:1024px) {

    .cke_editable>h3,
    .wysiwyg>h3 {
        font-size: 1.25rem
    }
}

@media (min-width:1400px) {

    .cke_editable>h3,
    .wysiwyg>h3 {
        font-size: 1.5rem;
        margin-top: 2rem;
        margin-bottom: 1rem
    }
}

.cke_editable>h4,
.cke_editable h5,
.cke_editable h6,
.wysiwyg>h4,
.wysiwyg h5,
.wysiwyg h6 {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    font-size: 1rem;
    line-height: 1.375;
    margin-top: 1.5rem;
    margin-bottom: .25rem
}

@media (min-width:1024px) {

    .cke_editable>h4,
    .cke_editable h5,
    .cke_editable h6,
    .wysiwyg>h4,
    .wysiwyg h5,
    .wysiwyg h6 {
        font-size: 1.125rem
    }
}

@media (min-width:1400px) {

    .cke_editable>h4,
    .cke_editable h5,
    .cke_editable h6,
    .wysiwyg>h4,
    .wysiwyg h5,
    .wysiwyg h6 {
        font-size: 1.25rem;
        margin-top: 2rem
    }
}

.cke_editable a:not(.animate-underline),
.wysiwyg a:not(.animate-underline) {
    text-decoration: underline;
    --text-opacity: 1;
    color: #f18031;
    color: #f18031;
    -webkit-text-decoration-color: #f18031;
    text-decoration-color: #f18031;
    text-decoration-thickness: 2px;
    text-underline-offset: 3px
}

.cke_editable a:not(.animate-underline):hover,
.wysiwyg a:not(.animate-underline):hover {
    text-decoration: none
}

.tabbing .cke_editable a:focus,
.tabbing .wysiwyg a:focus {
    -webkit-box-shadow: 0 0 0 3px #f18031;
    box-shadow: 0 0 0 3px #f18031
}

.cke_editable ol li,
.cke_editable ul li,
.wysiwyg ol li,
.wysiwyg ul li {
    position: relative;
    margin-bottom: .75rem;
    padding-left: 1.5rem
}

@media (min-width:1024px) {

    .cke_editable ol li,
    .cke_editable ul li,
    .wysiwyg ol li,
    .wysiwyg ul li {
        padding-left: 2rem
    }
}

.cke_editable ol li:before,
.cke_editable ul li:before,
.wysiwyg ol li:before,
.wysiwyg ul li:before {
    position: absolute;
    left: 0;
    top: 0
}

.cke_editable ol li:last-child,
.cke_editable ul li:last-child,
.wysiwyg ol li:last-child,
.wysiwyg ul li:last-child {
    margin-bottom: 0
}

.cke_editable ul li:before,
.wysiwyg ul li:before {
    --text-opacity: 1;
    color: #702d87;
    color: rgba(112, 45, 135, var(--text-opacity));
    content: "\25CF"
}

.cke_editable ul ul,
.wysiwyg ul ul {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.cke_editable ul ul li:before,
.wysiwyg ul ul li:before {
    opacity: .75
}

.cke_editable ol,
.wysiwyg ol {
    counter-reset: list
}

.cke_editable ol li,
.wysiwyg ol li {
    padding-left: 2.5rem;
    counter-increment: list
}

@media (min-width:1024px) {

    .cke_editable ol li,
    .wysiwyg ol li {
        padding-left: 3.5rem
    }
}

.cke_editable ol li:before,
.wysiwyg ol li:before {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: inline-block;
    border-radius: 9999px;
    font-weight: 700;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: center;
    --bg-opacity: 1;
    background-color: #702d87;
    background-color: rgba(112, 45, 135, var(--bg-opacity));
    content: counter(list);
    line-height: 25px;
    width: 25px;
    height: 25px
}

@media (min-width:1024px) {

    .cke_editable ol li:before,
    .wysiwyg ol li:before {
        line-height: 35px;
        width: 35px;
        height: 35px
    }
}

.cke_editable ol ol,
.wysiwyg ol ol {
    margin-top: .75rem;
    margin-bottom: .75rem
}

.cke_editable ol ol li:before,
.wysiwyg ol ol li:before {
    opacity: .75
}

.cke_editable .table-container,
.wysiwyg .table-container {
    overflow: auto
}

.cke_editable .table-container::-webkit-scrollbar,
.wysiwyg .table-container::-webkit-scrollbar {
    width: .75rem
}

.cke_editable .table-container::-webkit-scrollbar-track,
.wysiwyg .table-container::-webkit-scrollbar-track {
    border-radius: 9999px;
    margin-top: 1.25rem;
    --bg-opacity: 1;
    background-color: #702d87;
    background-color: rgba(112, 45, 135, var(--bg-opacity))
}

.cke_editable .table-container::-webkit-scrollbar-thumb,
.wysiwyg .table-container::-webkit-scrollbar-thumb {
    border-radius: 9999px;
    --bg-opacity: 1;
    background-color: #f8f6f9;
    background-color: rgba(248, 246, 249, var(--bg-opacity));
    --border-opacity: 1;
    border: 2px solid #702d87;
    border-color: rgba(112, 45, 135, var(--border-opacity))
}

.cke_editable table,
.wysiwyg table {
    width: 100%;
    border-collapse: collapse;
    font-size: .875rem;
    margin-bottom: 1rem
}

@media (min-width:1024px) {

    .cke_editable table,
    .wysiwyg table {
        font-size: .875rem
    }
}

@media (min-width:1400px) {

    .cke_editable table,
    .wysiwyg table {
        font-size: 1rem
    }
}

.cke_editable table caption,
.wysiwyg table caption {
    --bg-opacity: 1;
    background-color: #f8f6f9;
    background-color: rgba(248, 246, 249, var(--bg-opacity));
    padding: 1rem
}

.cke_editable table td,
.cke_editable table th,
.wysiwyg table td,
.wysiwyg table th {
    padding: 1rem;
    --border-opacity: 1;
    border: 2px solid #702d87;
    border-color: rgba(112, 45, 135, var(--border-opacity));
    vertical-align: top
}

.cke_editable table th,
.wysiwyg table th {
    padding: 1rem;
    border-width: 2px;
    border-style: solid;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-weight: 700;
    --bg-opacity: 1;
    background-color: #702d87;
    background-color: rgba(112, 45, 135, var(--bg-opacity))
}

.cke_editable table thead th,
.wysiwyg table thead th {
    border-color: #702d87 #fff #702d87 #702d87
}

.cke_editable table thead th:first-child,
.wysiwyg table thead th:first-child {
    border-bottom-color: #fff
}

.cke_editable table thead th:last-child,
.wysiwyg table thead th:last-child {
    border-right-color: #702d87
}

.cke_editable table tbody tr:nth-of-type(2n),
.wysiwyg table tbody tr:nth-of-type(2n) {
    --bg-opacity: 1;
    background-color: #f8f6f9;
    background-color: rgba(248, 246, 249, var(--bg-opacity))
}

.cke_editable table tbody th,
.wysiwyg table tbody th {
    border-right-color: #fff;
    border-left-color: #702d87;
    border-bottom-color: #fff
}

.cke_editable table tbody tr:last-child th,
.wysiwyg table tbody tr:last-child th {
    border-bottom-color: #702d87
}

.cke_editable .embedded-entity,
.wysiwyg .embedded-entity {
    display: block;
    position: relative;
    z-index: 10;
    margin-bottom: 1rem;
    clear: both
}

@media (min-width:768px) {

    .cke_editable .embedded-entity,
    .wysiwyg .embedded-entity {
        width: 100%;
        max-width: 100%;
        margin-bottom: 2rem
    }
}

.cke_editable .embedded-entity.align-center,
.cke_editable .embedded-entity.align-center img,
.wysiwyg .embedded-entity.align-center,
.wysiwyg .embedded-entity.align-center img {
    width: 100%
}

@media (min-width:768px) {

    .cke_editable .embedded-entity.align-left,
    .cke_editable .embedded-entity.align-right,
    .wysiwyg .embedded-entity.align-left,
    .wysiwyg .embedded-entity.align-right {
        width: 100%;
        max-width: 24rem
    }
}

.cke_editable .embedded-entity.align-left img,
.cke_editable .embedded-entity.align-right img,
.wysiwyg .embedded-entity.align-left img,
.wysiwyg .embedded-entity.align-right img {
    width: 100%
}

@media (min-width:768px) {

    .cke_editable .embedded-entity.align-left,
    .wysiwyg .embedded-entity.align-left {
        float: left;
        margin-right: 3.75rem;
        margin-left: -7.5rem
    }
}

@media (min-width:768px) {

    .cke_editable .embedded-entity.align-right,
    .wysiwyg .embedded-entity.align-right {
        float: right;
        margin-left: 3.75rem;
        margin-right: -7.5rem
    }
}

.cke_editable .embedded-entity .media,
.wysiwyg .embedded-entity .media {
    width: 100%;
    position: relative
}

.cke_editable .embedded-entity .media-audio,
.wysiwyg .embedded-entity .media-audio {
    --bg-opacity: 1;
    background-color: #f2f3f4;
    background-color: rgba(242, 243, 244, var(--bg-opacity))
}

.cke_editable .embedded-entity .media-image img,
.wysiwyg .embedded-entity .media-image img {
    margin-left: auto;
    margin-right: auto
}

.cke_editable .embedded-entity audio,
.cke_editable .embedded-entity video,
.wysiwyg .embedded-entity audio,
.wysiwyg .embedded-entity video {
    width: 100%
}

.cke_editable .embedded-entity figcaption,
.wysiwyg .embedded-entity figcaption {
    font-size: 1rem;
    background-color: #000;
    color: #fff;
    padding: 1rem 2rem
}

.cke_editable blockquote,
.wysiwyg blockquote {
    padding-left: 2rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    --border-opacity: 1;
    border-color: #e7e7e7;
    border-left: 2px;
    border-color: rgba(231, 231, 231, var(--border-opacity));
    border-style: solid
}

.cke_editable blockquote p,
.wysiwyg blockquote p {
    position: relative
}

.cke_editable blockquote p:first-child:before,
.wysiwyg blockquote p:first-child:before {
    position: absolute;
    content: open-quote;
    left: -.5em
}

.cke_editable blockquote p:last-child,
.wysiwyg blockquote p:last-child {
    margin-bottom: 0
}

.cke_editable blockquote p:last-child:after,
.wysiwyg blockquote p:last-child:after {
    content: close-quote
}

.cke_editable.wysiwyg--dark a,
.cke_editable.wysiwyg--dark ul li:before,
.wysiwyg.wysiwyg--dark a,
.wysiwyg.wysiwyg--dark ul li:before {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.cke_editable.wysiwyg--dark ol li:before,
.wysiwyg.wysiwyg--dark ol li:before {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

@media (min-width:768px) {
    .cke_editable {
        padding: 6rem 8rem;
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity));
        -webkit-box-shadow: inset 4rem 2rem #f7f6f6, inset -4rem -2rem #f7f6f6;
        box-shadow: inset 4rem 2rem #f7f6f6, inset -4rem -2rem #f7f6f6
    }
}

.cke_editable .twitter-tweet {
    margin: 0;
    padding: 2rem;
    border-width: 0;
    --bg-opacity: 1;
    background-color: #00a9f1;
    background-color: rgba(0, 169, 241, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.cke_editable .twitter-tweet a {
    color: inherit;
    text-decoration: none
}

.c-hero,
.cke_widget_element {
    width: 100%
}

.c-hero {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-top: 9rem;
    padding-bottom: 8rem
}

@media (min-width:1024px) {
    .c-hero {
        padding-top: 14rem;
        padding-bottom: 12rem
    }
}

.c-hero--darken-overlay:before {
    background-color: rgba(0, 0, 0, .3)
}

.c-hero--darken-overlay:before,
.c-hero--light-overlay:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10
}

.c-hero--light-overlay:before {
    --bg-opacity: 1;
    background-color: #bcbcbc;
    background-color: rgba(188, 188, 188, var(--bg-opacity))
}

.c-hero--with-media {
    min-height: 550px;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

@media (min-width:1024px) {
    .c-hero--with-media {
        min-height: 720px
    }
}

.c-hero--with-media:before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 10;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .7)), color-stop(30%, rgba(0, 0, 0, .4)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .7) 0, rgba(0, 0, 0, .4) 30%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .4) 30%)
}

.c-hero--with-media img.lazyloaded {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.c-hero--without-media {
    --bg-opacity: 1;
    background-color: #702d87;
    background-color: rgba(112, 45, 135, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    overflow: visible
}

.c-hero--without-media:before {
    content: "";
    display: block;
    width: 66.666667%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background-image: -o-radial-gradient(#e40134 4px, transparent 4px), -o-radial-gradient(#e40134 4px, transparent 4px);
    background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0);
    background-color: transparent;
    background-position: 10px 10px, 30px 30px;
    background-size: 40px 40px;
    opacity: .2
}

.c-hero--has-application-links {
    padding-bottom: 2.5rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-hero--has-application-links.c-hero--media-is-video {
    padding-bottom: 8rem
}

@media (min-width:1024px) {
    .c-hero--has-application-links {
        padding-bottom: 8rem
    }
}

.c-hero--news {
    padding-top: 16rem;
    padding-bottom: 3rem;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-hero--news.c-hero--media-is-video {
    padding-bottom: 8rem
}

.c-hero--news:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .75)), to(transparent));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .75) 0, transparent 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .75), transparent)
}

@media (min-width:1024px) {
    .c-hero--news {
        min-height: 720px;
        padding-bottom: 8rem
    }
}

@media (min-width:1400px) {
    .c-hero--news:not(.c-hero--without-media) {
        min-height: 930px
    }
}

.char,
.line,
.word {
    display: inline-block
}

.line-content {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f18031), to(#f18031));
    background-image: -o-linear-gradient(#f18031, #f18031);
    background-image: linear-gradient(#f18031, #f18031);
    background-repeat: no-repeat
}

.c-cta-circle-bg {
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 50%;
    max-width: none;
    -webkit-transform: translate(-50%, 42.5rem);
    -ms-transform: translate(-50%, 42.5rem);
    transform: translate(-50%, 42.5rem);
    width: 50rem
}

@media (min-width:768px) {
    .c-cta-circle-bg {
        top: auto;
        right: auto;
        bottom: auto;
        left: auto;
        top: 0;
        right: 0;
        width: 40rem;
        -webkit-transform: translate(45%, -10%);
        -ms-transform: translate(45%, -10%);
        transform: translate(45%, -10%)
    }
}

@media (min-width:1024px) {
    .c-cta-circle-bg {
        -webkit-transform: translate(40%, -10%);
        -ms-transform: translate(40%, -10%);
        transform: translate(40%, -10%);
        height: 40rem
    }
}

@media (min-width:1400px) {
    .c-cta-circle-bg {
        -webkit-transform: translate(35%, -10%);
        -ms-transform: translate(35%, -10%);
        transform: translate(35%, -10%)
    }
}

.c-medium-cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.c-medium-cta__img {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%
}

@media (min-width:1024px) {
    .c-medium-cta__img {
        width: 50%
    }
}

.c-medium-cta__content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    padding: 2rem
}

@media (min-width:1024px) {
    .c-medium-cta__content {
        padding: 2rem;
        width: 50%;
        -ms-flex-pack: distribute;
        justify-content: space-around
    }
}

@media (min-width:1400px) {
    .c-medium-cta__content {
        padding: 3rem
    }
}

.c-medium-cta__title {
    position: relative;
    z-index: 10;
    font-size: 1.875rem;
    line-height: 1.375
}

.c-medium-cta__arrow {
    display: none;
    position: relative;
    z-index: 10;
    margin-bottom: 1.5rem;
    margin-left: -8rem
}

@media screen and (min-height:900px) {
    .c-medium-cta__arrow {
        display: block
    }
}

@media (min-width:1400px) {
    .c-medium-cta__arrow {
        margin-left: -10rem;
        min-height: 70px
    }
}

.slice--cta-big:last-child {
    margin-bottom: 0
}

.cta-big-title {
    -webkit-text-stroke: 2px #fff;
    max-width: 1000px
}

.cta-big-title__clip {
    white-space: pre-line;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: absolute;
    z-index: -10;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    text-align: center
}

@media (min-width:1024px) {
    .cta-big-title__clip {
        -webkit-clip-path: circle(var(--scale));
        clip-path: circle(var(--scale))
    }
}

.scroll-anchor {
    visibility: hidden;
    position: absolute;
    width: 2rem;
    opacity: .5
}

.scroll-anchor--circle {
    height: 75vh;
    top: 25vh;
    left: 0;
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.scroll-anchor--bg {
    height: 2px;
    top: 0;
    left: 20px;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.scroll-anchor--remove {
    height: 2px;
    bottom: 0;
    left: 30px;
    -webkit-transform: translateY(120%);
    -ms-transform: translateY(120%);
    transform: translateY(120%);
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.video-embed-field-responsive-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-embed-field-responsive-video iframe {
    height: 100%;
    width: 100%
}

.video-embed-field-responsive-video video {
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@supports ((-o-object-fit:cover) or (object-fit:cover)) {
    .video-embed-field-responsive-video video {
        -o-object-fit: cover;
        font-family: 'Abril Fatface', cursive;;
        object-fit: cover;
        width: 100%;
        height: 100%
    }
}

.c-welcome:after,
.c-welcome:before {
    content: "";
    height: calc(100% + 75px);
    position: absolute;
    z-index: 10;
    width: 100%
}

@media (min-width:1024px) {

    .c-welcome:after,
    .c-welcome:before {
        height: calc(100% + 140px)
    }
}

.c-welcome:before {
    top: -75px;
    left: 0;
    background-image: -o-linear-gradient(315deg, #f18031 4.17%, transparent 4.17%, transparent 50%, #f18031 50%, #f18031 54.17%, transparent 54.17%, transparent 100%);
    background-image: linear-gradient(135deg, #f18031 4.17%, transparent 0, transparent 50%, #f18031 0, #f18031 54.17%, transparent 0, transparent);
    background-size: 12.97px 12.97px
}

@media (min-width:768px) {
    .c-welcome:before {
        background-image: -o-linear-gradient(315deg, rgba(236, 104, 37, .25) 4.17%, transparent 4.17%, transparent 50%, rgba(236, 104, 37, .25) 50%, rgba(236, 104, 37, .25) 54.17%, transparent 54.17%, transparent 100%);
        background-image: linear-gradient(135deg, rgba(236, 104, 37, .25) 4.17%, transparent 0, transparent 50%, rgba(236, 104, 37, .25) 0, rgba(236, 104, 37, .25) 54.17%, transparent 0, transparent);
        background-size: 12.97px 12.97px;
        background-size: 16.97px 16.97px;
        width: 41.666667%;
        top: 0;
        z-index: auto;
        bottom: -75px;
        background-position: 100% 0
    }
}

@media (min-width:1024px) {
    .c-welcome:before {
        bottom: -140px
    }
}

.c-welcome:after {
    display: none
}

@media (min-width:768px) {
    .c-welcome:after {
        background-image: -o-linear-gradient(315deg, #f18031 4.17%, transparent 4.17%, transparent 50%, #f18031 50%, #f18031 54.17%, transparent 54.17%, transparent 100%);
        background-image: linear-gradient(135deg, #f18031 4.17%, transparent 0, transparent 50%, #f18031 0, #f18031 54.17%, transparent 0, transparent);
        background-size: 12.97px 12.97px;
        background-size: 16.97px 16.97px;
        display: block;
        width: 58.333333%;
        right: 0;
        bottom: 0;
        top: -75px;
        background-position: 0 4px
    }
}

@media (min-width:1024px) {
    .c-welcome:after {
        top: -140px
    }
}

.c-statement {
    position: relative;
    z-index: 30;
    font-weight: 700;
    line-height: 1.1666;
    font-size: 1.5rem;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0
}

@media (min-width:1400px) {
    .c-statement {
        font-size: 1.875rem
    }
}

.c-statement p:last-child {
    margin-bottom: 0
}

.modal {
    font-family: 'Abril Fatface', cursive;
}

.modal__overlay {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media (min-width:1024px) {
    .modal__overlay {
        padding: 3.75rem
    }
}

.modal__container {
    position: relative;
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    width: 100%;
    height: 100%;
    overflow-y: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.modal__close {
    border: 0;
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.modal__scroller {
    scroll-behavior: smooth;
    padding-right: .5rem;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    overflow-y: auto
}

.modal__scroller::-webkit-scrollbar {
    width: 10px
}

.modal__scroller::-webkit-scrollbar-track {
    --bg-opacity: 1;
    background-color: #bcbcbc;
    background-color: rgba(188, 188, 188, var(--bg-opacity))
}

.modal__scroller::-webkit-scrollbar-thumb {
    border-radius: .5rem;
    --bg-opacity: 1;
    background-color: #666;
    background-color: rgba(102, 102, 102, var(--bg-opacity));
    --border-opacity: 1;
    border: 2px solid #bcbcbc;
    border-color: rgba(188, 188, 188, var(--border-opacity))
}

@-webkit-keyframes mmfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes mmfadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes mmfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes mmfadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes mmslideIn {
    0% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes mmslideIn {
    0% {
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@-webkit-keyframes mmslideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

@keyframes mmslideOut {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        -webkit-transform: translateY(-10%);
        transform: translateY(-10%)
    }
}

.micromodal-slide {
    display: none
}

.micromodal-slide.is-open {
    display: block
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
    -webkit-animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=false] .modal__container {
    -webkit-animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
    -webkit-animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmfadeOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide[aria-hidden=true] .modal__container {
    -webkit-animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
    animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1)
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
    will-change: transform
}

.c-profile-slider .flickity-viewport {
    overflow: visible !important
}

.animated-arrow__line {
    stroke-dashoffset: var(--strokeDashoffsetLine)
}

.animated-arrow__head {
    stroke-dashoffset: var(--strokeDashoffsetHead)
}

.js-form-item-query,
.js-form-item-search-name {
    margin-bottom: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.js-form-item-query+.form-action,
.js-form-item-search-name+.form-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0
}

@media (min-width:1024px) {
    .c-archive-video {
        position: relative;
        top: -1px;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #bcbcbc), color-stop(50%, transparent), to(transparent));
        background-image: -o-linear-gradient(#bcbcbc 50%, transparent 50%, transparent 100%);
        background-image: linear-gradient(#bcbcbc 50%, transparent 0, transparent)
    }

    .c-archive-video:after {
        content: "";
        position: absolute;
        z-index: 1;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50%;
        background-image: -o-linear-gradient(315deg, #e8308a 4.17%, transparent 4.17%, transparent 50%, #e8308a 50%, #e8308a 54.17%, transparent 54.17%, transparent 100%);
        background-image: linear-gradient(135deg, #e8308a 4.17%, transparent 0, transparent 50%, #e8308a 0, #e8308a 54.17%, transparent 0, transparent);
        background-size: 12.97px 12.97px;
        background-size: 16.97px 16.97px;
        height: 140px
    }
}

.c-play-button .c-play-button__duration,
.c-play-button .c-play-button__icon-bg {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.c-play-button:focus .c-play-button__icon-bg,
.c-play-button:hover .c-play-button__icon-bg {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.c-play-button:focus .c-play-button__icon-bg svg,
.c-play-button:hover .c-play-button__icon-bg svg {
    --text-opacity: 1;
    color: #f18031;
    color: rgba(253, 195, 0, var(--text-opacity))
}

.c-play-button:focus .c-play-button__duration,
.c-play-button:hover .c-play-button__duration {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(253, 195, 0, var(--bg-opacity))
}

input.ui-autocomplete-loading {
    background-image: url(../../../../themes/custom/numiko/distimg/svg/loading-dark.html);
    background-position: right 1em center;
    background-size: 2rem;
    background-repeat: no-repeat
}

.ui-autocomplete {
    overflow: hidden;
    z-index: 100;
    position: absolute
}

.ui-autocomplete .ui-menu-item {
    display: block;
    border-top-width: 1px;
    --border-opacity: 1;
    border-color: #666;
    border-color: rgba(102, 102, 102, var(--border-opacity))
}

.ui-autocomplete .ui-menu-item:last-child {
    border-top-width: 0
}

.ui-autocomplete .ui-menu-item:last-child .ui-menu-item-wrapper {
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(253, 195, 0, var(--bg-opacity));
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity));
    font-weight: 700;
    line-height: 1.1666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    -o-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --border-opacity: 1;
    border: 2px solid #000;
    border-color: rgba(0, 0, 0, var(--border-opacity))
}

.ui-autocomplete .ui-menu-item:last-child .ui-menu-item-wrapper:focus,
.ui-autocomplete .ui-menu-item:last-child .ui-menu-item-wrapper:hover {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    --border-opacity: 1;
    border-color: #f18031;
    border-color: rgba(253, 195, 0, var(--border-opacity))
}

.ui-autocomplete .ui-menu-item:last-child .ui-menu-item-wrapper:focus:after,
.ui-autocomplete .ui-menu-item:last-child .ui-menu-item-wrapper:hover:after {
    -webkit-filter: invert(1);
    filter: invert(1)
}

.ui-autocomplete .ui-menu-item:last-child .ui-menu-item-wrapper:after {
    content: "";
    display: inline-block;
    width: 2rem;
    height: 2rem;
    background-image: url(../../../../themes/custom/numiko/distimg/svg/sprite-icon-right-arrow.html);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 100%
}

.ui-autocomplete .ui-menu-item-wrapper {
    color: hsla(0, 0%, 100%, .7);
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity));
    display: block;
    padding: 1.5rem;
    cursor: pointer;
    text-decoration: none
}

.ui-autocomplete .ui-menu-item-wrapper .ui-autocomplete-field-page_title {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f18031), to(#f18031));
    background-image: -o-linear-gradient(#f18031, #f18031);
    background-image: linear-gradient(#f18031, #f18031);
    background-position: right bottom 0;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: background-size .3s ease;
    -o-transition: background-size .3s ease;
    transition: background-size .3s ease
}

.ui-autocomplete .ui-menu-item-wrapper:focus .ui-autocomplete-field-page_title,
.ui-autocomplete .ui-menu-item-wrapper:hover .ui-autocomplete-field-page_title {
    background-size: 100% 2px;
    background-position: left bottom 0
}

.ui-autocomplete .ui-autocomplete-field-term {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
    font-weight: 700
}

.ui-autocomplete .ui-autocomplete-field-page_title {
    display: inline
}

.c-facet-item {
    text-decoration: none
}

.c-facet-item label span {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: -o-linear-gradient(#000, #000);
    background-image: linear-gradient(#000, #000);
    background-position: right bottom 0;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: background-size .3s ease;
    -o-transition: background-size .3s ease;
    transition: background-size .3s ease
}

.c-facet-item:focus label span,
.c-facet-item:hover label span {
    background-size: 100% 2px;
    background-position: left bottom 0
}

.c-facet-item label {
    margin-bottom: 0;
    padding: 1rem;
    display: block
}

.c-facet-item input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.c-facet-item input[type=checkbox]:checked+label span,
.c-facet-item input[type=checkbox]:focus+label span {
    background-size: 100% 2px;
    background-position: left bottom 0
}

.c-teaser-fallback {
    position: relative;
    --bg-opacity: 1;
    background-color: #702d87;
    background-color: rgba(112, 45, 135, var(--bg-opacity))
}

.c-teaser-fallback:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    right: 0;
    background-image: -o-radial-gradient(#e40134 4px, transparent 4px), -o-radial-gradient(#e40134 4px, transparent 4px);
    background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0);
    background-color: transparent;
    background-position: 10px 10px, 30px 30px;
    background-size: 40px 40px;
    opacity: .2
}

.c-teaser-fallback--bbc-archive {
    --bg-opacity: 1;
    background-color: #9b9b9b;
    background-color: rgba(155, 155, 155, var(--bg-opacity))
}

.c-teaser-fallback--bbc-archive:before {
    background-image: -o-radial-gradient(#000 4px, transparent 4px), -o-radial-gradient(#000 4px, transparent 4px);
    background-image: radial-gradient(#000 4px, transparent 0), radial-gradient(#000 4px, transparent 0);
    background-color: transparent;
    background-position: 10px 10px, 30px 30px;
    background-size: 40px 40px;
    opacity: .2
}

.c-course-overview-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 100%
}

@media (min-width:768px) {
    .c-course-overview-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-course-overview-item__icon {
    margin-right: .75rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    --text-opacity: 1;
    color: #e8308a;
    color: rgba(232, 48, 138, var(--text-opacity))
}

.c-course-overview-item__icon svg {
    fill: currentColor
}

@media (min-width:768px) {
    .c-course-overview-item__icon {
        margin-right: 0;
        margin-bottom: .75rem
    }
}

@media (min-width:768px) {
    .c-course-overview-item__details {
        max-width: 100%;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.c-course-overview-item__title {
    font-weight: 700;
    margin-right: .25rem
}

@media (min-width:768px) {
    .c-course-overview-item__title {
        margin-right: 0
    }
}

.c-course-overview-item__field {
    max-width: 100%
}

.container {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1.5rem;
    padding-left: 1.5rem
}



@media (min-width:480px) {
    .container {
        max-width: 480px;
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (min-width:768px) {
    .container {
        max-width: 768px;
        padding-right: 2rem;
        padding-left: 2rem
    }
}

@media (min-width:1024px) {
    .container {
        max-width: 1024px;
        padding-right: 3.75rem;
        padding-left: 3.75rem
    }
}

@media (min-width:1400px) {
    .container {
        max-width: 1400px;
        padding-right: 3.75rem;
        padding-left: 3.75rem
    }
}

.container--fluid {
    max-width: 100%
}

@media (min-width:1024px) {
    .container--restricted {
        max-width: 59rem
    }
}

@media (min-width:1024px) {
    .container-desktop-only {
        margin-left: auto;
        margin-right: auto;
        max-width: 1024px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

@media (min-width:1400px) {
    .container-desktop-only {
        max-width: 1400px;
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }
}

.c-cursor {
    position: fixed;
    width: 6rem;
    height: 6rem;
    top: 0;
    left: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    background-color: transparent;
    border-radius: 80%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    pointer-events: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: background-color .6s;
    -o-transition: background-color .6s;
    transition: background-color .6s
}

.c-cursor.blend {
    background-color: #e8308a;
    mix-blend-mode: color
}

.c-cursor.draggable {
    background-color: #000;
    color: #fff;
    cursor: -webkit-grabbing;
    cursor: grabbing;
    top: -3rem;
    left: 2.5rem
}

.c-slider .flickity-button {
    background-color: #000 !important;
    color: #f18031 !important;
    border-radius: 50% !important;
    padding: 0;
    width: 3rem !important;
    height: 3rem !important;
    -webkit-transition: background-color .2s ease 0s, color .2s ease 0s;
    -o-transition: background-color .2s ease 0s, color .2s ease 0s;
    transition: background-color .2s ease 0s, color .2s ease 0s
}

@media (min-width:1024px) {
    .c-slider .flickity-button {
        width: 3.75rem !important;
        height: 3.75rem !important
    }
}

.c-slider .flickity-button:hover {
    background-color: #f18031 !important;
    color: #000 !important
}

.c-slider .flickity-prev-next-button {
    right: 0 !important;
    left: auto !important;
    margin-right: calc(50% - 50vw + 2rem)
}

@media (min-width:768px) {
    .c-slider .flickity-prev-next-button {
        margin-right: calc(50% - 50vw + 2rem)
    }
}

@media (min-width:1024px) {
    .c-slider .flickity-prev-next-button {
        margin-right: calc(50% - 50vw + 3.75rem)
    }
}

@media (min-width:1400px) {
    .c-slider .flickity-prev-next-button {
        margin-right: calc(50% - 50vw + 3.75rem)
    }
}

.c-slider .flickity-prev-next-button.previous {
    -webkit-transform: translateY(-50%) translateY(-28px);
    -ms-transform: translateY(-50%) translateY(-28px);
    transform: translateY(-50%) translateY(-28px)
}

@media (min-width:1024px) {
    .c-slider .flickity-prev-next-button.previous {
        -webkit-transform: translateY(-50%) translateY(-38px);
        -ms-transform: translateY(-50%) translateY(-38px);
        transform: translateY(-50%) translateY(-38px)
    }
}

.c-slider .flickity-prev-next-button.next {
    -webkit-transform: translateY(-50%) translateY(28px);
    -ms-transform: translateY(-50%) translateY(28px);
    transform: translateY(-50%) translateY(28px)
}

@media (min-width:1024px) {
    .c-slider .flickity-prev-next-button.next {
        -webkit-transform: translateY(-50%) translateY(38px);
        -ms-transform: translateY(-50%) translateY(38px);
        transform: translateY(-50%) translateY(38px)
    }
}

.c-slider .flickity-button-icon {
    pointer-events: none
}

.c-showcase {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-showcase.flickity-enabled {
    display: block
}

.c-showcase .flickity-slider {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-showcase .flickity-viewport {
    overflow: visible
}

.c-showcase .c-showcase__media {
    position: relative;
    overflow: hidden;
    background-color: #000;
    max-height: 300px
}

@media (min-width:768px) {
    .c-showcase .c-showcase__media {
        max-height: 370px
    }
}

@media (min-width:1024px) {
    .c-showcase .c-showcase__media {
        max-height: 490px
    }
}

@media (min-width:1400px) {
    .c-showcase .c-showcase__media {
        max-height: 690px
    }
}

.c-showcase .c-showcase__media noscript img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    font-family: 'Abril Fatface', cursive;
    object-fit: cover
}

.c-showcase .c-showcase__details {
    color: #fff
}

.c-showcase .c-showcase__placeholder {
    max-width: 300px
}

@media (min-width:768px) {
    .c-showcase .c-showcase__placeholder {
        max-width: 472px
    }
}

@media (min-width:1024px) {
    .c-showcase .c-showcase__placeholder {
        max-width: 630px
    }
}

@media (min-width:1400px) {
    .c-showcase .c-showcase__placeholder {
        max-width: 880px
    }
}

:root .c-showcase .flickity-slider,
_:-ms-fullscreen {
    display: inline-block
}

.caption {
    font-size: 1rem;
    background-color: #000;
    color: #fff;
    padding: 1rem 2rem
}

.caption a {
    color: #fff;
    text-decoration: underline;
    -webkit-text-decoration-color: #f18031;
    text-decoration-color: #f18031;
    -webkit-transition: color .2s ease 0s;
    -o-transition: color .2s ease 0s;
    transition: color .2s ease 0s
}

.caption a:focus,
.caption a:hover {
    text-decoration: none
}

.boxed {
    display: block;
    /* padding: 1.5rem; */
    background-color: #fff
}

@media (min-width:768px) {
    .boxed {
        padding: 3rem 3.75rem
    }
}

.boxed:after {
    display: table;
    clear: both
}

.boxed>:last-child:not(.flex-grid) {
    margin-bottom: 0
}

.boxed>h2:first-child {
    color: #702d87
}

.boxed--dark {
    background-color: #000;
    color: #fff
}

.boxed--dark>h2:first-child {
    color: #e8308a
}

.boxed--slim {
    padding: 1.5rem
}

@media (min-width:768px) {
    .boxed--slim {
        padding: 3rem
    }
}

.c-gallery .flickity-prev-next-button.previous {
    left: 0 !important
}

.c-gallery .flickity-prev-next-button.next {
    right: 0 !important
}

.c-gallery__item {
    overflow: hidden;
    width: calc(100% - 1.875rem)
}

@media (min-width:1024px) {
    .c-gallery__item {
        width: calc(100% - 3.75rem)
    }
}

.flickity-viewport {
    -webkit-transition: height .3s;
    -o-transition: height .3s;
    transition: height .3s
}

.flickity-button {
    background-color: #f18031 !important;
    color: #000 !important;
    border-radius: 0 !important;
    padding: 0;
    width: 1.875rem !important;
    height: 1.875rem !important;
    -webkit-transition: background-color .2s ease 0s, color .2s ease 0s;
    -o-transition: background-color .2s ease 0s, color .2s ease 0s;
    transition: background-color .2s ease 0s, color .2s ease 0s
}

@media (min-width:1024px) {
    .flickity-button {
        width: 3.75rem !important;
        height: 3.75rem !important
    }
}

.flickity-button:hover {
    background-color: #000 !important;
    color: #fff !important
}

.flickity-counter {
    position: absolute;
    top: calc(50% + 1.875rem);
    right: 0;
    min-width: 3.75rem;
    text-align: center;
    padding: .5em 0;
    background-color: #000;
    color: #f18031;
    font-weight: 700;
    font-size: 1rem
}

.sr-only,
body.tabbing .tabbing-focus\:sr-only:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

body.tabbing .tabbing-focus\:not-sr-only:focus {
    position: static;
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.bg-color-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.bg-color-black-50 {
    background-color: rgba(0, 0, 0, .5)
}

.bg-color-black-90 {
    background-color: rgba(0, 0, 0, .9)
}

.bg-color-white {
    --bg-opacity: 1;
    background-color: #fff;
    background-color: rgba(255, 255, 255, var(--bg-opacity))
}

.bg-color-blue-dark {
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(0, 105, 180, var(--bg-opacity))
}

.bg-color-yellow {
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(253, 195, 0, var(--bg-opacity))
}

.bg-color-purple {
    --bg-opacity: 1;
    background-color: #702d87;
    background-color: rgba(112, 45, 135, var(--bg-opacity))
}

.bg-color-orange {
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(236, 104, 37, var(--bg-opacity))
}

.bg-color-grey-dark {
    --bg-opacity: 1;
    background-color: #bcbcbc;
    background-color: rgba(188, 188, 188, var(--bg-opacity))
}

.bg-color-red {
    --bg-opacity: 1;
    background-color: #e40134;
    background-color: rgba(228, 1, 52, var(--bg-opacity))
}

.bg-color-body {
    --bg-opacity: 1;
    background-color: #f7f6f6;
    background-color: rgba(247, 246, 246, var(--bg-opacity))
}

.hover\:bg-color-black:hover {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.hover\:bg-color-blue-dark:hover {
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(0, 105, 180, var(--bg-opacity))
}

.focus\:bg-color-black:focus,
.group:hover .group-hover\:bg-color-black {
    --bg-opacity: 1;
    background-color: #000;
    background-color: rgba(0, 0, 0, var(--bg-opacity))
}

.group:hover .group-hover\:bg-color-yellow {
    --bg-opacity: 1;
    background-color: #f18031;
    background-color: rgba(253, 195, 0, var(--bg-opacity))
}

.bg-cover {
    background-size: cover
}

.border-color-transparent {
    border-color: transparent
}

.border-color-black {
    --border-opacity: 1;
    border-color: #000;
    border-color: rgba(0, 0, 0, var(--border-opacity))
}

.border-color-black-10 {
    border-color: rgba(0, 0, 0, .1)
}

.border-color-white {
    --border-opacity: 1;
    border-color: #fff;
    border-color: rgba(255, 255, 255, var(--border-opacity))
}

.border-color-yellow {
    --border-opacity: 1;
    border-color: #f18031;
    border-color: rgba(253, 195, 0, var(--border-opacity))
}

.border-color-grey {
    --border-opacity: 1;
    border-color: #666;
    border-color: rgba(102, 102, 102, var(--border-opacity))
}

.border-color-base-keyline {
    --border-opacity: 1;
    border-color: #e7e7e7;
    border-color: rgba(231, 231, 231, var(--border-opacity))
}

.hover\:border-color-blue-dark:hover {
    --border-opacity: 1;
    border-color: #f18031;
    border-color: rgba(0, 105, 180, var(--border-opacity))
}

.rounded-none {
    border-radius: 0
}

.rounded {
    border-radius: .25rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-br-full {
    border-bottom-right-radius: 9999px
}

.rounded-bl-full {
    border-bottom-left-radius: 9999px
}

.border-solid {
    border-style: solid
}

.border-2 {
    border-width: 2px
}

.border-8 {
    border-width: 8px
}

.border {
    border-width: 1px
}

.border-b {
    border-bottom-width: 1px
}

.border-l {
    border-left-width: 1px
}

.border-t-progress-bar {
    border-top-width: .25rem
}

.cursor-pointer {
    cursor: pointer
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

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

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

.table {
    display: table
}

.hidden {
    display: none
}

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

.flex-col,
.flex-row {
    -webkit-box-direction: normal
}

.flex-col {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.flex-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.flex-no-wrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.items-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.items-baseline {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.self-center {
    -ms-flex-item-align: center;
    align-self: center
}

.self-stretch {
    -ms-flex-item-align: stretch;
    align-self: stretch
}

.justify-start {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.justify-end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.justify-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.flex-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%
}

.flex-none {
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

.flex-grow-0 {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.flex-shrink-0 {
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.font-light {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-bold {
    font-weight: 700
}

.h-0 {
    height: 0
}

.h-1 {
    height: .25rem
}

.h-8 {
    height: 2rem
}

.h-12 {
    height: 3rem
}

.h-14 {
    height: 3.5rem
}

.h-20 {
    height: 5rem
}

.h-48 {
    height: 12rem
}

.h-64 {
    height: 16rem
}

.h-auto {
    height: auto
}

.h-pop-out {
    height: calc(100% + 3rem)
}

.h-full {
    height: 100%
}

.h-1\/2 {
    height: 50%
}

.h-profile-bg {
    height: 67%
}

.h-avatar-small {
    height: 12.5rem
}

.h-avatar-tiny {
    height: 3.5rem
}

.text-xs {
    font-size: .75rem
}

.text-sm {
    font-size: .875rem
}

.text-base {
    font-size: 1rem
}

.text-lg {
    font-size: 1.125rem
}

.text-xl {
    font-size: 1.25rem;
    
}

.text-2xl {
    font-size: 1.5rem
}

.text-3xl {
    font-size: 1.875rem
}

.text-5xl {
    font-size: 2.5rem
}

.text-6xl {
    font-size: 3rem
}

.leading-none {
    line-height: 1
}

.leading-tight {
    line-height: 1.1666
}

.leading-snug {
    line-height: 1.375
}

.list-none {
    list-style-type: none
}

.m-0 {
    margin: 0
}

.m-4 {
    margin: 1rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.my-2 {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.my-16 {
    margin-top: 4rem;
    margin-bottom: 4rem
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-outer-small {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-outer-tiny {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.mt-0 {
    margin-top: 0
}

.mb-0 {
    margin-bottom: 0
}

.mt-1 {
    margin-top: .25rem
}

.mr-1 {
    margin-right: .25rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mt-2 {
    margin-top: .5rem
}

.mr-2 {
    margin-right: .5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.ml-2 {
    margin-left: .5rem
}

.mt-3 {
    margin-top: .75rem
}

.mr-3 {
    margin-right: .75rem
}

.mb-3 {
    margin-bottom: .75rem
}

.ml-3 {
    margin-left: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mr-4 {
    margin-right: 1rem
}

.mb-4 {
    margin-bottom: 1rem
}

.ml-4 {
    margin-left: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.ml-5 {
    margin-left: 1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.ml-6 {
    margin-left: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mr-8 {
    margin-right: 2rem
}

.mb-8 {
    margin-bottom: 2rem
}

.ml-8 {
    margin-left: 2rem
}

.mt-10 {
    margin-top: 2.5rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-25 {
    margin-top: 6.25rem
}

.ml-auto {
    margin-left: auto
}

.ml-container-sm {
    margin-left: 2rem
}

.mb-outer-small {
    margin-bottom: 1.875rem
}

.ml-outer-small {
    margin-left: 1.875rem
}

.mb-inner-small {
    margin-bottom: 1.5rem
}

.mt-pop-out {
    margin-top: 3rem
}

.-mt-1 {
    margin-top: -.25rem
}

.-mb-2 {
    margin-bottom: -.5rem
}

.-mt-4 {
    margin-top: -1rem
}

.-mb-4 {
    margin-bottom: -1rem
}

.-mt-6 {
    margin-top: -1.5rem
}

.-mb-8 {
    margin-bottom: -2rem
}

.-mt-10 {
    margin-top: -2.5rem
}

.-mb-10 {
    margin-bottom: -2.5rem
}

.-mb-12 {
    margin-bottom: -3rem
}

.-mt-24 {
    margin-top: -6rem
}

.-mt-px {
    margin-top: -1px
}

.-mt-outer-small {
    margin-top: -1.875rem
}

.-mb-inner-small-double {
    margin-bottom: -3rem
}

.last\:mb-0:last-child {
    margin-bottom: 0
}

.last\:ml-0:last-child {
    margin-left: 0
}

.max-h-full {
    max-height: 100%
}

.max-h-screen-50 {
    max-height: 50vh
}

.max-w-3xl {
    max-width: 48rem
}

.max-w-6xl {
    max-width: 72rem
}

.max-w-full {
    max-width: 100%
}

.max-w-container-restricted {
    max-width: 59rem
}

.max-w-designer-listing,
.max-w-profile-listing {
    max-width: 15rem
}

.max-w-blue-circle-large {
    max-width: 37.5rem
}

.max-w-blue-circle-medium {
    max-width: 22rem
}

.min-h-screen {
    min-height: 100vh
}

@media (min-width:800px) {

.object-contain {
    -o-object-fit: contain;
    font-family: 'Abril Fatface', cursive;
    object-fit: contain
}

}

.object-cover {
    -o-object-fit: cover;
    font-family: 'Abril Fatface', cursive;
    object-fit: cover
}

.opacity-0 {
    opacity: .001
}

.opacity-1 {
    opacity: .999
}

.opacity-40 {
    opacity: .4
}

.opacity-50 {
    opacity: .5
}

.first\:opacity-1:first-child {
    opacity: .999
}

.group:hover .group-hover\:opacity-25 {
    opacity: .25
}

.no-js .no-js-opacity-1 {
    opacity: .999
}

.focus\:outline-none:focus,
.outline-none {
    outline: 0
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.overflow-y-auto {
    overflow-y: auto
}

.p-0 {
    padding: 0
}

.p-2 {
    padding: .5rem
}

.p-3 {
    padding: .75rem
}

.p-4 {
    padding: 1rem
}

.p-6,
.p-container {
    padding: 1.5rem
}

.p-outer-small {
    padding: 1.875rem
}

.p-inner-small {
    padding: 1.5rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-1 {
    padding-left: .25rem;
    padding-right: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-4 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.py-5 {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

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

.py-outer-small {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem
}

.px-outer-small {
    padding-left: 1.875rem;
    padding-right: 1.875rem
}

.py-outer-large {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem
}

.py-inner-small {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-inner-small {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.pb-0 {
    padding-bottom: 0
}

.pl-0 {
    padding-left: 0
}

.pt-2 {
    padding-top: .5rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pt-4 {
    padding-top: 1rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pl-4 {
    padding-left: 1rem
}

.pr-8 {
    padding-right: 2rem
}

.pb-8 {
    padding-bottom: 2rem
}

.pl-10 {
    padding-left: 2.5rem
}

.pl-12 {
    padding-left: 3rem
}

.pl-20 {
    padding-left: 5rem
}

.pt-24 {
    padding-top: 6rem
}

.pb-25 {
    padding-bottom: 6.25rem
}

.pt-48 {
    padding-top: 12rem
}

.pr-outer-small {
    padding-right: 1.875rem
}

.pl-outer-small {
    padding-left: 1.875rem
}

.pt-inner-small {
    padding-top: 1.5rem
}

.pb-inner-small {
    padding-bottom: 1.5rem
}

.pb-em {
    padding-bottom: 1em
}

.last\:pr-0:last-child {
    padding-right: 0
}

.pointer-events-none {
    pointer-events: none
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.sticky {
    position: -webkit-sticky;
    position: sticky
}

body.tabbing .tabbing-focus\:static:focus {
    position: static
}

body.tabbing .tabbing-focus\:fixed:focus {
    position: fixed
}

body.tabbing .tabbing-focus\:absolute:focus {
    position: absolute
}

body.tabbing .tabbing-focus\:relative:focus {
    position: relative
}

body.tabbing .tabbing-focus\:sticky:focus {
    position: -webkit-sticky;
    position: sticky
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.-top-px {
    top: -1px
}

.top-1\/2 {
    top: 50%
}

.left-1\/2 {
    left: 50%
}

.-top-pop-out {
    top: -3rem
}

.resize {
    resize: both
}

body.tabbing .tabbing-focus\:shadow-xs:focus {
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
}

body.tabbing .tabbing-focus\:shadow-sm:focus {
    -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
}

body.tabbing .tabbing-focus\:shadow:focus {
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
}

body.tabbing .tabbing-focus\:shadow-md:focus {
    -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
}

body.tabbing .tabbing-focus\:shadow-lg:focus {
    -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
}

body.tabbing .tabbing-focus\:shadow-xl:focus {
    -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
}

body.tabbing .tabbing-focus\:shadow-2xl:focus {
    -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
}

body.tabbing .tabbing-focus\:shadow-inner:focus {
    -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
    box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
}

body.tabbing .tabbing-focus\:shadow-outline:focus {
    -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
    box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
}

body.tabbing .tabbing-focus\:shadow-none:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}

body.tabbing .tabbing-focus\:shadow-error:focus {
    -webkit-box-shadow: inset 0 0 0 1px #c21212;
    box-shadow: inset 0 0 0 1px #c21212
}

body.tabbing .tabbing-focus\:shadow-focus:focus {
    -webkit-box-shadow: 0 0 0 3px #f18031;
    box-shadow: 0 0 0 3px #f18031
}

.fill-current {
    fill: currentColor
}

.stroke-current {
    stroke: currentColor
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-color-transparent {
    color: transparent
}

.text-color-inherit {
    color: inherit
}

.text-color-black {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.text-color-black-70 {
    color: rgba(0, 0, 0, .7)
}

.text-color-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.text-color-blue-dark {
    --text-opacity: 1;
    color: #f18031;
    color: #f18031
}

.text-color-yellow {
    --text-opacity: 1;
    color: #f18031;
    color: rgba(253, 195, 0, var(--text-opacity))
}

.text-color-purple {
    --text-opacity: 1;
    color: #702d87;
    color: rgba(112, 45, 135, var(--text-opacity))
}

.text-color-pink {
    --text-opacity: 1;
    color: #e8308a;
    color: rgba(232, 48, 138, var(--text-opacity))
}

.text-color-grey {
    --text-opacity: 1;
    color: #666;
    color: rgba(102, 102, 102, var(--text-opacity))
}

.text-color-base {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.hover\:text-color-inherit:hover {
    color: inherit
}

.hover\:text-color-white:hover {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.hover\:text-color-blue:hover {
    --text-opacity: 1;
    color: #f18031;
    color: rgba(65, 186, 236, var(--text-opacity))
}

.hover\:text-color-blue-dark:hover {
    --text-opacity: 1;
    color: #f18031;
    color: #f18031
}

.focus\:text-color-blue:focus {
    --text-opacity: 1;
    color: #f18031;
    color: rgba(65, 186, 236, var(--text-opacity))
}

.focus\:text-color-blue-dark:focus {
    --text-opacity: 1;
    color: #f18031;
    color: #f18031
}

.group:hover .group-hover\:text-color-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.group:hover .group-hover\:text-color-pink {
    --text-opacity: 1;
    color: #e8308a;
    color: rgba(232, 48, 138, var(--text-opacity))
}

.group:hover .group-hover\:text-color-base {
    --text-opacity: 1;
    color: #000;
    color: rgba(0, 0, 0, var(--text-opacity))
}

.focus\:underline:focus,
.hover\:underline:hover,
.underline {
    text-decoration: underline
}

.align-middle {
    vertical-align: middle
}

.visible {
    visibility: visible
}

.invisible {
    visibility: hidden
}

.whitespace-no-wrap {
    white-space: nowrap
}

.break-words {
    word-wrap: break-word
}

.w-0 {
    width: 0
}

.w-8 {
    width: 2rem
}

.w-12 {
    width: 3rem
}

.w-14 {
    width: 3.5rem
}

.w-16 {
    width: 4rem
}

.w-20 {
    width: 5rem
}

.w-24 {
    width: 6rem
}

.w-32 {
    width: 8rem
}

.w-48 {
    width: 12rem
}

.w-64 {
    width: 16rem
}

.w-auto {
    width: auto
}

.w-8\/12 {
    width: 66.666667%
}

.w-full {
    width: 100%
}

.w-avatar-small {
    width: 12.5rem
}

.w-avatar-tiny {
    width: 3.5rem
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-50 {
    z-index: 50
}

.-z-1 {
    z-index: -1
}

body.tabbing .tabbing-focus\:z-0:focus {
    z-index: 0
}

body.tabbing .tabbing-focus\:z-1:focus {
    z-index: 1
}

body.tabbing .tabbing-focus\:z-10:focus {
    z-index: 10
}

body.tabbing .tabbing-focus\:z-20:focus {
    z-index: 20
}

body.tabbing .tabbing-focus\:z-30:focus {
    z-index: 30
}

body.tabbing .tabbing-focus\:z-40:focus {
    z-index: 40
}

body.tabbing .tabbing-focus\:z-50:focus {
    z-index: 50
}

body.tabbing .tabbing-focus\:z-auto:focus {
    z-index: auto
}

body.tabbing .tabbing-focus\:-z-20:focus {
    z-index: -20
}

body.tabbing .tabbing-focus\:-z-10:focus {
    z-index: -10
}

body.tabbing .tabbing-focus\:-z-1:focus {
    z-index: -1
}

body.tabbing .tabbing-focus\:z-overlay:focus {
    z-index: 100
}

body.tabbing .tabbing-focus\:z-skip-link:focus {
    z-index: 101
}

.transition-all {
    -webkit-transition-property: all;
    -o-transition-property: all;
    transition-property: all
}

.transition {
    -webkit-transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, -webkit-box-shadow, -webkit-transform;
    -o-transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
    transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, -webkit-box-shadow, -webkit-transform
}

.transition-colors {
    -webkit-transition-property: background-color, border-color, color, fill, stroke;
    -o-transition-property: background-color, border-color, color, fill, stroke;
    transition-property: background-color, border-color, color, fill, stroke
}

.transition-opacity {
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.ease-out {
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.ease-in-out {
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.duration-200 {
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s
}

.duration-300 {
    -webkit-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.aspect-ratio-square {
    padding-bottom: 100%
}

.aspect-ratio-16\/9 {
    padding-bottom: 56.25%
}

.aspect-ratio-3\/2 {
    padding-bottom: 66.66666666666666%
}

.aspect-ratio-cta-image-mobile {
    padding-bottom: 76.92307692307692%
}

.aspect-ratio-card {
    padding-bottom: 125%
}

.aspect-ratio-card-landscape {
    padding-bottom: 75%
}

.aspect-ratio-profile-slider-mobile {
    padding-bottom: 89.99999999999999%
}

.aspect-ratio-bbc-logo {
    padding-bottom: 28.645833333333336%
}

.transform-card-image-scale {
    -webkit-transform: scale(1.08);
    -ms-transform: scale(1.08);
    transform: scale(1.08)
}

.-translate-x-1\/2 {
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.-translate-y-1\/2 {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.translate-center-self {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.translate-welcome-arrow-top {
    -webkit-transform: translate(-50%, -100%);
    -ms-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%)
}

.translate-left-bottom,
.translate-welcome-arrow-bottom-center {
    -webkit-transform: translate(-50%, 50%);
    -ms-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%)
}

.group:hover .group-hover\:translate-x-nudge {
    -webkit-transform: translateX(.35rem);
    -ms-transform: translateX(.35rem);
    transform: translateX(.35rem)
}

.group:hover .group-hover\:-translate-x-nudge {
    -webkit-transform: translateX(-.35rem);
    -ms-transform: translateX(-.35rem);
    transform: translateX(-.35rem)
}

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

.will-change-transform {
    will-change: transform
}

.will-change-opacity {
    will-change: opacity
}

.align-middle-important {
    vertical-align: middle !important
}

.text-shadow-black-medium {
    text-shadow: 0 0 5px rgba(0, 0, 0, .55)
}

.text-shadow-card {
    text-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

.underline-blue {
    -webkit-text-decoration-color: #f18031;
    text-decoration-color: #f18031
}

.underline-thickness-base {
    text-decoration-thickness: 2px
}

.underline-offset-base {
    text-underline-offset: 3px
}

.safari-glitch-fix {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.hover\:underline-blue:hover {
    -webkit-text-decoration-color: #f18031;
    text-decoration-color: #f18031
}

.hover\:underline-thickness-base:hover {
    text-decoration-thickness: 2px
}

.hover\:underline-offset-base:hover {
    text-underline-offset: 3px
}

body.tabbing .tabbing-focus\:visually-hidden:focus {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0
}

body.tabbing .tabbing-focus\:top-logged-in:focus {
    top: 79px !important
}

body.tabbing .tabbing-focus\:will-change-transform:focus {
    will-change: transform
}

body.tabbing .tabbing-focus\:will-change-opacity:focus {
    will-change: opacity
}

body.tabbing .tabbing-focus\:will-change-lazyload:focus {
    will-change: opacity, transform
}

body.tabbing .tabbing-focus\:align-middle-important:focus {
    vertical-align: middle !important
}

body.tabbing .tabbing-focus\:text-shadow-black-medium:focus {
    text-shadow: 0 0 5px rgba(0, 0, 0, .55)
}

body.tabbing .tabbing-focus\:text-shadow-card:focus {
    text-shadow: 0 0 3px rgba(0, 0, 0, .3)
}

body.tabbing .tabbing-focus\:underline-blue:focus {
    -webkit-text-decoration-color: #f18031;
    text-decoration-color: #f18031
}

body.tabbing .tabbing-focus\:underline-thickness-base:focus {
    text-decoration-thickness: 2px
}

body.tabbing .tabbing-focus\:underline-offset-base:focus {
    text-underline-offset: 3px
}

body.tabbing .tabbing-focus\:safari-glitch-fix:focus {
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

.animate-underline {
    text-decoration: none
}

.animate-underline .animate-underline-child {
    background-image: -webkit-gradient(linear, left top, left bottom, from(currentColor), to(currentColor));
    background-image: -o-linear-gradient(currentColor, currentColor);
    background-image: linear-gradient(currentColor, currentColor);
    background-position: right bottom 0;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: background-size .3s ease;
    -o-transition: background-size .3s ease;
    transition: background-size .3s ease
}

.animate-underline:focus .animate-underline-child,
.animate-underline:hover .animate-underline-child {
    background-size: 100% 2px;
    background-position: left bottom 0
}

.animate-underline-blue {
    text-decoration: none
}

.animate-underline-blue .animate-underline-child {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f18031), to(#f18031));
    background-image: -o-linear-gradient(#f18031, #f18031);
    background-image: linear-gradient(#f18031, #f18031);
    background-position: right bottom 0;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: background-size .3s ease;
    -o-transition: background-size .3s ease;
    transition: background-size .3s ease
}

.animate-underline-blue:focus .animate-underline-child,
.animate-underline-blue:hover .animate-underline-child {
    background-size: 100% 2px;
    background-position: left bottom 0
}

.animate-underline-pink {
    text-decoration: none
}

.animate-underline-pink .animate-underline-child {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8308a), to(#e8308a));
    background-image: -o-linear-gradient(#e8308a, #e8308a);
    background-image: linear-gradient(#e8308a, #e8308a);
    background-position: right bottom 0;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: background-size .3s ease;
    -o-transition: background-size .3s ease;
    transition: background-size .3s ease
}

.animate-underline-pink:focus .animate-underline-child,
.animate-underline-pink:hover .animate-underline-child {
    background-size: 100% 2px;
    background-position: left bottom 0
}

.animate-underline-black-thick {
    text-decoration: none
}

.animate-underline-black-thick .animate-underline-child {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background-image: -o-linear-gradient(#000, #000);
    background-image: linear-gradient(#000, #000);
    background-position: right bottom 2px;
    background-repeat: no-repeat;
    background-size: 0 4px;
    -webkit-transition: background-size .3s ease;
    -o-transition: background-size .3s ease;
    transition: background-size .3s ease
}

.animate-underline-black-thick:focus .animate-underline-child,
.animate-underline-black-thick:hover .animate-underline-child {
    background-size: 100% 4px;
    background-position: left bottom 2px
}

.animate-underline-yellow {
    text-decoration: none
}

.animate-underline-yellow .animate-underline-child {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f18031), to(#f18031));
    background-image: -o-linear-gradient(#f18031, #f18031);
    background-image: linear-gradient(#f18031, #f18031);
    background-position: right bottom 0;
    background-repeat: no-repeat;
    background-size: 0 2px;
    -webkit-transition: background-size .3s ease;
    -o-transition: background-size .3s ease;
    transition: background-size .3s ease
}

.animate-underline-yellow:focus .animate-underline-child,
.animate-underline-yellow:hover .animate-underline-child {
    background-size: 100% 2px;
    background-position: left bottom 0
}

.animate-underline-yellow-thick {
    text-decoration: none
}

.animate-underline-yellow-thick .animate-underline-child {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f18031), to(#f18031));
    background-image: -o-linear-gradient(#f18031, #f18031);
    background-image: linear-gradient(#f18031, #f18031);
    background-position: right bottom 2px;
    background-repeat: no-repeat;
    background-size: 0 4px;
    -webkit-transition: background-size .3s ease;
    -o-transition: background-size .3s ease;
    transition: background-size .3s ease
}

.animate-underline-yellow-thick:focus .animate-underline-child,
.animate-underline-yellow-thick:hover .animate-underline-child {
    background-size: 100% 4px;
    background-position: left bottom 2px
}

.animate-underline--active .animate-underline-child {
    background-size: 100% 2px;
    background-position: left bottom 0
}

.animate-underline-thick--active .animate-underline-child {
    background-size: 100% 4px;
    background-position: left bottom 0
}

.underline-orange-thick {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f18031), to(#f18031));
    background-image: -o-linear-gradient(#f18031, #f18031);
    background-image: linear-gradient(#f18031, #f18031);
    background-repeat: no-repeat;
    background-position: left bottom 5px;
    background-size: 100% 5px
}

@media (min-width:1024px) {
    .underline-orange-thick {
        background-position: left bottom 8px;
        background-size: 100% 8px
    }
}

@media (min-width:1400px) {
    .underline-orange-thick {
        background-position: left bottom 12px;
        background-size: 100% 12px
    }
}

@supports (text-underline-offset:1em) {
    .underline-orange-thick {
        background-image: none;
        -webkit-text-decoration-line: underline;
        text-decoration-line: underline;
        -webkit-text-decoration-skip: ink;
        text-decoration-skip-ink: auto;
        -webkit-text-decoration-style: solid;
        text-decoration-style: solid;
        -webkit-text-decoration-color: #f18031;
        text-decoration-color: #f18031;
        text-decoration-thickness: 5px;
        text-underline-offset: 5px
    }

    @media (min-width:1400px) {
        .underline-orange-thick {
            text-decoration-thickness: 12px;
            text-underline-offset: 12px
        }
    }
}

.lazyload,
.lazyloading {
    opacity: .001
}

.lazyloaded {
    will-change: opacity;
    opacity: .999;
    -webkit-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -o-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity
}

.c-card img.lazyloaded {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -o-transition-property: transform, opacity;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform
}

.bg-stripe-pink {
    background-image: -o-linear-gradient(315deg, #f18031 4.17%, transparent 4.17%, transparent 50%, #f18031 50%, #f18031 54.17%, transparent 54.17%, transparent 100%);
    background-image: linear-gradient(135deg, #f18031 4.17%, transparent 0, transparent 50%, #f18031 0, #f18031 54.17%, transparent 0, transparent);
    background-size: 12.97px 12.97px
}

.bg-stripe-orange {
    background-image: -o-linear-gradient(315deg, rgba(236, 104, 37, .25) 4.17%, transparent 4.17%, transparent 50%, rgba(236, 104, 37, .25) 50%, rgba(236, 104, 37, .25) 54.17%, transparent 54.17%, transparent 100%);
    background-image: linear-gradient(135deg, rgba(236, 104, 37, .25) 4.17%, transparent 0, transparent 50%, rgba(236, 104, 37, .25) 0, rgba(236, 104, 37, .25) 54.17%, transparent 0, transparent);
    background-size: 12.97px 12.97px
}

.bg-stripe-yellow {
    background-image: -o-linear-gradient(315deg, #f18031 4.17%, transparent 4.17%, transparent 50%, #f18031 50%, #f18031 54.17%, transparent 54.17%, transparent 100%);
    background-image: linear-gradient(135deg, #f18031 4.17%, transparent 0, transparent 50%, #f18031 0, #f18031 54.17%, transparent 0, transparent);
    background-size: 12.97px 12.97px
}

.bg-stripe-blue {
    background-image: -o-linear-gradient(315deg, #f18031 4.17%, transparent 4.17%, transparent 50%, #f18031 50%, #f18031 54.17%, transparent 54.17%, transparent 100%);
    background-image: linear-gradient(135deg, #f18031 4.17%, transparent 0, transparent 50%, #f18031 0, #f18031 54.17%, transparent 0, transparent);
    background-size: 12.97px 12.97px
}

.bg-stripe-wide {
    background-size: 16.97px 16.97px
}

.bg-teaser-overlay {
    background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0, 0, 0, .5)));
    background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, .5) 75%);
    background-image: linear-gradient(180deg, transparent, rgba(0, 0, 0, .5) 75%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0, 0, 0, .1)), color-stop(75%, rgba(0, 0, 0, .6)));
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .6) 75%);
    background-image: linear-gradient(180deg, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .6) 75%)
}

.bg-dots-yellow {
    background-image: -o-radial-gradient(#f18031 4px, transparent 4px), -o-radial-gradient(#f18031 4px, transparent 4px);
    background-image: radial-gradient(#f18031 4px, transparent 0), radial-gradient(#f18031 4px, transparent 0)
}

.bg-dots-red,
.bg-dots-yellow {
    background-color: transparent;
    background-position: 10px 10px, 30px 30px;
    background-size: 40px 40px;
    opacity: .2
}

.bg-dots-red {
    background-image: -o-radial-gradient(#e40134 4px, transparent 4px), -o-radial-gradient(#e40134 4px, transparent 4px);
    background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0)
}

.bg-dots-grey {
    background-image: -o-radial-gradient(#000 4px, transparent 4px), -o-radial-gradient(#000 4px, transparent 4px);
    background-image: radial-gradient(#000 4px, transparent 0), radial-gradient(#000 4px, transparent 0);
    background-color: transparent;
    background-position: 10px 10px, 30px 30px;
    background-size: 40px 40px;
    opacity: .2
}

.bg-facet-stripe {
    background: -o-repeating-linear-gradient(bottom, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 5.4375rem, hsla(0, 0%, 100%, .5) 5.4375rem, hsla(0, 0%, 100%, .5) calc(5.4375rem + 1px));
    background: repeating-linear-gradient(0deg, hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0) 5.4375rem, hsla(0, 0%, 100%, .5) 0, hsla(0, 0%, 100%, .5) calc(5.4375rem + 1px))
}

.bg-gradient-from-bottom {
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .75)), to(transparent));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, .75) 0, transparent 100%);
    background: linear-gradient(0deg, rgba(0, 0, 0, .75), transparent)
}

@media (min-width:480px) {
    body.tabbing .sm\:tabbing-focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    body.tabbing .sm\:tabbing-focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .sm\:text-xl {
        font-size: 1.25rem
    }

    .sm\:text-6xl {
        font-size: 3rem
    }

    .sm\:-mx-outer-small {
        margin-left: -1.875rem;
        margin-right: -1.875rem
    }

    .sm\:p-container-sm {
        padding: 2rem
    }

    .sm\:px-container-sm {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    body.tabbing .sm\:tabbing-focus\:static:focus {
        position: static
    }

    body.tabbing .sm\:tabbing-focus\:fixed:focus {
        position: fixed
    }

    body.tabbing .sm\:tabbing-focus\:absolute:focus {
        position: absolute
    }

    body.tabbing .sm\:tabbing-focus\:relative:focus {
        position: relative
    }

    body.tabbing .sm\:tabbing-focus\:sticky:focus {
        position: -webkit-sticky;
        position: sticky
    }

    body.tabbing .sm\:tabbing-focus\:shadow-xs:focus {
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
    }

    body.tabbing .sm\:tabbing-focus\:shadow-sm:focus {
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
    }

    body.tabbing .sm\:tabbing-focus\:shadow:focus {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
    }

    body.tabbing .sm\:tabbing-focus\:shadow-md:focus {
        -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
    }

    body.tabbing .sm\:tabbing-focus\:shadow-lg:focus {
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
    }

    body.tabbing .sm\:tabbing-focus\:shadow-xl:focus {
        -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
    }

    body.tabbing .sm\:tabbing-focus\:shadow-2xl:focus {
        -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
    }

    body.tabbing .sm\:tabbing-focus\:shadow-inner:focus {
        -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    body.tabbing .sm\:tabbing-focus\:shadow-outline:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
        box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
    }

    body.tabbing .sm\:tabbing-focus\:shadow-none:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    body.tabbing .sm\:tabbing-focus\:shadow-error:focus {
        -webkit-box-shadow: inset 0 0 0 1px #c21212;
        box-shadow: inset 0 0 0 1px #c21212
    }

    body.tabbing .sm\:tabbing-focus\:shadow-focus:focus {
        -webkit-box-shadow: 0 0 0 3px #f18031;
        box-shadow: 0 0 0 3px #f18031
    }

    body.tabbing .sm\:tabbing-focus\:z-0:focus {
        z-index: 0
    }

    body.tabbing .sm\:tabbing-focus\:z-1:focus {
        z-index: 1
    }

    body.tabbing .sm\:tabbing-focus\:z-10:focus {
        z-index: 10
    }

    body.tabbing .sm\:tabbing-focus\:z-20:focus {
        z-index: 20
    }

    body.tabbing .sm\:tabbing-focus\:z-30:focus {
        z-index: 30
    }

    body.tabbing .sm\:tabbing-focus\:z-40:focus {
        z-index: 40
    }

    body.tabbing .sm\:tabbing-focus\:z-50:focus {
        z-index: 50
    }

    body.tabbing .sm\:tabbing-focus\:z-auto:focus {
        z-index: auto
    }

    body.tabbing .sm\:tabbing-focus\:-z-20:focus {
        z-index: -20
    }

    body.tabbing .sm\:tabbing-focus\:-z-10:focus {
        z-index: -10
    }

    body.tabbing .sm\:tabbing-focus\:-z-1:focus {
        z-index: -1
    }

    body.tabbing .sm\:tabbing-focus\:z-overlay:focus {
        z-index: 100
    }

    body.tabbing .sm\:tabbing-focus\:z-skip-link:focus {
        z-index: 101
    }

    body.tabbing .sm\:tabbing-focus\:visually-hidden:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    body.tabbing .sm\:tabbing-focus\:top-logged-in:focus {
        top: 79px !important
    }

    body.tabbing .sm\:tabbing-focus\:will-change-transform:focus {
        will-change: transform
    }

    body.tabbing .sm\:tabbing-focus\:will-change-opacity:focus {
        will-change: opacity
    }

    body.tabbing .sm\:tabbing-focus\:will-change-lazyload:focus {
        will-change: opacity, transform
    }

    body.tabbing .sm\:tabbing-focus\:align-middle-important:focus {
        vertical-align: middle !important
    }

    body.tabbing .sm\:tabbing-focus\:text-shadow-black-medium:focus {
        text-shadow: 0 0 5px rgba(0, 0, 0, .55)
    }

    body.tabbing .sm\:tabbing-focus\:text-shadow-card:focus {
        text-shadow: 0 0 3px rgba(0, 0, 0, .3)
    }

    body.tabbing .sm\:tabbing-focus\:underline-blue:focus {
        -webkit-text-decoration-color: #f18031;
        text-decoration-color: #f18031
    }

    body.tabbing .sm\:tabbing-focus\:underline-thickness-base:focus {
        text-decoration-thickness: 2px
    }

    body.tabbing .sm\:tabbing-focus\:underline-offset-base:focus {
        text-underline-offset: 3px
    }

    body.tabbing .sm\:tabbing-focus\:safari-glitch-fix:focus {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@media (min-width:768px) {
    .md\:c-icon--x-large {
        width: 2rem;
        height: 2rem
    }

    body.tabbing .md\:tabbing-focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    body.tabbing .md\:tabbing-focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .md\:border-color-yellow {
        --border-opacity: 1;
        border-color: #f18031;
        border-color: rgba(253, 195, 0, var(--border-opacity))
    }

    .md\:border-0 {
        border-width: 0
    }

    .md\:border-t-2 {
        border-top-width: 2px
    }

    .md\:border-b-2 {
        border-bottom-width: 2px
    }

    .md\:border-l-2 {
        border-left-width: 2px
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:flex-row {
        -webkit-box-orient: horizontal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .md\:flex-col,
    .md\:flex-row {
        -webkit-box-direction: normal
    }

    .md\:flex-col {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .md\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .md\:flex-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .md\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .md\:self-center {
        -ms-flex-item-align: center;
        align-self: center
    }

    .md\:self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .md\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .md\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .md\:flex-grow-0 {
        -webkit-box-flex: 0;
        -ms-flex-positive: 0;
        flex-grow: 0
    }

    .md\:h-auto {
        height: auto
    }

    .md\:h-card-md {
        height: 430px
    }

    .md\:text-lg {
        font-size: 1.125rem
    }

    .md\:text-3xl {
        font-size: 1.875rem
    }

    .md\:text-8xl {
        font-size: 4.375rem
    }

    .md\:m-6 {
        margin: 1.5rem
    }

    .md\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md\:my-1 {
        margin-top: .25rem;
        margin-bottom: .25rem
    }

    .md\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:-mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .md\:-mx-5 {
        margin-left: -1.25rem;
        margin-right: -1.25rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:mb-0 {
        margin-bottom: 0
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mb-4 {
        margin-bottom: 1rem
    }

    .md\:mt-5 {
        margin-top: 1.25rem
    }

    .md\:mr-6 {
        margin-right: 1.5rem
    }

    .md\:mt-8 {
        margin-top: 2rem
    }

    .md\:mb-8 {
        margin-bottom: 2rem
    }

    .md\:mb-12 {
        margin-bottom: 3rem
    }

    .md\:mb-16 {
        margin-bottom: 4rem
    }

    .md\:mt-auto {
        margin-top: auto
    }

    .md\:-ml-4 {
        margin-left: -1rem
    }

    .md\:-mb-6 {
        margin-bottom: -1.5rem
    }

    .md\:-mb-8 {
        margin-bottom: -2rem
    }

    .md\:-ml-12 {
        margin-left: -3rem
    }

    .md\:last\:mb-0:last-child {
        margin-bottom: 0
    }

    .md\:last\:mb-6:last-child {
        margin-bottom: 1.5rem
    }

    .md\:max-w-full {
        max-width: 100%
    }

    .md\:max-w-1\/2 {
        max-width: 50%
    }

    .md\:p-container-md {
        padding: 2rem
    }

    .md\:p-inner-large {
        padding: 3.75rem
    }

    .md\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .md\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .md\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .md\:px-5 {
        padding-left: 1.25rem;
        padding-right: 1.25rem
    }

    .md\:py-6 {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem
    }

    .md\:py-10 {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem
    }

    .md\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .md\:px-container-md {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .md\:px-outer-large {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .md\:py-outer-extra-large {
        padding-top: 7.5rem;
        padding-bottom: 7.5rem
    }

    .md\:py-inner-large {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pl-12 {
        padding-left: 3rem
    }

    .md\:pr-16 {
        padding-right: 4rem
    }

    .md\:pb-56 {
        padding-bottom: 14rem
    }

    .md\:pt-64 {
        padding-top: 16rem
    }

    .md\:pr-outer-small {
        padding-right: 1.875rem
    }

    .md\:pl-outer-large {
        padding-left: 3.75rem
    }

    .md\:pt-inner-large {
        padding-top: 3.75rem
    }

    .md\:static,
    body.tabbing .md\:tabbing-focus\:static:focus {
        position: static
    }

    body.tabbing .md\:tabbing-focus\:fixed:focus {
        position: fixed
    }

    body.tabbing .md\:tabbing-focus\:absolute:focus {
        position: absolute
    }

    body.tabbing .md\:tabbing-focus\:relative:focus {
        position: relative
    }

    body.tabbing .md\:tabbing-focus\:sticky:focus {
        position: -webkit-sticky;
        position: sticky
    }

    body.tabbing .md\:tabbing-focus\:shadow-xs:focus {
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
    }

    body.tabbing .md\:tabbing-focus\:shadow-sm:focus {
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
    }

    body.tabbing .md\:tabbing-focus\:shadow:focus {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
    }

    body.tabbing .md\:tabbing-focus\:shadow-md:focus {
        -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
    }

    body.tabbing .md\:tabbing-focus\:shadow-lg:focus {
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
    }

    body.tabbing .md\:tabbing-focus\:shadow-xl:focus {
        -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
    }

    body.tabbing .md\:tabbing-focus\:shadow-2xl:focus {
        -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
    }

    body.tabbing .md\:tabbing-focus\:shadow-inner:focus {
        -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    body.tabbing .md\:tabbing-focus\:shadow-outline:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
        box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
    }

    body.tabbing .md\:tabbing-focus\:shadow-none:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    body.tabbing .md\:tabbing-focus\:shadow-error:focus {
        -webkit-box-shadow: inset 0 0 0 1px #c21212;
        box-shadow: inset 0 0 0 1px #c21212
    }

    body.tabbing .md\:tabbing-focus\:shadow-focus:focus {
        -webkit-box-shadow: 0 0 0 3px #f18031;
        box-shadow: 0 0 0 3px #f18031
    }

    .md\:text-center {
        text-align: center
    }

    .md\:w-25 {
        width: 6.25rem
    }

    .md\:w-40 {
        width: 10rem
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-header-button-md {
        width: 10.5rem
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-2\/3 {
        width: 66.666667%
    }

    .md\:w-1\/5 {
        width: 20%
    }

    .md\:w-2\/5 {
        width: 40%
    }

    .md\:w-3\/5 {
        width: 60%
    }

    .md\:w-4\/6 {
        width: 66.666667%
    }

    .md\:w-full {
        width: 100%
    }

    .md\:w-screen-70 {
        width: 70vw
    }

    body.tabbing .md\:tabbing-focus\:z-0:focus {
        z-index: 0
    }

    body.tabbing .md\:tabbing-focus\:z-1:focus {
        z-index: 1
    }

    body.tabbing .md\:tabbing-focus\:z-10:focus {
        z-index: 10
    }

    body.tabbing .md\:tabbing-focus\:z-20:focus {
        z-index: 20
    }

    body.tabbing .md\:tabbing-focus\:z-30:focus {
        z-index: 30
    }

    body.tabbing .md\:tabbing-focus\:z-40:focus {
        z-index: 40
    }

    body.tabbing .md\:tabbing-focus\:z-50:focus {
        z-index: 50
    }

    body.tabbing .md\:tabbing-focus\:z-auto:focus {
        z-index: auto
    }

    body.tabbing .md\:tabbing-focus\:-z-20:focus {
        z-index: -20
    }

    body.tabbing .md\:tabbing-focus\:-z-10:focus {
        z-index: -10
    }

    body.tabbing .md\:tabbing-focus\:-z-1:focus {
        z-index: -1
    }

    body.tabbing .md\:tabbing-focus\:z-overlay:focus {
        z-index: 100
    }

    body.tabbing .md\:tabbing-focus\:z-skip-link:focus {
        z-index: 101
    }

    .md\:aspect-ratio-square {
        padding-bottom: 100%
    }

    .md\:aspect-ratio-profile-slider {
        padding-bottom: 126.49572649572649%
    }

    .md\:-translate-y-1\/2 {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    body.tabbing .md\:tabbing-focus\:visually-hidden:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    body.tabbing .md\:tabbing-focus\:top-logged-in:focus {
        top: 79px !important
    }

    body.tabbing .md\:tabbing-focus\:will-change-transform:focus {
        will-change: transform
    }

    body.tabbing .md\:tabbing-focus\:will-change-opacity:focus {
        will-change: opacity
    }

    body.tabbing .md\:tabbing-focus\:will-change-lazyload:focus {
        will-change: opacity, transform
    }

    body.tabbing .md\:tabbing-focus\:align-middle-important:focus {
        vertical-align: middle !important
    }

    body.tabbing .md\:tabbing-focus\:text-shadow-black-medium:focus {
        text-shadow: 0 0 5px rgba(0, 0, 0, .55)
    }

    body.tabbing .md\:tabbing-focus\:text-shadow-card:focus {
        text-shadow: 0 0 3px rgba(0, 0, 0, .3)
    }

    body.tabbing .md\:tabbing-focus\:underline-blue:focus {
        -webkit-text-decoration-color: #f18031;
        text-decoration-color: #f18031
    }

    body.tabbing .md\:tabbing-focus\:underline-thickness-base:focus {
        text-decoration-thickness: 2px
    }

    body.tabbing .md\:tabbing-focus\:underline-offset-base:focus {
        text-underline-offset: 3px
    }

    body.tabbing .md\:tabbing-focus\:safari-glitch-fix:focus {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .md\:bg-stripe-wide {
        background-size: 16.97px 16.97px
    }
}

@media (min-width:1024px) {
    .lg\:c-icon--large {
        width: 1.5rem;
        height: 1.5rem
    }

    .lg\:c-icon--xx-large {
        width: 3rem;
        height: 3rem
    }

    .lg\:not-sr-only {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    body.tabbing .lg\:tabbing-focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    body.tabbing .lg\:tabbing-focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .lg\:bg-color-transparent {
        background-color: transparent
    }

    .lg\:bg-color-white {
        --bg-opacity: 1;
        background-color: #fff;
        background-color: rgba(255, 255, 255, var(--bg-opacity))
    }

    .lg\:bg-color-purple {
        --bg-opacity: 1;
        background-color: #702d87;
        background-color: rgba(112, 45, 135, var(--bg-opacity))
    }

    .lg\:border-color-black {
        --border-opacity: 1;
        border-color: #000;
        border-color: rgba(0, 0, 0, var(--border-opacity))
    }

    .lg\:border-color-white-30 {
        border-color: hsla(0, 0%, 100%, .3)
    }

    .lg\:border-color-white-50 {
        border-color: hsla(0, 0%, 100%, .5)
    }

    .lg\:border-b-10 {
        border-bottom-width: 10px
    }

    .lg\:border-l-10 {
        border-left-width: 10px
    }

    .lg\:border-r {
        border-right-width: 1px
    }

    .lg\:border-l {
        border-left-width: 1px
    }

    .lg\:block {
        display: block
    }

    .lg\:flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:flex-row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .lg\:flex-wrap {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .lg\:flex-no-wrap {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .lg\:items-center {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .lg\:self-stretch {
        -ms-flex-item-align: stretch;
        align-self: stretch
    }

    .lg\:justify-center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .lg\:justify-between {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .lg\:flex-none {
        -webkit-box-flex: 0;
        -ms-flex: none;
        flex: none
    }

    .lg\:order-1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .lg\:h-14 {
        height: 3.5rem
    }

    .lg\:h-25 {
        height: 6.25rem
    }

    .lg\:h-32 {
        height: 8rem
    }

    .lg\:h-96 {
        height: 24rem
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-site-logo {
        height: 3.875rem
    }

    .lg\:h-1\/2 {
        height: 50%
    }

    .lg\:h-card-lg {
        height: 350px
    }

    .lg\:h-avatar {
        height: 18.75rem
    }

    .lg\:text-base {
        font-size: 1rem
    }

    .lg\:text-lg {
        font-size: 1.125rem
    }

    .lg\:text-xl {
        font-size: 1.25rem
    }

    .lg\:text-2xl {
        font-size: 1.5rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem
    }

    .lg\:text-4xl {
        font-size: 2.1875rem
    }

    .lg\:text-5xl {
        font-size: 2.5rem
    }

    .lg\:text-8xl {
        font-size: 4.375rem
    }

    .lg\:text-big-cta-lg {
        font-size: 6rem
    }

    .lg\:leading-tight {
        line-height: 1.1666
    }

    .lg\:m-8 {
        margin: 2rem
    }

    .lg\:mx-4 {
        margin-left: 1rem;
        margin-right: 1rem
    }

    .lg\:my-outer-large {
        margin-top: 3.75rem;
        margin-bottom: 3.75rem
    }

    .lg\:-mx-4 {
        margin-left: -1rem;
        margin-right: -1rem
    }

    .lg\:-mx-outer-large {
        margin-left: -3.75rem;
        margin-right: -3.75rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mb-0 {
        margin-bottom: 0
    }

    .lg\:mb-3 {
        margin-bottom: .75rem
    }

    .lg\:mb-4 {
        margin-bottom: 1rem
    }

    .lg\:ml-4 {
        margin-left: 1rem
    }

    .lg\:mb-5 {
        margin-bottom: 1.25rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:mb-6 {
        margin-bottom: 1.5rem
    }

    .lg\:mt-8 {
        margin-top: 2rem
    }

    .lg\:mb-8 {
        margin-bottom: 2rem
    }

    .lg\:mt-10 {
        margin-top: 2.5rem
    }

    .lg\:mb-10 {
        margin-bottom: 2.5rem
    }

    .lg\:ml-10 {
        margin-left: 2.5rem
    }

    .lg\:mb-12 {
        margin-bottom: 3rem
    }

    .lg\:mr-16 {
        margin-right: 4rem
    }

    .lg\:mb-16 {
        margin-bottom: 4rem
    }

    .lg\:mt-20 {
        margin-top: 5rem
    }

    .lg\:mt-25 {
        margin-top: 6.25rem
    }

    .lg\:mb-25 {
        margin-bottom: 6.25rem
    }

    .lg\:ml-container-lg {
        margin-left: 3.75rem
    }

    .lg\:mb-outer-large {
        margin-bottom: 3.75rem
    }

    .lg\:ml-outer-large {
        margin-left: 3.75rem
    }

    .lg\:-ml-8 {
        margin-left: -2rem
    }

    .lg\:-mt-10 {
        margin-top: -2.5rem
    }

    .lg\:-mb-12 {
        margin-bottom: -3rem
    }

    .lg\:-mt-16 {
        margin-top: -4rem
    }

    .lg\:-mb-16 {
        margin-bottom: -4rem
    }

    .lg\:-mt-40 {
        margin-top: -10rem
    }

    .lg\:-ml-40 {
        margin-left: -10rem
    }

    .lg\:last\:-mb-10:last-child {
        margin-bottom: -2.5rem
    }

    .lg\:max-h-full {
        max-height: 100%
    }

    .lg\:opacity-0 {
        opacity: .001
    }

    .lg\:p-8 {
        padding: 2rem
    }

    .lg\:p-10 {
        padding: 2.5rem
    }

    .lg\:p-12 {
        padding: 3rem
    }

    .lg\:p-container-lg {
        padding: 3.75rem
    }

    .lg\:p-outer-small {
        padding: 1.875rem
    }

    .lg\:p-inner-large {
        padding: 3.75rem
    }

    .lg\:py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:px-container-lg {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .lg\:py-inner-large,
    .lg\:py-outer-large {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .lg\:px-inner-large {
        padding-left: 3.75rem;
        padding-right: 3.75rem
    }

    .lg\:pt-0 {
        padding-top: 0
    }

    .lg\:pl-0 {
        padding-left: 0
    }

    .lg\:pt-8 {
        padding-top: 2rem
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

    .lg\:pt-10 {
        padding-top: 2.5rem
    }

    .lg\:pb-12 {
        padding-bottom: 3rem
    }

    .lg\:pt-32 {
        padding-top: 8rem
    }

    .lg\:pt-36 {
        padding-top: 9rem
    }

    .lg\:pr-outer-large {
        padding-right: 3.75rem
    }

    .lg\:pl-outer-large {
        padding-left: 3.75rem
    }

    .lg\:pr-outer-extra-large {
        padding-right: 7.5rem
    }

    .lg\:pb-inner-large {
        padding-bottom: 3.75rem
    }

    .lg\:absolute {
        position: absolute
    }

    .lg\:relative {
        position: relative
    }

    body.tabbing .lg\:tabbing-focus\:static:focus {
        position: static
    }

    body.tabbing .lg\:tabbing-focus\:fixed:focus {
        position: fixed
    }

    body.tabbing .lg\:tabbing-focus\:absolute:focus {
        position: absolute
    }

    body.tabbing .lg\:tabbing-focus\:relative:focus {
        position: relative
    }

    body.tabbing .lg\:tabbing-focus\:sticky:focus {
        position: -webkit-sticky;
        position: sticky
    }

    .lg\:top-0 {
        top: 0
    }

    .lg\:right-0 {
        right: 0
    }

    .lg\:bottom-0 {
        bottom: 0
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:left-1\/2 {
        left: 50%
    }

    body.tabbing .lg\:tabbing-focus\:shadow-xs:focus {
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
    }

    body.tabbing .lg\:tabbing-focus\:shadow-sm:focus {
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
    }

    body.tabbing .lg\:tabbing-focus\:shadow:focus {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
    }

    body.tabbing .lg\:tabbing-focus\:shadow-md:focus {
        -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
    }

    body.tabbing .lg\:tabbing-focus\:shadow-lg:focus {
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
    }

    body.tabbing .lg\:tabbing-focus\:shadow-xl:focus {
        -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
    }

    body.tabbing .lg\:tabbing-focus\:shadow-2xl:focus {
        -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
    }

    body.tabbing .lg\:tabbing-focus\:shadow-inner:focus {
        -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    body.tabbing .lg\:tabbing-focus\:shadow-outline:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
        box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
    }

    body.tabbing .lg\:tabbing-focus\:shadow-none:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    body.tabbing .lg\:tabbing-focus\:shadow-error:focus {
        -webkit-box-shadow: inset 0 0 0 1px #c21212;
        box-shadow: inset 0 0 0 1px #c21212
    }

    body.tabbing .lg\:tabbing-focus\:shadow-focus:focus {
        -webkit-box-shadow: 0 0 0 3px #f18031;
        box-shadow: 0 0 0 3px #f18031
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-center {
        text-align: center
    }

    .lg\:w-14 {
        width: 3.5rem
    }

    .lg\:w-20 {
        width: 5rem
    }

    .lg\:w-25 {
        width: 6.25rem
    }

    .lg\:w-32 {
        width: 8rem
    }

    .lg\:w-64 {
        width: 16rem
    }

    .lg\:w-96 {
        width: 24rem
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:w-header-button-lg {
        width: 11.375rem
    }

    .lg\:w-1\/4 {
        width: 25%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-4\/6 {
        width: 66.666667%
    }

    .lg\:w-5\/12 {
        width: 41.666667%
    }

    .lg\:w-7\/12 {
        width: 58.333333%
    }

    .lg\:w-full {
        width: 100%
    }

    .lg\:w-6\/8 {
        width: 75%
    }

    .lg\:w-modal-text {
        width: 460px
    }

    .lg\:w-avatar {
        width: 18.75rem
    }

    .lg\:w-blue-circle-large {
        width: 37.5rem
    }

    .lg\:z-20 {
        z-index: 20
    }

    body.tabbing .lg\:tabbing-focus\:z-0:focus {
        z-index: 0
    }

    body.tabbing .lg\:tabbing-focus\:z-1:focus {
        z-index: 1
    }

    body.tabbing .lg\:tabbing-focus\:z-10:focus {
        z-index: 10
    }

    body.tabbing .lg\:tabbing-focus\:z-20:focus {
        z-index: 20
    }

    body.tabbing .lg\:tabbing-focus\:z-30:focus {
        z-index: 30
    }

    body.tabbing .lg\:tabbing-focus\:z-40:focus {
        z-index: 40
    }

    body.tabbing .lg\:tabbing-focus\:z-50:focus {
        z-index: 50
    }

    body.tabbing .lg\:tabbing-focus\:z-auto:focus {
        z-index: auto
    }

    body.tabbing .lg\:tabbing-focus\:-z-20:focus {
        z-index: -20
    }

    body.tabbing .lg\:tabbing-focus\:-z-10:focus {
        z-index: -10
    }

    body.tabbing .lg\:tabbing-focus\:-z-1:focus {
        z-index: -1
    }

    body.tabbing .lg\:tabbing-focus\:z-overlay:focus {
        z-index: 100
    }

    body.tabbing .lg\:tabbing-focus\:z-skip-link:focus {
        z-index: 101
    }

    .lg\:aspect-ratio-none {
        padding-bottom: 0
    }

    .lg\:visually-hidden,
    body.tabbing .lg\:tabbing-focus\:visually-hidden:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    body.tabbing .lg\:tabbing-focus\:top-logged-in:focus {
        top: 79px !important
    }

    body.tabbing .lg\:tabbing-focus\:will-change-transform:focus {
        will-change: transform
    }

    body.tabbing .lg\:tabbing-focus\:will-change-opacity:focus {
        will-change: opacity
    }

    body.tabbing .lg\:tabbing-focus\:will-change-lazyload:focus {
        will-change: opacity, transform
    }

    body.tabbing .lg\:tabbing-focus\:align-middle-important:focus {
        vertical-align: middle !important
    }

    body.tabbing .lg\:tabbing-focus\:text-shadow-black-medium:focus {
        text-shadow: 0 0 5px rgba(0, 0, 0, .55)
    }

    body.tabbing .lg\:tabbing-focus\:text-shadow-card:focus {
        text-shadow: 0 0 3px rgba(0, 0, 0, .3)
    }

    body.tabbing .lg\:tabbing-focus\:underline-blue:focus {
        -webkit-text-decoration-color: #f18031;
        text-decoration-color: #f18031
    }

    body.tabbing .lg\:tabbing-focus\:underline-thickness-base:focus {
        text-decoration-thickness: 2px
    }

    body.tabbing .lg\:tabbing-focus\:underline-offset-base:focus {
        text-underline-offset: 3px
    }

    body.tabbing .lg\:tabbing-focus\:safari-glitch-fix:focus {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    .lg\:bg-dots-yellow {
        background-image: -o-radial-gradient(#f18031 4px, transparent 4px), -o-radial-gradient(#f18031 4px, transparent 4px);
        background-image: radial-gradient(#f18031 4px, transparent 0), radial-gradient(#f18031 4px, transparent 0)
    }

    .lg\:bg-dots-red,
    .lg\:bg-dots-yellow {
        background-color: transparent;
        background-position: 10px 10px, 30px 30px;
        background-size: 40px 40px;
        opacity: .2
    }

    .lg\:bg-dots-red {
        background-image: -o-radial-gradient(#e40134 4px, transparent 4px), -o-radial-gradient(#e40134 4px, transparent 4px);
        background-image: radial-gradient(#e40134 4px, transparent 0), radial-gradient(#e40134 4px, transparent 0)
    }
}

@media (min-width:1400px) {
    body.tabbing .hg\:tabbing-focus\:sr-only:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    body.tabbing .hg\:tabbing-focus\:not-sr-only:focus {
        position: static;
        width: auto;
        height: auto;
        padding: 0;
        margin: 0;
        overflow: visible;
        clip: auto;
        white-space: normal
    }

    .hg\:h-card-hg {
        height: 495px
    }

    .hg\:h-hero-large {
        height: 930px
    }

    .hg\:text-lg {
        font-size: 1.125rem
    }

    .hg\:text-xl {
        font-size: 1.25rem
    }

    .hg\:text-2xl {
        font-size: 1.5rem
    }

    .hg\:text-3xl {
        font-size: 1.875rem
    }

    .hg\:text-4xl {
        font-size: 2.1875rem
    }

    .hg\:text-8xl {
        font-size: 4.375rem
    }

    .hg\:text-9xl {
        font-size: 5.625rem
    }

    .hg\:text-big-cta-hg {
        font-size: 8.125rem
    }

    .hg\:text-big-hero {
        font-size: 7.5rem
    }

    .hg\:m-12 {
        margin: 3rem
    }

    .hg\:mb-3 {
        margin-bottom: .75rem
    }

    .hg\:mb-8 {
        margin-bottom: 2rem
    }

    .hg\:mb-10 {
        margin-bottom: 2.5rem
    }

    .hg\:mb-12 {
        margin-bottom: 3rem
    }

    .hg\:ml-12 {
        margin-left: 3rem
    }

    .hg\:mb-14 {
        margin-bottom: 3.5rem
    }

    .hg\:mt-16 {
        margin-top: 4rem
    }

    .hg\:ml-16 {
        margin-left: 4rem
    }

    .hg\:mb-20 {
        margin-bottom: 5rem
    }

    .hg\:mt-24 {
        margin-top: 6rem
    }

    .hg\:-mb-14 {
        margin-bottom: -3.5rem
    }

    .hg\:-mt-outer-large {
        margin-top: -3.75rem
    }

    .hg\:max-h-screen {
        max-height: 100vh
    }

    .hg\:min-h-144 {
        min-height: 36rem
    }

    .hg\:p-12 {
        padding: 3rem
    }

    .hg\:p-container-hg {
        padding: 3.75rem
    }

    .hg\:py-16 {
        padding-top: 4rem;
        padding-bottom: 4rem
    }

    .hg\:py-inner-large {
        padding-top: 3.75rem;
        padding-bottom: 3.75rem
    }

    .hg\:pl-0 {
        padding-left: 0
    }

    .hg\:pt-16 {
        padding-top: 4rem
    }

    body.tabbing .hg\:tabbing-focus\:static:focus {
        position: static
    }

    body.tabbing .hg\:tabbing-focus\:fixed:focus {
        position: fixed
    }

    body.tabbing .hg\:tabbing-focus\:absolute:focus {
        position: absolute
    }

    body.tabbing .hg\:tabbing-focus\:relative:focus {
        position: relative
    }

    body.tabbing .hg\:tabbing-focus\:sticky:focus {
        position: -webkit-sticky;
        position: sticky
    }

    body.tabbing .hg\:tabbing-focus\:shadow-xs:focus {
        -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 1px rgba(0, 0, 0, .05)
    }

    body.tabbing .hg\:tabbing-focus\:shadow-sm:focus {
        -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05)
    }

    body.tabbing .hg\:tabbing-focus\:shadow:focus {
        -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);
        box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06)
    }

    body.tabbing .hg\:tabbing-focus\:shadow-md:focus {
        -webkit-box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);
        box-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06)
    }

    body.tabbing .hg\:tabbing-focus\:shadow-lg:focus {
        -webkit-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);
        box-shadow: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)
    }

    body.tabbing .hg\:tabbing-focus\:shadow-xl:focus {
        -webkit-box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);
        box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)
    }

    body.tabbing .hg\:tabbing-focus\:shadow-2xl:focus {
        -webkit-box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25);
        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, .25)
    }

    body.tabbing .hg\:tabbing-focus\:shadow-inner:focus {
        -webkit-box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06);
        box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, .06)
    }

    body.tabbing .hg\:tabbing-focus\:shadow-outline:focus {
        -webkit-box-shadow: 0 0 0 3px rgba(66, 153, 225, .5);
        box-shadow: 0 0 0 3px rgba(66, 153, 225, .5)
    }

    body.tabbing .hg\:tabbing-focus\:shadow-none:focus {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    body.tabbing .hg\:tabbing-focus\:shadow-error:focus {
        -webkit-box-shadow: inset 0 0 0 1px #c21212;
        box-shadow: inset 0 0 0 1px #c21212
    }

    body.tabbing .hg\:tabbing-focus\:shadow-focus:focus {
        -webkit-box-shadow: 0 0 0 3px #f18031;
        box-shadow: 0 0 0 3px #f18031
    }

    .hg\:w-48 {
        width: 12rem
    }

    .hg\:w-header-button-hg {
        width: 14.625rem
    }

    .hg\:w-2\/3 {
        width: 66.666667%
    }

    body.tabbing .hg\:tabbing-focus\:z-0:focus {
        z-index: 0
    }

    body.tabbing .hg\:tabbing-focus\:z-1:focus {
        z-index: 1
    }

    body.tabbing .hg\:tabbing-focus\:z-10:focus {
        z-index: 10
    }

    body.tabbing .hg\:tabbing-focus\:z-20:focus {
        z-index: 20
    }

    body.tabbing .hg\:tabbing-focus\:z-30:focus {
        z-index: 30
    }

    body.tabbing .hg\:tabbing-focus\:z-40:focus {
        z-index: 40
    }

    body.tabbing .hg\:tabbing-focus\:z-50:focus {
        z-index: 50
    }

    body.tabbing .hg\:tabbing-focus\:z-auto:focus {
        z-index: auto
    }

    body.tabbing .hg\:tabbing-focus\:-z-20:focus {
        z-index: -20
    }

    body.tabbing .hg\:tabbing-focus\:-z-10:focus {
        z-index: -10
    }

    body.tabbing .hg\:tabbing-focus\:-z-1:focus {
        z-index: -1
    }

    body.tabbing .hg\:tabbing-focus\:z-overlay:focus {
        z-index: 100
    }

    body.tabbing .hg\:tabbing-focus\:z-skip-link:focus {
        z-index: 101
    }

    body.tabbing .hg\:tabbing-focus\:visually-hidden:focus {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
        border-width: 0
    }

    body.tabbing .hg\:tabbing-focus\:top-logged-in:focus {
        top: 79px !important
    }

    body.tabbing .hg\:tabbing-focus\:will-change-transform:focus {
        will-change: transform
    }

    body.tabbing .hg\:tabbing-focus\:will-change-opacity:focus {
        will-change: opacity
    }

    body.tabbing .hg\:tabbing-focus\:will-change-lazyload:focus {
        will-change: opacity, transform
    }

    body.tabbing .hg\:tabbing-focus\:align-middle-important:focus {
        vertical-align: middle !important
    }

    body.tabbing .hg\:tabbing-focus\:text-shadow-black-medium:focus {
        text-shadow: 0 0 5px rgba(0, 0, 0, .55)
    }

    body.tabbing .hg\:tabbing-focus\:text-shadow-card:focus {
        text-shadow: 0 0 3px rgba(0, 0, 0, .3)
    }

    body.tabbing .hg\:tabbing-focus\:underline-blue:focus {
        -webkit-text-decoration-color: #f18031;
        text-decoration-color: #f18031
    }

    body.tabbing .hg\:tabbing-focus\:underline-thickness-base:focus {
        text-decoration-thickness: 2px
    }

    body.tabbing .hg\:tabbing-focus\:underline-offset-base:focus {
        text-underline-offset: 3px
    }

    body.tabbing .hg\:tabbing-focus\:safari-glitch-fix:focus {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

.flickity-enabled {
    position: relative
}

.flickity-enabled:focus {
    outline: none
}

.flickity-viewport {
    overflow: hidden;
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: -webkit-grab;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: -webkit-grabbing;
    cursor: grabbing
}

.flickity-button {
    position: absolute;
    background: hsla(0, 0%, 100%, .75);
    border: none;
    color: #333
}

.flickity-button:hover {
    background: #fff;
    cursor: pointer
}

.flickity-button:focus {
    outline: none;
    -webkit-box-shadow: 0 0 0 5px #19f;
    box-shadow: 0 0 0 5px #19f
}

.flickity-button:active {
    opacity: .6
}

.flickity-button:disabled {
    opacity: .3;
    cursor: auto;
    pointer-events: none
}

.flickity-button-icon {
    fill: currentColor
}

.flickity-prev-next-button {
    top: 50%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.flickity-prev-next-button.previous {
    left: 10px
}

.flickity-prev-next-button.next {
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.previous {
    left: auto;
    right: 10px
}

.flickity-rtl .flickity-prev-next-button.next {
    right: auto;
    left: 10px
}

.flickity-prev-next-button .flickity-button-icon {
    position: absolute;
    left: 20%;
    top: 20%;
    width: 60%;
    height: 60%
}

.flickity-page-dots {
    position: absolute;
    width: 100%;
    bottom: -25px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 8px;
    background: #333;
    border-radius: 50%;
    opacity: .25;
    cursor: pointer
}

.flickity-page-dots .dot.is-selected {
    opacity: 1
}