@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=DM+Sans&display=swap");

@-webkit-keyframes easeOutElastic {
    0% {
        -webkit-clip-path: circle(0);
        clip-path: circle(0)
    }

    16% {
        -webkit-clip-path: circle(66%);
        clip-path: circle(66%)
    }

    28% {
        -webkit-clip-path: circle(43%);
        clip-path: circle(43%)
    }

    44% {
        -webkit-clip-path: circle(52%);
        clip-path: circle(52%)
    }

    59% {
        -webkit-clip-path: circle(49%);
        clip-path: circle(49%)
    }

    73% {
        -webkit-clip-path: circle(50.29%);
        clip-path: circle(50.29%)
    }

    88% {
        -webkit-clip-path: circle(49.9%);
        clip-path: circle(49.9%)
    }

    to {
        -webkit-clip-path: circle(50%);
        clip-path: circle(50%)
    }
}

@keyframes easeOutElastic {
    0% {
        -webkit-clip-path: circle(0);
        clip-path: circle(0)
    }

    16% {
        -webkit-clip-path: circle(66%);
        clip-path: circle(66%)
    }

    28% {
        -webkit-clip-path: circle(43%);
        clip-path: circle(43%)
    }

    44% {
        -webkit-clip-path: circle(52%);
        clip-path: circle(52%)
    }

    59% {
        -webkit-clip-path: circle(49%);
        clip-path: circle(49%)
    }

    73% {
        -webkit-clip-path: circle(50.29%);
        clip-path: circle(50.29%)
    }

    88% {
        -webkit-clip-path: circle(49.9%);
        clip-path: circle(49.9%)
    }

    to {
        -webkit-clip-path: circle(50%);
        clip-path: circle(50%)
    }
}

.u-pull-left {
    float: left
}

.u-pull-right {
    float: right
}

.u-text-left {
    text-align: left
}

.u-text-right {
    text-align: right
}

.u-text-center {
    text-align: center
}

.u-text-justify {
    text-align: justify
}

.u-uppercase {
    text-transform: uppercase
}

.u-lowercase {
    text-transform: lowercase
}

.u-clearfix:after {
    clear: both;
    content: "";
    display: table
}

.u-inline {
    display: inline
}

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

.u-block {
    display: block
}

.u-table {
    display: table
}

.u-cell {
    display: table-cell
}

.u-va-top {
    vertical-align: top
}

.u-va-middle {
    vertical-align: middle
}

.u-va-bottom {
    vertical-align: bottom
}

.u-vertical-text {
    visibility: hidden;
    text-align: center
}

.u-hidden {
    display: none
}

.u-invisible {
    visibility: hidden
}

.u-hide-text {
    padding: 0;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
}

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

.u-visually-hidden--focusable:active,
.u-visually-hidden--focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto
}

.u-text-hyphenate {
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.u-button-reset {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent
}

.u-button-reset:focus {
    outline: 0
}

.u-nobr {
    white-space: nowrap
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
main,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

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

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

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

html {
    box-sizing: border-box;
    height: 100%
}

html.no-anim {
    cursor: default
}

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

body {
    position: relative;
    height: auto;
    width: 100%
}

@media (max-width:61.24em) {
    body {
        background: #0e0e0e
    }
}

body.lock-scroll {
    height: 100vh;
    overflow: hidden
}

.site-smoothscroll {
    position: relative;
    overflow: hidden
}

@media (max-width:61.24em) {
    .site-smoothscroll {
        background: #0e0e0e
    }
}

.site-container {
    position: relative
}

@media (max-width:61.24em) {
    .site-container {
        padding-top: 70px
    }
}

.site-wrapper {
    position: relative;
    z-index: 2
}

.site-progress {
    position: fixed;
    top: 0;
    left: 0;
    height: 2px;
    width: 100%;
    z-index: 999999
}

.site-progress .bar {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(43, 54, 68, 0.5)
}

[data-router-view] {
    position: relative;
    transition: opacity .4s cubic-bezier(.25, .46, .45, .94)
}

.center,
[data-router-view=practical] .practical-main-map iframe+div {
    max-width: 960px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width:70.8125em) {

    .center,
    [data-router-view=practical] .practical-main-map iframe+div {
        max-width: 1104px
    }
}

@media (max-width:61.24em) {

    .center,
    [data-router-view=practical] .practical-main-map iframe+div {
        padding-right: 40px;
        padding-left: 40px
    }
}

@media (max-width:47.99em) {

    .center,
    [data-router-view=practical] .practical-main-map iframe+div {
        padding-right: 25px;
        padding-left: 25px
    }
}

@media (min-width:70.8125em) {
    .center--small {
        padding-right: 100px;
        padding-left: 100px
    }
}

@media (min-width:70.8125em) {
    .center--xsmall {
        padding-right: 150px;
        padding-left: 150px
    }
}

.background-animation,
.home-background,
.site-background {
    position: absolute;
    top: 0;
    left: 0;
    height: 120%;
    width: 102%
}

.background-animation div,
.home-background div,
.site-background div {
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute
}

.site-background,
[data-router-view=schedule] {
    background-image: url(../assets/images/background/clouds.png), url(../assets/images/background/bg-detail.png), url(../assets/images/background/bg-clouds.png), url(../assets/images/background/bg-overlay.png), url(../assets/images/background/bg.jpg);
    background-repeat: repeat-y, repeat-y, repeat-y, no-repeat, repeat-y;
    background-size: auto, auto, auto, cover, auto;
    background-position: top, top, top, center 94%, top
}

@media (max-width:61.24em) {

    .site-background,
    [data-router-view=schedule] {
        background-image: url(../assets/images/background/clouds@0.5x.png), url(../assets/images/background/bg-clouds@0.5x.png), url(../assets/images/background/bg-overlay.png), url(../assets/images/background/bg@0.5x.jpg);
        background-repeat: repeat-y, repeat-y, no-repeat, repeat-y;
        background-size: 980px auto, 980px auto, cover, 980px auto;
        background-position: left -520px, left -740px, center 94%, left -740px
    }
}

@media (max-width:47.99em) {

    .site-background,
    [data-router-view=schedule] {
        background-image: url(../assets/images/background/clouds@0.5x.png), url(../assets/images/background/bg-clouds@0.5x.png), url(../assets/images/background/bg@0.5x.jpg);
        background-repeat: repeat-y;
        background-size: 110%, 980px auto, 980px auto;
        background-position: left 20px, left 200px, left 200px
    }
}

@media (max-width:37.49em) {

    .site-background,
    [data-router-view=schedule] {
        background-size: 110%, 150%, 150%
    }
}

@media (min-width:120em) {

    .site-background,
    [data-router-view=schedule] {
        background-size: 100%, 100%, 100%, cover, 100%;
        background-position: 0 0, 0 0, 0 0, center 94%, 0 0
    }
}

@media (min-width:48em) and (max-width:61.24em) {

    [data-router-view=listing] .site-background,
    [data-router-view=listing] [data-router-view=schedule],
    [data-router-view=workshops] .site-background,
    [data-router-view=workshops] [data-router-view=schedule] {
        background-image: url(../assets/images/background/clouds@0.5x.png), url(../assets/images/background/bg-detail@0.5x.png), url(../assets/images/background/bg-clouds@0.5x.png), url(../assets/images/background/bg-overlay.png), url(../assets/images/background/bg@0.5x.jpg);
        background-repeat: repeat-y, repeat-y, repeat-y, no-repeat, repeat-y;
        background-size: 110%, 980px auto, 980px auto, cover, 980px auto;
        background-position: 0 0
    }
}

[data-router-view=detail] .site-background,
[data-router-view=detail] [data-router-view=schedule] {
    background-image: url(../assets/images/background/clouds.png), url(../assets/images/background/bg-detail.png), url(../assets/images/background/bg-clouds.png), url(../assets/images/background/bg.jpg);
    background-repeat: repeat-y;
    background-size: auto;
    background-position: left 170px, 0 0, top, top
}

@media (max-width:61.24em) {

    [data-router-view=detail] .site-background,
    [data-router-view=detail] [data-router-view=schedule] {
        background-image: url(../assets/images/background/clouds@0.5x.png), url(../assets/images/background/bg-detail@0.5x.png), url(../assets/images/background/bg-clouds@0.5x.png), url(../assets/images/background/bg-overlay.png), url(../assets/images/background/bg@0.5x.jpg);
        background-repeat: repeat-y, repeat-y, repeat-y, no-repeat, repeat-y;
        background-size: 100%, 980px auto, 980px auto, cover, 980px auto;
        background-position: left 420px, 0 0, 0 0
    }
}

@media (min-width:120em) {

    [data-router-view=detail] .site-background,
    [data-router-view=detail] [data-router-view=schedule] {
        background-size: 100%;
        background-position: left 170px, 0 0, 0 0, 0 0
    }
}

@media (max-width:37.49em) {

    [data-router-view=detail] .site-background,
    [data-router-view=detail] [data-router-view=schedule] {
        background-size: 100%, 150%, 150%, cover, 150%;
        background-position: left 10px, 0 0, 0 0
    }
}

@media (min-width:61.25em) {

    [data-router-view=listing-kids] .site-background,
    [data-router-view=listing-kids] [data-router-view=schedule],
    [data-router-view=program] .site-background,
    [data-router-view=program] [data-router-view=schedule] {
        background-repeat: repeat-y, no-repeat, repeat-y, no-repeat, repeat-y;
        background-size: auto, 0 0, auto, cover, auto;
        background-position: left 500px, left -1230px, left -1230px, center 94%, left -1230px
    }
}

@media (min-width:120em) {

    [data-router-view=listing-kids] .site-background,
    [data-router-view=listing-kids] [data-router-view=schedule],
    [data-router-view=program] .site-background,
    [data-router-view=program] [data-router-view=schedule] {
        background-size: 100%, 0 0, 100%, cover, 100%
    }
}

@media (min-width:61.25em) {

    [data-router-view=content] .site-background,
    [data-router-view=content] [data-router-view=schedule] {
        background-repeat: repeat-y, no-repeat, repeat-y, no-repeat, repeat-y;
        background-size: auto, 0 0, auto, cover, auto;
        background-position: left -310px, left -1230px, left -1230px, center 94%, left -1230px
    }
}

@media (min-width:120em) {

    [data-router-view=content] .site-background,
    [data-router-view=content] [data-router-view=schedule] {
        background-size: 100%, 0 0, 100%, cover, 100%
    }
}

@media (max-width:37.49em) {

    [data-router-view=content] .site-background,
    [data-router-view=content] [data-router-view=schedule] {
        background-position: left 20px, 0, 0
    }
}

@media (min-width:61.25em) {

    [data-router-view=practical] .site-background,
    [data-router-view=practical] [data-router-view=schedule] {
        background-position: left -510px, left -1230px, left -1230px, center 94%, left -1230px
    }
}

@media (max-width:61.24em) {

    [data-router-view=about] .site-background,
    [data-router-view=about] [data-router-view=schedule] {
        background-image: url(../assets/images/background/clouds@0.5x.png), url(../assets/images/background/bg-clouds@0.5x.png), url(../assets/images/background/bg@0.5x.jpg);
        background-repeat: repeat-y;
        background-size: 110%, 980px auto, 980px auto;
        background-position: left 20px, left 1900px, left 1900px
    }
}

@media (min-width:61.25em) {

    [data-router-view=about] .site-background,
    [data-router-view=about] [data-router-view=schedule] {
        background-position: top, left -3000px, left -3000px, center 94%, left -3000px
    }
}

@media (max-width:37.49em) {

    [data-router-view=about] .site-background,
    [data-router-view=about] [data-router-view=schedule] {
        background-size: 110%, 150%, 150%;
        background-position: left 1350px, left 1900px, left 1900px
    }
}

.site-background .icecream.icecream-1,
[data-router-view=schedule] .icecream.icecream-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 95px;
    max-width: 95px;
    height: 73px;
    top: 159px;
    left: 1400px;
    opacity: 0
}

@media (max-width:61.24em) {

    .site-background .icecream.icecream-1,
    [data-router-view=schedule] .icecream.icecream-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.site-background .icecream.icecream-1 span,
[data-router-view=schedule] .icecream.icecream-1 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {

    .site-background .icecream.icecream-1 span,
    [data-router-view=schedule] .icecream.icecream-1 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

.site-background .icecream.icecream-2,
[data-router-view=schedule] .icecream.icecream-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 51px;
    max-width: 51px;
    height: 76px;
    top: 199px;
    left: 1357px;
    opacity: 0
}

@media (max-width:61.24em) {

    .site-background .icecream.icecream-2,
    [data-router-view=schedule] .icecream.icecream-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.site-background .icecream.icecream-2 span,
[data-router-view=schedule] .icecream.icecream-2 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {

    .site-background .icecream.icecream-2 span,
    [data-router-view=schedule] .icecream.icecream-2 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

.site-background .icecream.icecream-3,
[data-router-view=schedule] .icecream.icecream-3 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 82px;
    max-width: 82px;
    height: 125px;
    top: 244px;
    left: 1411px;
    opacity: 0
}

@media (max-width:61.24em) {

    .site-background .icecream.icecream-3,
    [data-router-view=schedule] .icecream.icecream-3 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.site-background .icecream.icecream-3 span,
[data-router-view=schedule] .icecream.icecream-3 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {

    .site-background .icecream.icecream-3 span,
    [data-router-view=schedule] .icecream.icecream-3 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

.site-background .element:nth-child(10n+4),
[data-router-view=schedule] .element:nth-child(10n+4) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/teeth@3x.png);
    width: 6.92708%;
    max-width: 133px;
    height: 97px;
    top: 1206px;
    right: calc(50% + 615px)
}

@media (max-width:61.24em) {

    .site-background .element:nth-child(10n+4),
    [data-router-view=schedule] .element:nth-child(10n+4) {
        background-image: url(../assets/images/decorations/elements/teeth.png)
    }
}

@media (min-width:61.25em) {

    .site-background .element:nth-child(10n+4),
    [data-router-view=schedule] .element:nth-child(10n+4) {
        width: 133px;
        max-width: 133px;
        height: 97px;
        top: 1206px;
        right: calc(50% + 615px)
    }
}

.site-background .element:nth-child(10n+5),
[data-router-view=schedule] .element:nth-child(10n+5) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/paperplane-2@3x.png);
    width: 3.90625%;
    max-width: 75px;
    height: 43px;
    top: 1068px;
    right: calc(50% + -662px)
}

@media (max-width:61.24em) {

    .site-background .element:nth-child(10n+5),
    [data-router-view=schedule] .element:nth-child(10n+5) {
        background-image: url(../assets/images/decorations/elements/paperplane-2.png)
    }
}

@media (min-width:61.25em) {

    .site-background .element:nth-child(10n+5),
    [data-router-view=schedule] .element:nth-child(10n+5) {
        width: 75px;
        max-width: 75px;
        height: 43px;
        top: 1068px;
        right: calc(50% + -662px)
    }
}

.site-background .watermelon-1:nth-child(10n+6),
[data-router-view=schedule] .watermelon-1:nth-child(10n+6) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/watermelon-1@3x.png);
    width: 3.33333%;
    max-width: 64px;
    height: 132px;
    top: 2054px;
    right: calc(50% + -682px)
}

@media (max-width:61.24em) {

    .site-background .watermelon-1:nth-child(10n+6),
    [data-router-view=schedule] .watermelon-1:nth-child(10n+6) {
        background-image: url(../assets/images/decorations/elements/watermelon-1.png)
    }
}

@media (min-width:61.25em) {

    .site-background .watermelon-1:nth-child(10n+6),
    [data-router-view=schedule] .watermelon-1:nth-child(10n+6) {
        width: 64px;
        max-width: 64px;
        height: 132px;
        top: 2054px;
        right: calc(50% + -682px)
    }
}

.site-background .watermelon-2:nth-child(10n+7),
[data-router-view=schedule] .watermelon-2:nth-child(10n+7) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/watermelon-2@3x.png);
    width: 5.26042%;
    max-width: 101px;
    height: 222px;
    top: 2164px;
    right: calc(50% + -747px);
    transform: scaleY(-1)
}

@media (max-width:61.24em) {

    .site-background .watermelon-2:nth-child(10n+7),
    [data-router-view=schedule] .watermelon-2:nth-child(10n+7) {
        background-image: url(../assets/images/decorations/elements/watermelon-2.png)
    }
}

@media (min-width:61.25em) {

    .site-background .watermelon-2:nth-child(10n+7),
    [data-router-view=schedule] .watermelon-2:nth-child(10n+7) {
        width: 101px;
        max-width: 101px;
        height: 222px;
        top: 2164px;
        right: calc(50% + -747px)
    }
}

.site-background .element:nth-child(10n+8),
[data-router-view=schedule] .element:nth-child(10n+8) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/plan-paper@3x.png);
    width: 5.52083%;
    max-width: 106px;
    height: 129px;
    top: 2956px;
    right: calc(50% + 614px)
}

@media (max-width:61.24em) {

    .site-background .element:nth-child(10n+8),
    [data-router-view=schedule] .element:nth-child(10n+8) {
        background-image: url(../assets/images/decorations/elements/plan-paper.png)
    }
}

@media (min-width:61.25em) {

    .site-background .element:nth-child(10n+8),
    [data-router-view=schedule] .element:nth-child(10n+8) {
        width: 106px;
        max-width: 106px;
        height: 129px;
        top: 2956px;
        right: calc(50% + 614px)
    }
}

.site-background .element:nth-child(10n+9),
[data-router-view=schedule] .element:nth-child(10n+9) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/fl-che-left@3x.png);
    width: 7.5%;
    max-width: 144px;
    height: 91px;
    top: 3347px;
    right: calc(50% + -649px)
}

@media (max-width:61.24em) {

    .site-background .element:nth-child(10n+9),
    [data-router-view=schedule] .element:nth-child(10n+9) {
        background-image: url(../assets/images/decorations/elements/fl-che-left.png)
    }
}

@media (min-width:61.25em) {

    .site-background .element:nth-child(10n+9),
    [data-router-view=schedule] .element:nth-child(10n+9) {
        width: 144px;
        max-width: 144px;
        height: 91px;
        top: 3347px;
        right: calc(50% + -649px)
    }
}

.site-background .element:nth-child(10n+10),
[data-router-view=schedule] .element:nth-child(10n+10) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/big-saucer@3x.png);
    width: 9.73958%;
    max-width: 187px;
    height: 85px;
    top: 4946px;
    right: calc(50% + 617px);
    opacity: .87
}

@media (max-width:61.24em) {

    .site-background .element:nth-child(10n+10),
    [data-router-view=schedule] .element:nth-child(10n+10) {
        background-image: url(../assets/images/decorations/elements/big-saucer.png)
    }
}

@media (min-width:61.25em) {

    .site-background .element:nth-child(10n+10),
    [data-router-view=schedule] .element:nth-child(10n+10) {
        width: 187px;
        max-width: 187px;
        height: 85px;
        top: 4946px;
        right: calc(50% + 617px)
    }
}

.home-background {
    background-image: url(../assets/images/background/cloud-home.png), url(../assets/images/background/bg-home.jpg);
    background-repeat: no-repeat;
    background-size: auto;
    background-position: center 90%, top
}

@media (min-width:120em) {
    .home-background {
        background-size: 100%;
        background-position: center 90%, 0 0
    }
}

@media (max-width:61.24em) {
    .home-background {
        background: url(../assets/images/background/cloud-home.png) center 90% no-repeat, url(../assets/images/background/clouds.png) top/130% repeat-y, url(../assets/images/background/bg-clouds@0.5x.png) top/100% repeat-y, url(../assets/images/background/bg-overlay.png) center 94%/cover no-repeat, url(../assets/images/background/bg.jpg) top/200% repeat-y
    }
}

@media (max-width:37.49em) {
    .home-background {
        background: url(../assets/images/background/cloud-home.png) center 93% no-repeat, url(../assets/images/background/clouds.png) top/120% repeat-y, url(../assets/images/background/bg-clouds@0.25x.png) top/100% repeat-y, url(../assets/images/background/bg-overlay.png) center 94%/cover no-repeat, url(../assets/images/background/bg@0.25x.jpg) top/200% repeat-y
    }
}

.dashed-outside {
    position: absolute;
    top: calc(100% + 20px);
    left: 50%;
    width: 24px;
    height: 51px;
    transform: translateX(-50%);
    content: "";
    pointer-events: none
}

figure .svg svg {
    pointer-events: none;
    transform-origin: center;
    animation-name: u762378d7
}

@keyframes u762378d7 {
    0% {
        stroke-dashoffset: 0%
    }

    to {
        stroke-dashoffset: 100%
    }
}

figure .svg svg--primary path {
    stroke: #fff
}

img {
    display: block;
    max-width: 100%
}

img.js-lazy-load {
    opacity: 0
}

img.js-lazy-load.is-loaded {
    opacity: 1
}

.svg {
    display: inline-block
}

.svg svg {
    display: block
}

path[class*=scissors] {
    stroke: none
}

@media (min-width:48em) {
    .appear-fade {
        opacity: 0;
        transition: opacity .35s cubic-bezier(.25, .46, .45, .94) .125s
    }
}

.appear-pop .overflow {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    overflow: hidden;
    transform-origin: center;
    transform: translate(-50%, -50%)
}

.appear-pop .image-container {
    width: 100%;
    height: 100%;
    will-change: transform;
    transform: scale(1.08);
    transform-origin: center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

@media (min-width:48em) {

    .appear-pop .appear-pop-text,
    .appear-pop .dashed-ring {
        opacity: 0;
        transition: color .35s cubic-bezier(.25, .46, .45, .94), opacity .35s cubic-bezier(.25, .46, .45, .94) .65s
    }
}

.appear-pop .overflow-hover,
.appear-pop img {
    height: 100%;
    width: 100%
}

.appear-pop img {
    display: block;
    transform-origin: center center
}

.object-fit .appear-pop img {
    object-fit: cover;
    object-position: center
}

.no-object-fit .appear-pop img {
    font-family: "object-fit: cover; object-position: center";
    object-position: center
}

@media (min-width:48em) {
    .appear-pop img {
        transition: opacity .5s cubic-bezier(.8, .105, .11, 1.18);
        opacity: 0
    }
}

@media (min-width:48em) {

    .js-in-view.is-in-view .appear-pop .appear-pop-text,
    .js-in-view.is-in-view .appear-pop .dashed-ring,
    .js-in-view.is-in-view .appear-pop img {
        opacity: 1
    }

    .js-in-view.is-in-view .appear-pop .component-link:hover~.overflow img,
    .js-in-view.is-in-view .appear-pop a:hover img {
        transition: -webkit-clip-path .3s cubic-bezier(.25, .46, .45, .94);
        transition: clip-path .3s cubic-bezier(.25, .46, .45, .94);
        transition: clip-path .3s cubic-bezier(.25, .46, .45, .94), -webkit-clip-path .3s cubic-bezier(.25, .46, .45, .94)
    }

    .js-in-view.is-in-view .appear-pop .component-link:hover~.appear-pop-text,
    .js-in-view.is-in-view .appear-pop a:hover .appear-pop-text {
        color: rgba(43, 54, 68, 0.5)
    }

    .js-in-view.is-in-view .appear-fade {
        opacity: 1
    }
}

@-webkit-keyframes volume {
    0% {
        transform: scaleY(1)
    }

    33% {
        transform: scaleY(1.4)
    }

    66% {
        transform: scaleY(.6)
    }

    to {
        transform: scaleY(1)
    }
}

@keyframes volume {
    0% {
        transform: scaleY(1)
    }

    33% {
        transform: scaleY(1.4)
    }

    66% {
        transform: scaleY(.6)
    }

    to {
        transform: scaleY(1)
    }
}

@-webkit-keyframes grain {

    0%,
    to {
        transform: translate(0)
    }

    10% {
        transform: translate(-510px, -510px)
    }

    20% {
        transform: translate(-515px, 55px)
    }

    30% {
        transform: translate(57px, -525px)
    }

    40% {
        transform: translate(521px, 525px)
    }

    50% {
        transform: translate(-525px, 510px)
    }

    60% {
        transform: translate(515px, 55px)
    }

    70% {
        transform: translate(50px, 515px)
    }

    80% {
        transform: translate(525px, 535px)
    }

    90% {
        transform: translate(-510px, 510px)
    }
}

@keyframes grain {

    0%,
    to {
        transform: translate(0)
    }

    10% {
        transform: translate(-510px, -510px)
    }

    20% {
        transform: translate(-515px, 55px)
    }

    30% {
        transform: translate(57px, -525px)
    }

    40% {
        transform: translate(521px, 525px)
    }

    50% {
        transform: translate(-525px, 510px)
    }

    60% {
        transform: translate(515px, 55px)
    }

    70% {
        transform: translate(50px, 515px)
    }

    80% {
        transform: translate(525px, 535px)
    }

    90% {
        transform: translate(-510px, 510px)
    }
}

@-webkit-keyframes mask-play {
    0% {
        -webkit-mask-position-y: 0;
        mask-position-y: 0
    }

    to {
        -webkit-mask-position-y: 100%;
        mask-position-y: 100%
    }
}

@keyframes mask-play {
    0% {
        -webkit-mask-position-y: 0;
        mask-position-y: 0
    }

    to {
        -webkit-mask-position-y: 100%;
        mask-position-y: 100%
    }
}

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

body {
    font-family: "Solano Gothic MVB BD";
    font-weight: 400;
    font-style: normal;
    color: #0e0e0e;
    font-size: 1rem;
    line-height: 1.6875
}

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

.simple-link {
    display: inline-block;
    font-size: 1rem;
    line-height: 2;
    text-decoration: none
}

.simple-link,
.subhead {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal
}

.subhead {
    color: rgba(43, 54, 68, 0.5);
    font-size: .75rem;
    letter-spacing: .6em;
    line-height: 1
}

.subhead,
.subtitle {
    text-transform: uppercase
}

.subtitle {
    font-family: "Solano Gothic MVB BD";
    font-style: normal;
    font-size: .625rem;
    letter-spacing: .4em;
    line-height: 2
}

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

em,
i {
    font-style: italic
}

.typeset h3 {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    font-size: 2rem;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: rgba(43, 54, 68, 0.5)
}

.typeset>h3 {
    position: absolute;
    left: 0;
    top: 0;
    column-count: 1
}

.typeset h4,
.typeset h5,
.typeset h6 {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.5
}

.typeset h4+*,
.typeset h5+*,
.typeset h6+* {
    margin-top: 10px
}

.typeset p+* {
    margin-top: 25px
}

.typeset p+ol,
.typeset p+ul {
    margin-top: 30px
}

.typeset ol li,
.typeset ul li {
    position: relative;
    padding-left: 30px
}

.typeset ol+*,
.typeset ul+* {
    margin-top: 30px
}

.typeset ul li:before {
    position: absolute;
    top: 12px;
    left: 2px;
    height: 4px;
    width: 4px;
    content: "";
    background-color: rgba(43, 54, 68, 0.5);
    border-radius: 50%
}

.typeset ol {
    counter-reset: a
}

.typeset ol li {
    counter-increment: a
}

.typeset ol li:before {
    position: absolute;
    top: 4px;
    left: 0;
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    content: counter(a) ".";
    font-size: 1.25rem;
    line-height: 1
}

.typeset b,
.typeset strong {
    color: #fff
}

.typeset a {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    line-height: 1.6875;
    text-decoration: underline
}

.no-touchevents .typeset a:hover {
    text-decoration: none
}

.typeset .lead {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.75
}

.typeset .lead+* {
    margin-top: 35px
}

.button {
    display: inline-block;
    margin: 0;
    padding: 0;
    border: 0 none;
    outline: none;
    background: none;
    text-decoration: none;
    cursor: pointer;
    -webkit-mask-image: -webkit-radial-gradient(#fff, #000)
}

.button.is-disabled {
    background-color: #c9c9c9;
    border-color: #c9c9c9;
    pointer-events: none;
    color: #fff
}

.button-primary {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    padding: 16px 29px 17px;
    position: relative;
    background-color: #fff;
    border-radius: 20px;
    transition: color .3s cubic-bezier(.25, .46, .45, .94);
    overflow: hidden;
    color: #0e0e0e;
    font-size: 1.0625rem;
    line-height: 1
}

.button-primary .button-primary-overlay {
    position: relative;
    height: auto;
    width: 100%;
    position: absolute;
    top: 100%;
    right: 100%
}

.button-primary .button-primary-overlay:before {
    padding-top: 100%;
    display: block;
    content: ""
}

.button-primary .button-primary-overlay:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    background-color: rgba(43, 54, 68, 0.5);
    border-radius: 50%;
    transform: scale(1);
    transform-origin: bottom left
}

.button-primary .button-primary-text {
    position: relative;
    display: inline-block
}

.button-primary:before {
    position: absolute;
    top: 100%;
    left: 0;
    content: "";
    background-color: #fff;
    border-radius: 50%
}

.button-primary .svg {
    position: relative;
    fill: currentColor
}

.button-primary--with-arrow {
    padding-right: 46px;
    padding-left: 29px
}

.button-primary .svg-arrow-right {
    position: absolute;
    right: 20px
}

.button-primary:hover,
.component-link:hover~.button-primary {
    color: #fff
}

.button-primary:hover .button-primary-overlay:after,
.component-link:hover~.button-primary .button-primary-overlay:after {
    transform: scale(2.5)
}

.button-primary--inverse {
    background-color: rgba(43, 54, 68, 0.5);
    color: #fff;
    border: 3px solid rgba(43, 54, 68, 0.5)
}

.button-primary--inverse .button-primary-overlay:after {
    background-color: #fff
}

.button-primary--inverse:hover,
.component-link:hover~.button-primary--inverse {
    color: #0e0e0e
}

@media (max-width:61.24em) {
    .button--primary-menu {
        background-color: rgba(43, 54, 68, 0.5);
        color: #fff;
        border: 3px solid rgba(43, 54, 68, 0.5)
    }

    .button--primary-menu .button-primary-overlay:after {
        background-color: #fff
    }

    .button--primary-menu:hover,
    .component-link:hover~.button--primary-menu {
        color: #0e0e0e
    }
}

.button-secondary {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    padding: 16px 29px 17px;
    position: relative;
    background-color: rgba(17, 0, 128, 0);
    border-radius: 20px;
    border: 2px solid rgba(43, 54, 68, 0.5);
    transition: color .3s cubic-bezier(.25, .46, .45, .94);
    overflow: hidden;
    color: #0e0e0e;
    font-size: 1.0625rem;
    line-height: 1
}

.button-secondary .button-secondary-overlay {
    position: relative;
    height: auto;
    width: 100%;
    position: absolute;
    top: 100%;
    right: 100%
}

.button-secondary .button-secondary-overlay:before {
    padding-top: 100%;
    display: block;
    content: ""
}

.button-secondary .button-secondary-overlay:after {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    content: "";
    transition: transform .5s cubic-bezier(.25, .46, .45, .94);
    background-color: rgba(43, 54, 68, 0.5);
    border-radius: 50%;
    transform: scale(1);
    transform-origin: bottom left
}

.button-secondary .button-secondary-text {
    position: relative;
    display: inline-block
}

.button-secondary:before {
    position: absolute;
    top: 100%;
    left: 0;
    content: "";
    background-color: #fff;
    border-radius: 50%
}

.button-secondary .svg {
    position: relative;
    fill: currentColor
}

.button-secondary--with-arrow {
    padding-right: 46px;
    padding-left: 29px
}

.button-secondary .svg-arrow-right {
    position: absolute;
    top: calc(50% - 4px);
    right: 20px
}

.button-secondary:hover,
.component-link:hover~.button-secondary {
    color: #fff
}

.button-secondary:hover .button-secondary-overlay:after,
.component-link:hover~.button-secondary .button-secondary-overlay:after {
    transform: scale(2.5)
}

.button--arrow {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    padding-right: 20px;
    transition: color .3s cubic-bezier(.25, .46, .45, .94);
    color: #fff
}

.button--arrow .svg {
    transition: transform .35s cubic-bezier(.25, .46, .45, .94);
    fill: rgba(43, 54, 68, 0.5)
}

.button--arrow:hover,
.post--hover .button--arrow {
    color: rgba(43, 54, 68, 0.5)
}

.button--arrow:hover .svg,
.post--hover .button--arrow .svg {
    transform: translateX(5px)
}

.button--more {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    color: rgba(43, 54, 68, 0.5);
    font-size: 1.3125rem;
    line-height: 1;
    letter-spacing: -.42px;
    -webkit-mask-image: none;
    transform: translateX(0);
    padding-right: 0
}

.button--more svg {
    fill: rgba(43, 54, 68, 0.5);
    width: 15px;
    height: 8.5px;
    margin-top: -10px;
    margin-left: 7px
}

.button--more b {
    color: rgba(43, 54, 68, 0.5);
    font-size: 1rem;
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

.button--more.button--more-inverted {
    color: rgba(43, 54, 68, 0.5) !important
}

.button--more.button--more-inverted:hover {
    color: #fff !important
}

.button--more:before {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    height: 2px;
    width: 100%;
    content: "";
    background-color: rgba(43, 54, 68, 0.5);
    transition: width .35s cubic-bezier(.25, .46, .45, .94), background-color .35s cubic-bezier(.25, .46, .45, .94)
}

.button--more:hover,
.button--more:hover b,
.post--hover .button--more,
.post--hover .button--more b {
    color: #fff
}

.button--more:hover:before,
.post--hover .button--more:before {
    background-color: #fff;
    width: calc(100% + 5px)
}

.button--pils,
.button--transparent {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    transition: color .3s cubic-bezier(.165, .84, .44, 1), background .3s cubic-bezier(.165, .84, .44, 1);
    color: #fff;
    font-size: 1rem;
    line-height: 1
}

.button--pils .svg,
.button--transparent .svg {
    margin-left: 10px;
    transition: fill .3s cubic-bezier(.165, .84, .44, 1);
    fill: #fff;
    vertical-align: middle
}

.button--transparent:hover .svg {
    fill: #fff
}

.button--pils {
    padding: 20px 30px 17px 40px;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    border-radius: 20px;
    color: rgba(43, 54, 68, 0.5)
}

.button--pils,
.button--pils:hover {
    background-color: #fff
}

.button--pils:hover .svg {
    fill: #fff
}

.filters .filters-list {
    display: flex
}

@media (max-width:47.99em) {
    .filters .filters-list {
        flex-direction: column
    }
}

.filters .filter-item {
    position: relative;
    height: auto;
    width: 100%;
    z-index: 1;
    flex-basis: 100%;
    border-bottom: 1px solid #fff
}

@media (min-width:61.25em) {
    .filters .filter-item {
        flex-basis: 25%;
        width: 25%
    }
}

@media (min-width:70.8125em) {
    .filters .filter-item {
        flex-basis: auto;
        width: auto
    }
}

.filters .filter-link {
    position: relative;
    height: auto;
    width: 100%;
    padding-right: 14px;
    padding-left: 14px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    color: #fff;
    font-size: 1rem;
    letter-spacing: .05em;
    line-height: 3.75;
    text-align: center
}

.filters .filter-link:after {
    position: absolute;
    bottom: -2px;
    left: 0;
    height: 3px;
    width: 100%;
    background-color: #fff
}

.filters .filter-link.is-active {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #fff
}

.filters .filter-link.is-active:after {
    content: ""
}

.tabs-list {
    position: relative;
    z-index: 999;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    overflow: hidden
}

@media (min-width:48em) {
    .tabs-list {
        display: flex;
        align-items: center;
        justify-content: center
    }
}

.tabs-item {
    flex-grow: 1
}

.tabs-item+.tabs-item {
    background-color: rgba(43, 54, 68, 0.5)
}

@media (min-width:48em) {
    .tabs-item+.tabs-item .tabs-item-link {
        border-left: 1px dashed hsla(0, 0%, 100%, .35)
    }
}

@media (max-width:47.99em) {
    .tabs-item+.tabs-item {
        border-top: 1px dashed hsla(0, 0%, 100%, .35)
    }
}

.tabs-item-link {
    display: flex;
    position: relative;
    transition: background-color .3s cubic-bezier(.25, .46, .45, .94), color .3s cubic-bezier(.25, .46, .45, .94);
    z-index: 0;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-around;
    padding: 22px 25px 17px;
    background-color: rgba(43, 54, 68, 0.5);
    color: #fff
}

.tabs-item-link.is-active,
.tabs-item-link:hover {
    background-color: #fff;
    color: #0e0e0e
}

.tabs-item-label {
    display: block;
    font-size: .625rem;
    letter-spacing: .4em;
    text-transform: uppercase;
    margin-bottom: 10px
}

.tabs-item-label,
.tabs-item-text {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    line-height: 1
}

.tabs-item-text {
    font-size: 1rem;
    letter-spacing: -.02em
}

.tags-list {
    margin-right: -2px;
    margin-left: -2px;
    display: flex;
    flex-wrap: wrap
}

.tags-list .tag {
    margin-right: 2px;
    margin-bottom: 4px;
    margin-left: 2px
}

.tag a {
    padding: 8px 14px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    border-radius: radius(8px 14px, 9px, 1.1);
    background-color: #fff;
    color: #fff;
    font-size: .5625rem;
    letter-spacing: .2em;
    line-height: 1.1;
    text-transform: uppercase
}

@media (max-width:61.24em) {
    .tag a {
        font-size: .625rem
    }
}

.tag a.is-active {
    background-color: #fff
}

.site-volume {
    position: fixed;
    right: 40px;
    bottom: 40px;
    height: 30px;
    width: 30px;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
    cursor: pointer;
    transition: opacity .45s cubic-bezier(.25, .46, .45, .94), visibility .45s cubic-bezier(.25, .46, .45, .94)
}

@media (max-width:61.24em) {
    .site-volume {
        bottom: auto;
        top: 23px;
        right: 85px;
        z-index: 10001
    }
}

@media (max-width:47.99em) {
    .site-volume {
        right: 65px
    }
}

.site-volume .sound-bars {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 8px;
    transition: transform .65s cubic-bezier(.25, .46, .45, .94)
}

.site-volume .sound-bars:after,
.site-volume .sound-bars:before {
    position: absolute;
    top: calc(50% - 10px);
    height: 40%;
    width: 2px;
    content: "";
    background-color: #fff;
    transform-origin: center center
}

.site-volume .sound-bars:before {
    left: 0
}

.site-volume .sound-bars:after {
    right: 0
}

.site-volume .sound-bars:first-of-type {
    transform: translate(-50%, -50%) translateX(-6px) scaleY(.15)
}

.site-volume .sound-bars:last-of-type {
    transform: translate(-50%, -50%) translateX(6px) scaleY(.15)
}

.site-volume.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.site-volume.is-playing .sound-bars:after,
.site-volume.is-playing .sound-bars:before {
    animation: volume 1s linear infinite
}

.site-volume.is-playing .sound-bars:first-of-type {
    transform: translate(-50%, -50%) translateX(-6px)
}

.site-volume.is-playing .sound-bars:first-of-type:before {
    animation-delay: .3s
}

.site-volume.is-playing .sound-bars:first-of-type:after {
    animation-delay: .125s
}

.site-volume.is-playing .sound-bars:last-of-type {
    transform: translate(-50%, -50%) translateX(6px)
}

.site-volume.is-playing .sound-bars:last-of-type:before {
    animation-delay: .375s
}

.site-volume.is-playing .sound-bars:last-of-type:after {
    animation-delay: .75s
}

.grid.no-space+.page-footer {
    margin-top: 0 !important
}

.grid-item {
    position: relative;
    height: auto;
    width: calc(100% - 40px);
    margin-bottom: 25px;
    padding-right: 17px;
    padding-left: 17px
}

@media (max-width:61.24em) {
    .grid-item {
        order: 0;
        margin-bottom: 50px
    }
}

@media (min-width:37.5em) {
    .grid-item {
        width: calc(50% - 40px)
    }
}

@media (min-width:61.25em) {
    .grid-item {
        width: 33.333%
    }
}

.grid-item:hover .grid-item-picture {
    transform: scale(1.08)
}

.grid-item:hover .grid-item-picture .image-container {
    transform: scale(1)
}

.grid-item:hover .dashed-outside svg {
    transform: scale(.9) translateY(-10px)
}

.grid-item .grid-item-picture {
    position: relative;
    max-width: 387px;
    transform-origin: center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
    will-change: transform
}

.grid-item .grid-item-picture:before {
    padding-top: 104.909560724%;
    display: block;
    content: ""
}

.grid-item .grid-item-picture .svg {
    position: absolute;
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px)
}

.grid-item .grid-item-picture .svg>svg {
    width: 100%;
    height: 100%;
    stroke: #fff;
    stroke-dasharray: 3 8;
    stroke-linecap: round
}

.grid-item .overflow {
    -webkit-clip-path: url(#mask-1);
    clip-path: url(#mask-1);
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}

@media (max-width:47.99em) {
    .grid-item .overflow {
        border: 1px solid transparent
    }
}

.grid-item .dashed-outside {
    overflow: hidden;
    width: 27px;
    height: 100px;
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    transform-origin: top center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.grid-item .dashed-outside:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: calc(50% - 2.5px)
}

.grid-item .dashed-outside svg {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.grid-item figcaption {
    position: relative;
    z-index: 999;
    text-align: center
}

@media (min-width:61.25em) {
    .grid-item figcaption {
        margin-top: -8px;
        padding-right: 45px;
        padding-left: 45px
    }
}

.grid-item--more {
    margin: 20px auto;
    position: relative;
    transform: translate(0) !important;
    transition: opacity .4s cubic-bezier(.25, .46, .45, .94);
    opacity: 0;
    pointer-events: none;
    text-align: center;
    width: 100%;
    order: 10;
    padding-top: 120px
}

.grid-item--more-inner {
    position: relative;
    z-index: 1
}

.grid-item--more.is-in-view {
    opacity: 1;
    pointer-events: auto
}

@media (max-width:61.24em) {
    .grid-item--more {
        order: 2
    }
}

@media (max-width:47.99em) {
    .grid-item--more {
        margin-top: 170px
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .grid-item--more {
        margin-top: 140px
    }
}

@media (min-width:61.25em) {
    .grid-item--more:nth-child(3n) {
        margin-top: 190px
    }

    .grid-item--more:nth-child(3n+1) {
        margin-top: 400px
    }

    .grid-item--more:nth-child(3n+2) {
        margin-top: 50px
    }
}

.grid-item--more sup {
    font-size: 2.1875rem;
    line-height: 1.049;
    text-align: center;
    color: #fff;
    display: block;
    transform: translateY(-14px)
}

.grid-item--more:before {
    content: "";
    display: block;
    background: url(../assets/images/decorations/elements/ovni-1@3x.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 500px;
    height: 586px;
    max-width: 100%;
    position: absolute;
    left: calc(50% + -55px);
    bottom: -137px;
    transform: translateX(-50%)
}

.grid-item--more .grid-item-title {
    max-width: 296px;
    font-size: 3.4375rem;
    line-height: .82;
    color: #fff;
    margin: 0 auto
}

.grid-item-picture {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    display: block
}

.grid-item-picture:before {
    padding-top: 100%;
    display: block;
    content: ""
}

@media (max-width:70.8025em) {
    .grid-item-picture {
        max-width: 100%
    }
}

.grid-item-content {
    position: relative;
    margin-top: 88px
}

.grid-item-title {
    margin-top: 20px;
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 2.1875rem;
    line-height: 1;
    text-align: center
}

@media (max-width:28.115em) {
    .grid-item-title {
        font-size: 2.1875rem
    }
}

@media (max-width:21.24em) {
    .grid-item-title {
        font-size: 1.875rem
    }
}

.grid-item-subtitle {
    padding-right: 30px;
    padding-left: 30px;
    margin-top: 12px;
    letter-spacing: .3em;
    text-align: center;
    font-size: .5625rem;
    line-height: 1.7777777778;
    color: rgba(43, 54, 68, 0.5)
}

@media (min-width:61.25em) {
    .grid-item:nth-child(9n+1) {
        margin-top: 57px;
        margin-bottom: 120px
    }
}

.grid-item:nth-child(9n+1) .grid-item-picture {
    max-width: 387px;
    position: relative
}

.grid-item:nth-child(9n+1) .grid-item-picture:before {
    padding-top: 104.909560724%;
    display: block;
    content: ""
}

.grid-item:nth-child(9n+1) .grid-item-picture .svg svg {
    top: -18px;
    left: -19px
}

.grid-item:nth-child(9n+1):hover .grid-item-picture {
    transform: translate(1.08)
}

@media (min-width:61.25em) {
    .grid-item:nth-child(9n+2) {
        transform: translateY(172px) translateX(15px)
    }

    .grid-item:nth-child(9n+2):last-child {
        transform: translateY(0) translateX(15px)
    }
}

.grid-item:nth-child(9n+2) .grid-item-picture {
    position: relative;
    max-width: 272px
}

.grid-item:nth-child(9n+2) .grid-item-picture:before {
    padding-top: 109.926470588%;
    display: block;
    content: ""
}

.grid-item:nth-child(9n+2) .grid-item-picture .svg svg {
    top: -18px;
    left: -19px
}

.grid-item:nth-child(9n+2) .overflow {
    -webkit-clip-path: url(#mask-2);
    clip-path: url(#mask-2)
}

@media (min-width:61.25em) {
    .grid-item:nth-child(9n+3) {
        transform: translateY(-10px) translateX(-7px)
    }
}

.grid-item:nth-child(9n+3) .grid-item-picture {
    position: relative;
    max-width: 345px
}

.grid-item:nth-child(9n+3) .grid-item-picture:before {
    padding-top: 101.15942029%;
    display: block;
    content: ""
}

.grid-item:nth-child(9n+3) .grid-item-picture .svg svg {
    top: -23px;
    left: -25px
}

.grid-item:nth-child(9n+3) .overflow {
    -webkit-clip-path: url(#mask-3);
    clip-path: url(#mask-3)
}

@media (min-width:61.25em) {
    .grid-item:nth-child(9n+4) {
        transform: translateY(-28px)
    }
}

.grid-item:nth-child(9n+4) .grid-item-picture {
    position: relative;
    max-width: 302px
}

.grid-item:nth-child(9n+4) .grid-item-picture:before {
    padding-top: 89.4039735099%;
    display: block;
    content: ""
}

.grid-item:nth-child(9n+4) .grid-item-picture .svg svg {
    top: -18px
}

.grid-item:nth-child(9n+4) .overflow {
    -webkit-clip-path: url(#mask-4);
    clip-path: url(#mask-4)
}

@media (min-width:61.25em) {
    .grid-item:nth-child(9n+5) {
        transform: translateY(136px)
    }

    .grid-item:nth-child(9n+5):last-child {
        transform: translateY(-134px)
    }
}

.grid-item:nth-child(9n+5) .grid-item-picture {
    position: relative;
    max-width: 345px
}

.grid-item:nth-child(9n+5) .grid-item-picture:before {
    padding-top: 101.15942029%;
    display: block;
    content: ""
}

.grid-item:nth-child(9n+5) .grid-item-picture .svg svg {
    top: -20px;
    left: -25px
}

.grid-item:nth-child(9n+5) .overflow {
    -webkit-clip-path: url(#mask-5);
    clip-path: url(#mask-5)
}

@media (min-width:61.25em) {
    .grid-item:nth-child(9n+6) {
        transform: translateY(-95px) translateX(-11px)
    }
}

.grid-item:nth-child(9n+6) .grid-item-picture {
    max-width: 326px;
    position: relative
}

.grid-item:nth-child(9n+6) .grid-item-picture:before {
    padding-top: 103.067484663%;
    display: block;
    content: ""
}

.grid-item:nth-child(9n+6) .grid-item-picture .svg svg {
    left: -18px
}

.grid-item:nth-child(9n+6) .overflow {
    -webkit-clip-path: url(#mask-6);
    clip-path: url(#mask-6)
}

@media (min-width:61.25em) {
    .grid-item:nth-child(9n+7) {
        transform: translateY(12px) translateX(6px)
    }
}

.grid-item:nth-child(9n+7) .grid-item-picture {
    position: relative
}

@media (min-width:61.25em) {
    .grid-item:nth-child(9n+7) .grid-item-picture {
        max-width: 355px;
        width: 355px
    }
}

.grid-item:nth-child(9n+7) .grid-item-picture:before {
    padding-top: 107.323943662%;
    display: block;
    content: ""
}

.grid-item:nth-child(9n+7) .grid-item-picture .svg svg {
    top: -28px;
    left: -23px
}

.grid-item:nth-child(9n+7) .overflow {
    -webkit-clip-path: url(#mask-7);
    clip-path: url(#mask-7)
}

@media (min-width:61.25em) {
    .grid-item:nth-child(9n+8):not(.grid-item--more) {
        transform: translateY(172px) translateX(15px)
    }
}

.grid-item:nth-child(9n+8):not(.grid-item--more) .grid-item-picture {
    position: relative;
    max-width: 272px
}

.grid-item:nth-child(9n+8):not(.grid-item--more) .grid-item-picture:before {
    padding-top: 109.926470588%;
    display: block;
    content: ""
}

.grid-item:nth-child(9n+8):not(.grid-item--more) .grid-item-picture .svg svg {
    top: -18px;
    left: -19px
}

.grid-item:nth-child(9n+8):not(.grid-item--more) .overflow {
    -webkit-clip-path: url(#mask-2);
    clip-path: url(#mask-2)
}

@media (min-width:61.25em) {

    .grid-item:nth-child(9n+8):last-child,
    .grid-item:nth-child(9n+9):not(.grid-item--more) {
        transform: translateY(-21px) translateX(-4px)
    }
}

.grid-item:nth-child(9n+8):last-child .grid-item-picture,
.grid-item:nth-child(9n+9):not(.grid-item--more) .grid-item-picture {
    position: relative;
    max-width: 299px
}

.grid-item:nth-child(9n+8):last-child .grid-item-picture:before,
.grid-item:nth-child(9n+9):not(.grid-item--more) .grid-item-picture:before {
    padding-top: 110.367892977%;
    display: block;
    content: ""
}

.grid-item:nth-child(9n+8):last-child .grid-item-picture .svg svg,
.grid-item:nth-child(9n+9):not(.grid-item--more) .grid-item-picture .svg svg {
    top: -26px;
    left: -21px
}

.grid-item:nth-child(9n+8):last-child .overflow,
.grid-item:nth-child(9n+9):not(.grid-item--more) .overflow {
    -webkit-clip-path: url(#mask-8);
    clip-path: url(#mask-8)
}

@media (min-width:61.25em) {
    .grid-item:first-child {
        margin-top: 0;
        transform: translate(7px)
    }
}

@media (min-width:61.25em) {
    .grid-item:nth-child(2) {
        transform: translateY(170px) translateX(12px)
    }
}

@media (min-width:61.25em) {
    .grid-item:nth-child(3) {
        transform: translateY(-80px) translateX(-7px)
    }
}

#Calque_1 {
    position: absolute;
    pointer-events: none;
    display: block
}

.team-list {
    margin-bottom: -90px
}

@media (min-width:48em) {
    .team-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-right: -17px;
        margin-left: -17px
    }
}

@media (max-width:47.99em) {
    .team-list {
        margin-bottom: 0
    }
}

.team-list .team-item {
    margin-bottom: 63px
}

@media (max-width:47.99em) {
    .team-list .team-item {
        margin-bottom: 30px
    }
}

.team-item {
    text-align: center
}

@media (min-width:48em) {
    .team-item {
        width: 50%;
        padding-right: 17px;
        padding-left: 17px
    }
}

@media (min-width:61.25em) {
    .team-item {
        width: 33.333%
    }
}

@media (min-width:70.8125em) {
    .team-item {
        width: 25%
    }
}

.team-item-picture {
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 0;
    width: 230px;
    height: 230px
}

.team-item-picture .dashed-outside {
    top: calc(100% + 5px)
}

.team-item-picture img {
    display: block;
    width: 100%;
    -webkit-clip-path: circle(50%);
    clip-path: circle(50%)
}

.team-item-picture .dashed-ring {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.team-item-picture .dashed-ring,
.team-item-picture:after {
    position: absolute;
    height: calc(100% + 20px);
    width: calc(100% + 20px)
}

.team-item-picture:after {
    content: "";
    background-image: url(../assets/images/dash-circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    top: -10px;
    left: -10px
}

.team-item-title {
    position: relative;
    margin-top: 73px;
    margin-bottom: 18px;
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    z-index: 999;
    color: #fff;
    font-size: 2.1875rem;
    line-height: 1;
    letter-spacing: -.7px
}

@media (max-width:61.24em) {
    .team-item-title {
        font-size: 2.5rem
    }
}

.team-item-subtitle {
    color: rgba(43, 54, 68, 0.5);
    font-size: .5625rem;
    letter-spacing: 4.95px
}

@media (min-width:61.25em) {
    .team-item-subtitle {
        position: relative;
        z-index: 999
    }
}

.tweet-subhead {
    margin-bottom: 20px;
    font-family: DM Mono, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #fff;
    font-size: .5625rem;
    line-height: 3.19;
    letter-spacing: 6.9px;
    text-transform: uppercase
}

.tweet-subhead .svg {
    margin-right: 10px;
    vertical-align: middle
}

.tweet-subhead .svg svg {
    fill: rgba(43, 54, 68, 0.5)
}

.tweet-content {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 1.125rem;
    line-height: 1.67
}

.tweet-content a {
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    color: rgba(43, 54, 68, 0.5)
}

.tweet-content a:hover {
    text-decoration: underline
}

.video {
    position: relative
}

.video:before {
    padding-top: 56.25%;
    display: block;
    content: ""
}

.video iframe {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 0
}

.video.is-played .video-poster {
    display: none
}

.video-poster {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.video-poster img {
    height: 100%;
    width: 100%;
    display: block
}

.object-fit .video-poster img {
    object-fit: cover
}

.no-object-fit .video-poster img {
    font-family: object-fit\: cover
}

.video-poster:before {
    height: 66px;
    width: 66px;
    border-radius: 50%;
    background-color: #fff
}

.video-poster:after,
.video-poster:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%, -50%)
}

.video-poster:after {
    margin-left: 3px;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 18px solid #fff
}

.no-touchevents .video-poster:hover:before {
    background-color: #fff
}

.no-touchevents .video-poster:hover:after {
    border-left-color: #fff
}

.events-list {
    margin-right: -5px;
    margin-left: -5px;
    display: flex
}

.events-list .event {
    padding-right: 5px;
    padding-left: 5px;
    flex-shrink: 0
}

.event .event-inner {
    position: relative
}

.event .event-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999
}

.event .event-picture {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 170px;
    overflow: hidden
}

@media (max-width:47.99em) {
    .event .event-picture {
        position: relative;
        top: auto;
        left: auto;
        height: 220px;
        width: 100%
    }
}

.event .event-picture img {
    height: 100%;
    width: 100%;
    display: block
}

.object-fit .event .event-picture img {
    object-fit: cover
}

.no-object-fit .event .event-picture img {
    font-family: object-fit\: cover
}

.event .event-content {
    height: 220px;
    width: 100%;
    padding: 35px 35px 35px 205px;
    background-color: #fff
}

@media (max-width:47.99em) {
    .event .event-content {
        height: auto;
        width: 100%;
        padding: 25px 20px
    }
}

.event .event-hours,
.event .event-schedule {
    margin-bottom: 25px;
    font-size: .75rem;
    letter-spacing: .05em;
    line-height: 2
}

.event .event-hours,
.event .event-schedule,
.event .event-subhead,
.event .event-subtitle {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    text-transform: uppercase
}

.event .event-subhead,
.event .event-subtitle {
    font-size: .5625rem;
    letter-spacing: .4em;
    line-height: 2.2
}

.event .event-subhead {
    margin-bottom: 10px
}

.event .event-subtitle {
    margin-top: 8px
}

.event .event-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    font-size: 1.375rem;
    line-height: 1.35
}

.event[layout=featured] {
    position: relative
}

.event[layout=featured] .event-picture {
    position: relative;
    top: auto;
    bottom: auto;
    left: auto;
    height: 220px;
    width: 100%
}

.event[layout=featured] .event-content {
    height: auto;
    width: 100%;
    padding: 30px 40px;
    background-color: #fff
}

@media (max-width:47.99em) {
    .event[layout=featured] .event-content {
        padding: 25px 20px
    }
}

.event[layout=featured] .event-hours,
.event[layout=featured] .event-schedule {
    margin-top: 50px;
    margin-bottom: 0
}

.venues-list {
    margin-right: -15px;
    margin-left: -15px;
    display: flex;
    flex-wrap: wrap
}

.venues-list .venue {
    height: auto;
    width: 50%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 50px;
    flex-basis: 50%
}

@media (max-width:47.99em) {
    .venues-list .venue {
        height: auto;
        width: 100%;
        margin-bottom: 0;
        flex-basis: 100%
    }

    .venues-list .venue+.venue {
        margin-top: 40px
    }
}

.venue {
    position: relative
}

.venue .venue-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 999
}

.venue .venue-title {
    margin-bottom: 15px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 1.25rem;
    line-height: 1.5
}

.files-item {
    display: flex;
    align-items: flex-end;
    padding: 24px 30px 24px 40px;
    border-radius: 10px;
    background-color: #fff;
    color: rgba(43, 54, 68, 0.5);
    line-height: 1
}

.files-item .svg {
    margin-left: auto;
    fill: #fff
}

.files-item+.files-item {
    margin-top: 25px
}

.no-touchevents .files-item:hover {
    background-color: #fff;
    color: #fff
}

.no-touchevents .files-item:hover .svg {
    fill: #fff
}

.files-item-name {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    font-size: 1.125rem
}

.files-item-size,
.files-item-type {
    font-size: .8125rem;
    font-style: italic
}

.files-item-type:before {
    content: "-";
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
    vertical-align: middle
}

[data-router-view=tickets] .section-header-title {
    font-size: 3.125rem;
    line-height: 1.1;
    color: #fff
}

[data-router-view=tickets] .tickets-header+* {
    margin-top: 40px
}

.tickets-list .ticket+.ticket {
    margin-top: 30px
}

.ticket {
    display: flex;
    position: relative;
    align-items: center;
    padding: 38px 190px 38px 60px;
    overflow: hidden;
    border-radius: 30px;
    background-color: #fff
}

@media (max-width:61.24em) {
    .ticket {
        flex-wrap: wrap;
        padding-left: 35px;
        padding-right: 35px
    }
}

.ticket-banner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 13px 60px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    transform: rotate(-45deg) translate(-44%, 130%);
    transform-origin: 0 50%;
    background-color: rgba(43, 54, 68, 0.5);
    color: #fff;
    font-size: .625rem;
    letter-spacing: .2em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase
}

.ticket-header {
    height: auto;
    width: 283px;
    padding-top: 40px;
    padding-right: 30px;
    padding-bottom: 40px;
    position: relative;
    z-index: 999;
    flex-shrink: 0;
    border-right: 1px solid rgba(81, 74, 115, .2);
    text-align: center
}

@media (max-width:61.24em) {
    .ticket-header {
        width: 40%
    }
}

@media (max-width:47.99em) {
    .ticket-header {
        width: 100%;
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-right: 0 none;
        border-bottom: 1px solid rgba(17, 0, 128, .2)
    }
}

.ticket-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    color: rgba(43, 54, 68, 0.5);
    font-size: 2.1875rem;
    line-height: 1.2857142857;
    letter-spacing: -.7px;
    text-align: left
}

.ticket-title strong {
    display: inline-block;
    margin-top: -5px;
    font-size: 1.25rem;
    font-weight: inherit;
    line-height: 1
}

.ticket-subtitle {
    margin-top: 10px;
    color: rgba(43, 54, 68, 0.5)
}

.ticket-text {
    padding-right: 60px;
    padding-left: 35px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 400;
    font-style: normal;
    color: #514a73;
    position: relative;
    z-index: 999;
    font-size: 1rem;
    line-height: 1.6875
}

@media (max-width:61.24em) {
    .ticket-text {
        width: 60%
    }
}

@media (max-width:47.99em) {
    .ticket-text {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

.ticket-text ul li:before {
    border-color: #fff
}

.ticket-text ul li:after {
    background-color: #fff
}

.ticket-details {
    z-index: 999;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: space-between;
    transition: background .3s cubic-bezier(.165, .84, .44, 1);
    background-color: rgba(43, 54, 68, 0.5)
}

@media (min-width:61.25em) {
    .ticket-details {
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 190px
    }
}

@media (max-width:61.24em) {
    .ticket-details {
        width: 100%;
        margin-top: 30px;
        border-radius: 30px
    }
}

.no-touchevents .ticket-details:hover {
    background-color: rgba(17, 0, 128, .75)
}

.no-touchevents .ticket-details:hover .svg {
    fill: #fff
}

.ticket-promo {
    position: absolute;
    top: 15px;
    left: 50%;
    font-family: "Solano Gothic MVB BD";
    font-weight: 400;
    font-style: normal;
    transform: translateX(-50%);
    color: #fff;
    font-size: 1.125rem;
    line-height: 1
}

.ticket-promo:before {
    height: 2px;
    width: 40px;
    position: absolute;
    top: calc(50% - 3px);
    left: 50%;
    content: "";
    transform: translateX(-50%) rotate(-7deg);
    background-color: #fff
}

.ticket-price,
.ticket-sold-out {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1.5;
    text-align: center;
    padding-top: 10px
}

.ticket-price {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    border-bottom: 1px solid hsla(0, 0%, 100%, .2)
}

@media (max-width:61.24em) {
    .ticket-price {
        padding-top: 15px;
        padding-bottom: 15px
    }
}

.ticket-price sup {
    font-size: 1.375rem;
    margin-top: -20px;
    vertical-align: super
}

@media (min-width:61.25em) {
    .ticket-sold-out {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        font-size: 1.875rem;
        width: 100%
    }
}

@media (max-width:61.24em) {
    .ticket-sold-out {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 1.0625rem
    }
}

.ticket-link {
    display: block;
    text-align: center;
    height: 74px;
    line-height: 74px;
    flex-shrink: 0
}

@media (max-width:61.24em) {
    .ticket-link {
        height: 54px;
        line-height: 54px
    }
}

.ticket-link .button {
    font-size: 1.125rem
}

.ticket-link .svg {
    fill: #fff
}

.ticket-cover-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.ticket--pink .ticket-banner,
.ticket--pink .ticket-details {
    background-color: rgba(43, 54, 68, 0.5)
}

.no-touchevents .ticket--pink .ticket-details:hover {
    background-color: rgba(17, 0, 128, .75)
}

.ticket--sold-out .ticket-details {
    pointer-events: none;
    background-color: #c9c9c9
}

.ticket-card {
    position: relative;
    padding: 94px 40px 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    color: #514a73;
    border-radius: 30px;
    text-align: center;
    transition: box-shadow .35s cubic-bezier(.25, .46, .45, .94);
    box-shadow: 0 0 30px 0 rgba(46, 61, 73, 0)
}

.ticket-card-frame {
    position: absolute;
    top: 15px;
    right: 15px;
    left: 15px;
    bottom: 15px;
    border-radius: 20px;
    border: 3px solid rgba(160, 153, 204, .3);
    transition: border .35s cubic-bezier(.25, .46, .45, .94);
    background: none;
    z-index: 3
}

.ticket-card-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../assets/images/ticket-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
    border-radius: 30px;
    opacity: 0;
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94)
}

.ticket-card .ticket-card-price sup {
    font-size: 3.25rem;
    vertical-align: super
}

.ticket-card .button {
    background: none;
    margin-top: 39px;
    margin-bottom: 15px;
    z-index: 3
}

.ticket-card .button.is-disabled {
    background-color: #c9c9c9
}

.ticket-card p {
    transition: color .35s cubic-bezier(.25, .46, .45, .94);
    z-index: 3
}

.ticket-card p:last-of-type {
    margin-bottom: 30px
}

.ticket-card:hover {
    box-shadow: 0 0 30px 0 rgba(46, 61, 73, .15)
}

.ticket-card--sold-out .button {
    padding-right: 36px
}

.ticket-card-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 4
}

.ticket-card-title {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: rgba(43, 54, 68, 0.5);
    font-size: 1rem;
    line-height: 1;
    letter-spacing: 0.3em;
    text-transform: uppercase;
    z-index: 3
}

@media (max-width:47.99em) {
    .ticket-card-title {
        font-size: 1.25rem
    }
}

.ticket-card-full-price {
    margin-top: 22px;
    position: relative;
    font-family: "Solano Gothic MVB BD";
    font-weight: 400;
    font-style: normal;
    min-height: 27px;
    color: rgba(43, 54, 68, 0.5);
    font-size: 1.25rem;
    line-height: 1.35
}

.ticket-card-full-price:not(.no-price):before {
    height: 2px;
    width: 54px;
    position: absolute;
    top: calc(50% - 3px);
    left: 50%;
    content: "";
    transform: translateX(-50%) rotate(-7deg);
    background-color: #fff
}

.ticket-card-price {
    margin-top: 3px;
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    color: rgba(43, 54, 68, 0.5);
    font-size: 5.6875rem;
    line-height: 1;
    letter-spacing: -1.6px;
    margin-top: -6px
}

@media (max-width:61.24em) {
    .ticket-card-price {
        font-size: 4.5rem
    }
}

@media (max-width:47.99em) {
    .ticket-card-price {
        font-size: 3.75rem
    }
}

@media (max-width:28.115em) {
    .ticket-card-price {
        font-size: 3.25rem
    }
}

.ticket-card-price-until {
    margin-top: 20px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 400;
    font-style: normal;
    min-height: 27px;
    color: rgba(43, 54, 68, 0.5);
    font-size: 1rem;
    line-height: 1.6875
}

.ticket-card-description {
    margin-top: -17px;
    padding-top: 38px;
    padding-right: 10px;
    padding-left: 10px;
    border-top: 1px solid rgba(17, 0, 128, .2);
    width: 100%;
    transition: border .35s cubic-bezier(.25, .46, .45, .94)
}

.ticket-card-link:hover~.button-primary,
.ticket-card-link:hover~.ticket-card-title,
.ticket-card-link:hover~p {
    color: #fff
}

.ticket-card-link:hover~.ticket-card-frame {
    border: 3px solid #fff
}

.ticket-card-link:hover~.ticket-card-description {
    border-top: 1px solid hsla(0, 0%, 100%, .2)
}

.ticket-card-link:hover~.ticket-card-background {
    opacity: 1
}

.versions-list {
    margin-bottom: -40px
}

@media (min-width:48em) {
    .versions-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin-right: -17px;
        margin-left: -17px
    }
}

@media (min-width:70.8125em) {
    .versions-list {
        justify-content: flex-end
    }
}

.version {
    position: relative;
    height: 240px;
    margin-bottom: 52px
}

@media (max-width:47.99em) {
    .version {
        margin-bottom: 20px
    }
}

@media (min-width:48em) {
    .version {
        flex-shrink: 0;
        width: 50%;
        padding-right: 17px;
        padding-left: 17px
    }
}

@media (min-width:61.25em) {
    .version {
        width: 33.333%
    }
}

.version .dashed-outside {
    display: none
}

.version .overflow {
    border-radius: 50%;
    overflow: hidden
}

.version-picture {
    position: relative;
    width: 100%;
    height: 100%
}

.version-picture .dashed-ring {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.version-picture .dashed-ring,
.version-picture:after {
    position: absolute;
    height: calc(100% + 20px);
    width: calc(100% + 20px)
}

.version-picture:after {
    content: "";
    background-image: url(../assets/images/dash-circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    top: -10px;
    left: -10px
}

.version-link {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    z-index: 1;
    transform: translate(-50%, -50%);
    max-width: 204px;
    max-height: 204px
}

.version-title {
    position: absolute;
    bottom: -4px;
    left: calc(100% - 117px);
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    z-index: 999;
    color: #fff;
    font-size: 2rem;
    line-height: 1.56
}

@media (max-width:61.24em) {
    .version-title {
        left: 50%;
        bottom: -5px;
        transform: translateX(-50%)
    }
}

@media (min-width:61.25em) {
    .speakers-item {
        display: flex;
        justify-content: space-between
    }
}

.speakers-item-picture {
    position: relative
}

@media (min-width:61.25em) {
    .speakers-item-picture {
        width: 475px
    }
}

@media (max-width:61.24em) {
    .speakers-item-picture {
        display: none
    }
}

.speakers-item-picture-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0
}

@media (min-width:61.25em) {
    .speakers-item-content {
        width: 340px
    }
}

.speakers-item-title {
    margin-bottom: 30px;
    color: #fff;
    font-size: 5.125rem;
    line-height: .8285714286
}

@media (max-width:37.49em) {
    .speakers-item-title {
        font-size: 3.75rem
    }
}

@media (min-width:61.25em) {
    .speakers-item-title:first-letter {
        margin-left: -45px
    }
}

@media (min-width:61.25em) {

    .speakers-item-subtitle,
    .speakers-item-text {
        padding-right: 80px
    }
}

.speakers-item-text:before {
    height: 1px;
    width: 40px;
    margin-top: 30px;
    margin-bottom: 20px;
    content: "";
    display: block;
    opacity: .5;
    background-color: #fff
}

@media (min-width:61.25em) {
    .speakers-item-text:before {
        margin-left: -40px
    }
}

.speakers-item-link {
    margin-top: 30px
}

.sponsors-list {
    margin-right: -15px;
    margin-bottom: -30px;
    margin-left: -15px;
    display: flex;
    flex-wrap: wrap
}

.sponsors-item {
    position: relative;
    height: auto;
    width: calc(33.333% - 30px);
    margin-right: 15px;
    margin-left: 15px
}

@media (max-width:37.49em) {
    .sponsors-item {
        height: auto;
        width: calc(50% - 30px)
    }
}

.sponsors-item .dashed-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 200px;
    width: 200px;
    transform: translate(-50%, -50%)
}

@media (max-width:61.24em) {
    .sponsors-item .dashed-ring {
        height: 170px;
        width: 170px
    }
}

.sponsors-item .overflow {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 180px;
    width: 180px;
    content: "";
    background-color: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: -1
}

@media (max-width:28.115em) {
    .sponsors-item .overflow {
        height: 130px;
        width: 130px
    }
}

.sponsors-item:after {
    content: "";
    background-image: url(../assets/images/dash-circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 200px;
    width: 200px
}

@media (max-width:61.24em) {
    .sponsors-item:after {
        height: 170px;
        width: 170px
    }
}

@media (max-width:28.115em) {
    .sponsors-item:after {
        height: 150px;
        width: 150px
    }
}

.sponsors-item .svg,
.sponsors-item svg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    fill: #fff
}

.sponsors-item img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 45%;
    width: 45%;
    transform: translate(-50%, -50%)
}

.object-fit .sponsors-item img {
    object-fit: contain
}

.no-object-fit .sponsors-item img {
    font-family: object-fit\: contain
}

.sponsors-item:before {
    height: 100%;
    width: 100%;
    padding-top: 100%;
    content: "";
    display: block
}

.newsletter {
    position: relative
}

@media (min-width:61.25em) {
    .newsletter {
        padding-top: 30px;
        padding-left: 205px
    }
}

@media (min-width:70.8125em) {
    .newsletter {
        padding-left: 220px
    }
}

@media (max-width:61.24em) {
    .newsletter {
        padding: 0
    }
}

.newsletter svg {
    position: absolute;
    z-index: 0;
    top: -90px;
    left: 60px;
    fill: #fff
}

@media (max-width:61.24em) {
    .newsletter svg {
        display: none
    }
}

.newsletter .newsletter-form,
.newsletter .newsletter-text,
.newsletter .newsletter-title {
    position: relative;
    z-index: 999
}

.newsletter .newsletter-title {
    margin-bottom: 10px;
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    max-width: 420px;
    color: rgba(43, 54, 68, 0.5);
    font-size: 4.875rem;
    line-height: .91;
    letter-spacing: -1.5px
}

@media (max-width:70.8025em) {
    .newsletter .newsletter-title {
        font-size: 3.75rem
    }
}

@media (max-width:61.24em) {
    .newsletter .newsletter-title {
        max-width: 420px
    }
}

@media (max-width:37.49em) {
    .newsletter .newsletter-title {
        font-size: 2.5rem
    }
}

.newsletter .newsletter-text {
    color: hsla(0, 0%, 100%, .8)
}

@media (min-width:61.25em) {
    .newsletter .newsletter-text {
        padding-right: 120px
    }
}

@media (min-width:70.8125em) {
    .newsletter .newsletter-text {
        padding-right: 140px
    }
}

@media (max-width:61.24em) {
    .newsletter .newsletter-text {
        color: #fff
    }
}

.newsletter .newsletter-form {
    position: relative;
    max-width: 355px;
    margin-top: 37px
}

@media (max-width:70.8025em) {
    .newsletter .newsletter-form {
        max-width: 100%
    }
}

.newsletter .newsletter-form input {
    height: 55px;
    width: 100%;
    padding: 18px 135px 17px 30px;
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    border: 0 none;
    border-radius: 20px;
    outline: none;
    background-color: #fff;
    color: rgba(43, 54, 68, 0.5);
    font-size: 1rem;
    line-height: 1
}

.newsletter .newsletter-form input:-ms-input-placeholder {
    color: rgba(43, 54, 68, 0.5)
}

.newsletter .newsletter-form input::placeholder {
    color: rgba(43, 54, 68, 0.5)
}

.newsletter .newsletter-form button {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    padding: 0;
    width: 116px;
    height: 36px;
    border-radius: 15px;
    font-size: .875rem;
    line-height: 1
}

@media (min-width:37.5em) {
    .newsletter .newsletter-form button {
        position: absolute;
        right: 9px;
        bottom: 9px
    }
}

@media (max-width:37.49em) {
    .newsletter .newsletter-form button {
        height: auto;
        padding: 18px 30px 17px;
        width: 100%;
        margin-top: 10px
    }
}

.workshops-tickets .workshops-ticket+.workshops-ticket {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #fff
}

@media (max-width:61.24em) {
    .workshops-tickets .workshops-ticket+.workshops-ticket {
        margin-top: 60px
    }
}

.workshops-ticket {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.workshops-ticket-detail {
    height: auto;
    width: 190px;
    padding-right: 35px;
    flex-shrink: 0
}

@media (max-width:61.24em) {
    .workshops-ticket-detail {
        width: 50%
    }
}

@media (max-width:28.115em) {
    .workshops-ticket-detail {
        width: 100%;
        margin-bottom: 30px
    }
}

.workshops-ticket-title {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    color: #fff;
    font-size: 1rem;
    letter-spacing: -.02em;
    line-height: 1.15
}

.workshops-ticket-title a {
    display: inline-block
}

.no-touchevents .workshops-ticket-title a:hover {
    color: rgba(43, 54, 68, 0.5)
}

.workshops-ticket-text {
    margin-top: 15px;
    color: #fff;
    font-size: .8125rem;
    letter-spacing: .08em;
    line-height: 1.3846153846
}

.workshops-ticket-schedule {
    height: auto;
    width: 190px;
    padding-right: 25px;
    padding-left: 10px;
    flex-shrink: 0
}

@media (max-width:61.24em) {
    .workshops-ticket-schedule {
        width: 50%
    }
}

@media (max-width:28.115em) {
    .workshops-ticket-schedule {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

.workshops-ticket-date,
.workshops-ticket-time {
    position: relative;
    padding-left: 30px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    line-height: 1
}

.workshops-ticket-date:before,
.workshops-ticket-time:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto
}

.workshops-ticket-date {
    font-size: 1rem;
    letter-spacing: -.02em
}

.workshops-ticket-date:before {
    top: 3px;
    left: 1px;
    width: 12px;
    height: 13px;
    background-image: url(../assets/images/icons/calendar.png)
}

.workshops-ticket-time {
    margin-top: 7px;
    font-size: .625rem;
    letter-spacing: .3em;
    line-height: 2.2;
    text-transform: uppercase
}

.workshops-ticket-time:before {
    top: 4px;
    width: 14px;
    height: 14px;
    background-image: url(../assets/images/icons/clock.png)
}

.workshops-ticket-price {
    flex-shrink: 0;
    width: 155px;
    padding-right: 8px
}

@media (max-width:61.24em) {
    .workshops-ticket-price {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 15px;
        padding-top: 30px;
        border-top: 1px solid hsla(0, 0%, 100%, .35)
    }
}

.workshops-ticket-price span {
    height: auto;
    width: 100px;
    margin-left: auto;
    padding-top: 13px;
    padding-bottom: 14px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    display: block;
    border-radius: 20px;
    background-color: rgba(43, 54, 68, 0.5);
    color: #fff;
    font-size: 1.625rem;
    line-height: 1;
    text-align: center
}

@media (max-width:61.24em) {
    .workshops-ticket-price span {
        width: 100%
    }
}

.workshops-ticket-price sup {
    font-size: 1rem;
    vertical-align: super
}

@media (max-width:61.24em) {
    .workshops-ticket-price+.workshops-ticket-link {
        margin-top: 0;
        padding-top: 0;
        border-top: 0 none
    }
}

.workshops-ticket-link {
    width: 190px;
    margin-left: auto
}

@media (max-width:61.24em) {
    .workshops-ticket-link {
        width: 100%;
        margin-top: 30px;
        padding-top: 30px;
        border-top: 1px solid hsla(0, 0%, 100%, .35)
    }
}

.workshops-ticket-link .button {
    width: 100%;
    font-size: 1.0625rem;
    text-align: center
}

.workshops-ticket-link .sold-out {
    padding: 20px 30px 19px;
    display: block;
    border-radius: 20px;
    background-color: #514a73;
    color: #fff;
    font-size: 1.0625rem;
    line-height: 1;
    text-align: center
}

.section-header-subhead,
.section-header-subtitle,
.workshops-ticket-link .sold-out {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal
}

.section-header-subhead,
.section-header-subtitle {
    font-size: .5625rem;
    letter-spacing: .4em;
    line-height: 2.8888888889;
    text-transform: uppercase
}

.section-header-subhead {
    margin-bottom: 10px;
    color: rgba(43, 54, 68, 0.5)
}

.section-header-subhead--text {
    font-size: .75rem;
    line-height: 1.25;
    margin-bottom: 50px
}

.section-header-title {
    margin-bottom: 38px;
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    max-width: 300px;
    color: #fff;
    font-size: 3.125rem;
    line-height: 1;
    letter-spacing: -1px
}

@media (min-width:28.125em) {
    .section-header-title {
        max-width: 500px;
        font-size: 5.625rem
    }
}

.section-header-socials .social-link {
    position: relative;
    padding-left: 50px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    font-size: .5625rem;
    letter-spacing: .6em;
    line-height: 4;
    text-transform: uppercase
}

.section-header-socials .social-link .svg {
    transition: fill .3s cubic-bezier(.165, .84, .44, 1)
}

.no-touchevents .section-header-socials .social-link:hover {
    color: rgba(43, 54, 68, 0.5)
}

.no-touchevents .section-header-socials .social-link:hover .svg {
    fill: #fff
}

.section-header-socials .svg {
    position: absolute;
    top: 0;
    left: 0;
    fill: rgba(43, 54, 68, 0.5);
    vertical-align: middle
}

.section-header-socials .icon-facebook {
    margin-left: 2px
}

.section-practicals {
    margin-bottom: 50px
}

@media (max-width:47.99em) {
    .section-practicals {
        margin-bottom: 40px
    }
}

.section-practicals .title {
    margin-bottom: 30px;
    padding-bottom: 15px;
    display: block;
    border-bottom: 1px solid #fff;
    font-size: .625rem;
    letter-spacing: .45em;
    line-height: 1;
    text-transform: uppercase
}

.section-practicals .practical,
.section-practicals .title {
    font-family: "Solano Gothic MVB BD";
    font-weight: 400;
    font-style: normal;
    color: #fff
}

.section-practicals .practical {
    position: relative;
    height: auto;
    width: 33.333%;
    display: inline-block;
    font-size: .8125rem;
    line-height: 2;
    vertical-align: top
}

@media (max-width:47.99em) {
    .section-practicals .practical {
        height: auto;
        width: 100%;
        display: block
    }

    .section-practicals .practical+.practical {
        margin-top: 20px
    }
}

.section-practicals .practical strong {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal
}

.section-practicals .practical-date {
    padding-left: 5px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    color: #fff;
    font-size: .625rem;
    letter-spacing: .55em;
    line-height: 1;
    text-align: center;
    text-transform: uppercase
}

@media (max-width:47.99em) {
    .section-practicals .practical-date {
        font-size: .5rem
    }

    .section-practicals .practical-date strong {
        font-size: 2rem
    }
}

.section-practicals .practical-date strong {
    margin-left: -5px;
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    display: block;
    font-size: 2.125rem;
    letter-spacing: 0;
    line-height: 1
}

.section-practicals .practical-date strong:after {
    height: 1px;
    width: 80%;
    margin: 5px auto 10px;
    content: "";
    display: block;
    opacity: .5;
    background-color: #fff
}

.section-practicals .practical-content {
    padding-left: 20px;
    display: inline-block
}

@media (max-width:70.8025em) {
    .section-practicals .practical-content {
        padding-left: 10px
    }
}

@media (max-width:61.24em) {
    .section-practicals .practical-content {
        padding-left: 20px
    }
}

[type=cta] {
    padding-top: 100px;
    padding-bottom: 100px
}

[type=cta] .section-content {
    position: relative
}

@media (min-width:61.25em) {
    [type=cta] .section-content {
        height: auto;
        width: 530px;
        padding-left: 190px
    }
}

[type=cta] [type=button] {
    margin-top: 40px
}

@media (min-width:61.25em) {
    [type=cta] [type=button] {
        margin-left: 190px
    }
}

.map .google-map {
    position: relative;
    z-index: 999;
    width: 100%;
    height: 620px
}

@media (max-width:47.99em) {
    .map .google-map {
        height: 400px
    }
}

.post+.post {
    margin-top: 124px
}

.post .dashed-outside {
    display: none
}

.post--even .post-inner {
    flex-direction: column
}

@media (min-width:48em) {
    .post--even .post-inner {
        flex-direction: row-reverse
    }
}

.post--big .post-title {
    font-size: 4.5rem
}

@media (max-width:47.99em) {
    .post--big .post-title {
        font-size: 3.75rem
    }
}

.post-inner {
    display: flex;
    align-items: center;
    flex-direction: column
}

@media (min-width:48em) {
    .post-inner {
        flex-direction: row
    }
}

@media (min-width:61.25em) {
    .post-inner {
        width: 90%;
        margin: 0 auto
    }
}

.post-picture {
    position: relative;
    margin-bottom: 50px;
    width: calc(100% - 40px);
    max-width: 405px;
    transform-origin: center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
    will-change: transform
}

.post-picture:before {
    padding-top: 104.888888889%;
    display: block;
    content: ""
}

.post--hover .post-picture {
    transform: scale(1.08)
}

.post--hover .post-picture .image-container {
    transform: scale(1)
}

@media (min-width:48em) {
    .post-picture {
        width: 405px;
        margin-right: 50px
    }
}

@media (min-width:61.25em) {
    .post-picture {
        margin-right: 200px;
        margin-left: 10px
    }
}

.post-picture .svg {
    position: absolute;
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px)
}

.post-picture .svg>svg {
    width: 100%;
    height: 100%;
    stroke: #fff;
    stroke-dasharray: 3 8;
    stroke-linecap: round
}

.post-picture .overflow {
    -webkit-clip-path: url(#mask-1);
    clip-path: url(#mask-1)
}

.post-picture .image-container {
    width: 100%;
    height: 100%;
    will-change: transform;
    transform: scale(1.08);
    transform-origin: center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.post-picture .dashed-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 470px;
    width: 470px;
    transform: translate(-50%, -50%)
}

@media (max-width:61.24em) {
    .post-picture .dashed-ring {
        height: calc(100% + 40px);
        width: calc(100% + 40px)
    }
}

.post-picture-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0
}

.post-content {
    position: relative;
    z-index: 999;
    flex-grow: 1
}

@media (max-width:47.99em) {
    .post-content {
        margin-top: 50px;
        margin-right: auto;
        margin-left: auto;
        max-width: 460px;
        margin-top: 20px
    }
}

@media (min-width:48em) {
    .post-content {
        max-width: 360px
    }
}

.post-subhead {
    margin-bottom: 20px;
    font-size: .625rem;
    letter-spacing: .4em
}

.post-title {
    margin-bottom: 37px;
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 2.1875rem;
    line-height: 1;
    letter-spacing: -.7px
}

@media (max-width:61.24em) {
    .post-title {
        font-size: 3.5rem
    }
}

.post-subtitle {
    margin-top: -5px;
    margin-bottom: 34px
}

.post-link {
    margin-top: 40px
}

@media (min-width:48em) {
    .post-link {
        transform: translateX(0)
    }
}

.post-link a {
    font-size: 1.125rem;
    letter-spacing: -.36px
}

.post-link svg {
    width: 18px;
    height: 11px
}

.post.post--even .post-picture {
    position: relative;
    margin-right: 0;
    margin-bottom: 50px;
    width: calc(100% - 40px);
    max-width: 403.9px
}

.post.post--even .post-picture:before {
    padding-top: 105.174548155%;
    display: block;
    content: ""
}

@media (min-width:48em) {
    .post.post--even .post-picture {
        width: 403.9px;
        margin-left: 50px
    }
}

@media (min-width:61.25em) {
    .post.post--even .post-picture {
        margin-right: 0;
        margin-left: 185px
    }
}

.post.post--even .post-picture .svg {
    transform: scaleX(-1)
}

@media (min-width:48em) and (max-width:61.24em) {
    .post.post--even .post-content {
        margin-left: 20px;
        margin-right: 42px
    }
}

.post.post--even .overflow {
    -webkit-clip-path: url(#mask-2);
    clip-path: url(#mask-2)
}

.text {
    position: relative;
    z-index: 999
}

@media (min-width:48em) {
    .text:not(.no-2cols) .section-content .typeset {
        column-gap: 35px;
        column-count: 2
    }
}

.text .section-header {
    width: 100%
}

@media (max-width:61.24em) {
    .text .section-header {
        padding-right: 0
    }
}

.text .section-header+.section-content {
    margin-top: 45px
}

@media (max-width:61.24em) {
    .text .section-header+.section-content {
        margin-top: 0
    }
}

.text .section-content {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

@media (min-width:48em) {
    .text .section-content .typeset {
        max-width: 900px;
        margin-left: auto
    }
}

.text .text-link {
    margin-top: 35px
}

.grid-list {
    position: relative;
    margin-right: -17px;
    margin-bottom: -60px;
    margin-left: -17px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around
}

@media (min-width:48em) {
    .grid-list {
        align-items: flex-start;
        justify-content: space-between
    }
}

.grid-header {
    margin-bottom: 200px;
    margin-top: -100px
}

@media (max-width:61.24em) {
    .grid-header {
        padding-top: 120px;
        margin-bottom: 110px
    }
}

.grid-header .center,
.grid-header [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .grid-header iframe+div {
    position: relative
}

@media (min-width:48em) {

    .grid-header .center,
    .grid-header [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .grid-header iframe+div {
        display: flex;
        justify-content: flex-end
    }
}

@media (max-width:61.24em) {

    .grid-header .center,
    .grid-header [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .grid-header iframe+div {
        justify-content: center
    }
}

@media (min-width:48em) {
    .grid-filters {
        display: flex;
        height: 45px;
        border-radius: 20px;
        overflow: hidden
    }
}

.grid-filters-item {
    position: relative;
    z-index: 999
}

@media (max-width:61.24em) {
    .grid-filters-item {
        flex-basis: 100%;
        width: 100%;
        margin-right: 0
    }
}

@media (max-width:47.99em) {
    .grid-filters-item+.grid-filters-item {
        margin-top: 10px
    }
}

@media (max-width:47.99em) {
    .grid-filters-item:not(:last-child) {
        border-bottom: 1px solid hsla(0, 0%, 100%, .35)
    }
}

.grid-filters-wrapper {
    position: relative
}

.grid-filters-link {
    position: relative;
    padding-right: 30px;
    padding-left: 30px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    display: block;
    min-height: 45px;
    color: #514a73;
    background-color: #fff;
    font-size: 1rem;
    line-height: 45px;
    letter-spacing: -.02em
}

.grid-filters-link.is-active,
.no-touchevents .grid-filters-link:hover {
    background-color: rgba(43, 54, 68, 0.5);
    color: #fff
}

.team .section-header {
    margin-bottom: 70px
}

.team .section-header-title {
    position: relative;
    z-index: 999;
    font-size: 3.125rem;
    line-height: .94
}

@media (max-width:47.99em) {
    .team .section-header-title {
        font-size: 2.5rem
    }
}

.files .center,
.files [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .files iframe+div {
    display: flex;
    flex-wrap: wrap
}

.files .section-header {
    flex-basis: 33.333%;
    width: 33.333%;
    padding-right: 40px
}

@media (max-width:61.24em) {
    .files .section-header {
        flex-basis: 100%;
        width: 100%;
        margin-bottom: 40px;
        padding-right: 0
    }
}

.files .section-content {
    flex-basis: 66.666%;
    width: 66.666%;
    margin-top: 50px
}

@media (max-width:61.24em) {
    .files .section-content {
        flex-basis: 100%;
        width: 100%
    }
}

.about {
    position: relative
}

.about .section-header {
    width: 100%
}

@media (max-width:61.24em) {
    .about .section-header {
        width: 100%;
        margin-top: 40px;
        padding-right: 0
    }
}

.about .section-content {
    width: 100%;
    margin-top: 50px
}

@media (min-width:48em) {
    .about .section-content {
        display: flex;
        justify-content: space-between
    }
}

@media (max-width:61.24em) {
    .about .section-content {
        width: 100%;
        margin-top: 30px
    }
}

.about .section-content .section-header-socials {
    flex-shrink: 0;
    width: 100%
}

@media (min-width:48em) {
    .about .section-content .section-header-socials {
        padding-right: 40px;
        width: 33.33%
    }
}

@media (max-width:47.99em) {
    .about .section-content .section-header-socials {
        margin-bottom: 30px
    }
}

@media (min-width:48em) {
    .about .section-content .typeset {
        max-width: 900px;
        margin-left: auto;
        column-gap: 35px;
        column-count: 2
    }
}

.about .icon-instagram,
.about .icon-vimeo {
    margin-top: 1px
}

.about .icon-soundcloud {
    margin-top: 3px;
    margin-left: -3px
}

[type=venue] .section-header-title {
    margin-bottom: 90px;
    color: #fff;
    font-size: 3.4375rem;
    letter-spacing: -.02em;
    line-height: .9
}

@media (max-width:47.99em) {
    [type=venue] .section-header-title {
        font-size: remd(40px)
    }
}

[type=venue] .section-content {
    position: relative
}

@media (min-width:61.25em) {
    [type=venue] .section-content {
        height: auto;
        width: 470px;
        padding-left: 190px
    }
}

[type=venue] .venu-picture {
    display: none
}

@media (min-width:61.25em) {
    [type=venue] .venu-picture {
        position: absolute;
        top: 110px;
        right: 0;
        margin-top: 0;
        height: 489px;
        width: 346px;
        display: block;
        z-index: 1
    }

    [type=venue] .venu-picture img {
        display: block
    }
}

@media (min-width:70.8125em) {
    [type=venue] .venu-picture {
        right: 95px
    }
}

[type=venue] [type=button] {
    margin-top: 25px
}

[type=venue][theme=contrast] {
    position: relative;
    padding-top: 100px;
    padding-bottom: 100px;
    overflow: hidden
}

@media (min-width:61.25em) {
    [type=venue][theme=contrast] {
        padding-bottom: 300px
    }
}

[type=venue][theme=contrast]:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: calc(100% - (50% - 360px));
    content: "";
    z-index: -1;
    background-color: #e0e0e0
}

@media (min-width:61.25em) {
    [type=venue][theme=contrast]:before {
        height: calc(100% - 200px)
    }
}

[type=items] .post-hours,
[type=items] .post-location {
    display: none
}

.artist {
    position: relative;
    z-index: 999
}

@media (min-width:61.25em) {

    .artist .center,
    .artist [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .artist iframe+div {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:61.25em) {
    .artist .section-header {
        width: 33.333%;
        padding-right: 40px
    }
}

@media (min-width:61.25em) {
    .artist .section-content {
        width: 66.666%
    }
}

@media (max-width:61.24em) {
    .artist .section-content {
        margin-top: 50px
    }
}

.artist .section-content>div:not(.artist-metas):not(.artist-video):not(.typeset)+div:not(.artist-metas):not(.artist-video):not(.typeset) {
    margin-top: 50px
}

.artist .artist-title {
    color: #fff;
    font-style: normal;
    color: #005fdd;
    font-size: 2rem;
    line-height: 1.25
}

.artist .artist-metas {
    margin-top: 25px;
    margin-bottom: 20px;
    border-top: 1px solid #a95050
}

@media (min-width:48em) {
    .artist .artist-metas {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
}

.artist .artist-scene,
.artist .artist-schedule,
.artist .artist-soundcloud {
    margin-top: -3px;
    padding-top: 17px;
    padding-bottom: 17px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #a95050;
    font-size: .625rem;
    letter-spacing: .4em;
    line-height: 1;
    text-transform: uppercase
}

@media (min-width:48em) {
    .artist .artist-scene {
        padding-right: 30px;
        border-right: 1px solid hsla(0, 0%, 100%, .35)
    }
}

@media (max-width:47.99em) {
    .artist .artist-scene {
        padding-top: 19px;
        padding-bottom: 19px
    }
}

@media (min-width:48em) {
    .artist .artist-scene+.artist-schedule {
        padding-left: 30px
    }
}

@media (max-width:47.99em) {
    .artist .artist-scene+.artist-schedule {
        padding-top: 15px;
        border-top: 1px solid hsla(0, 0%, 100%, .35)
    }
}

.artist .artist-schedule {
    padding-top: 20px;
    color: #a95050
}

.artist .artist-schedule:before {
    content: "";
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: -2px;
    margin-right: 14px;
    background-image: url(../assets/images/icons/clock.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    vertical-align: middle
}

.artist .artist-soundcloud {
    margin-left: auto
}

@media (max-width:47.99em) {
    .artist .artist-soundcloud {
        padding-top: 15px;
        border-top: 1px solid hsla(0, 0%, 100%, .35)
    }
}

.artist .artist-soundcloud a {
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

.artist .artist-soundcloud a:after {
    content: "";
    display: inline-block;
    width: 22px;
    height: 10px;
    margin-top: -2px;
    margin-left: 12px;
    background-image: url(../assets/images/icons/soundcloud.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    vertical-align: middle
}

.no-touchevents .artist .artist-soundcloud a:hover {
    color: rgba(43, 54, 68, 0.5)
}

.artist .artist-video+* {
    margin-top: 45px
}

.videos .video {
    position: relative;
    z-index: 999
}

.videos .video:before {
    padding-top: 56.25%;
    display: block;
    content: ""
}

.videos .video+.video {
    margin-top: 40px
}

@media (max-width:61.24em) {
    .videos .video+.video {
        margin-top: 20px
    }
}

.videos iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.videos+* {
    margin-top: 90px
}

[type=portals] .post+.post {
    margin-top: 60px
}

@media (min-width:61.25em) {
    [type=portals] .post+.post {
        margin-top: 130px
    }
}

.tickets-header {
    position: relative;
    z-index: 999
}

@media (min-width:61.25em) {
    .tickets-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}

.tickets-header+* {
    margin-top: 15px
}

@media (min-width:61.25em) {
    .tickets-header-left {
        flex-basis: 33.333%;
        width: 33.333%
    }
}

.tickets-header-right {
    margin-top: 50px
}

@media (min-width:61.25em) {
    .tickets-header-right {
        flex-basis: 50%;
        width: 50%;
        margin-top: 15px;
        padding-left: 15px
    }
}

.pictures {
    position: relative;
    z-index: 0
}

.pictures .picture+.picture {
    margin-top: 40px
}

@media (max-width:61.24em) {
    .pictures .picture+.picture {
        margin-top: 20px
    }
}

.pictures img {
    display: block;
    margin: 0 auto
}

.sponsors {
    position: relative;
    z-index: 999
}

.sponsors .dashed-outside {
    display: none
}

.sponsors .center,
.sponsors [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .sponsors iframe+div {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -60px
}

.sponsors .sponsors-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    color: rgba(43, 54, 68, 0.5);
    font-size: 1.5625rem;
    line-height: 1;
    margin-bottom: 30px
}

.sponsors .sponsors-group {
    width: 100%;
    margin-bottom: 60px
}

.sponsors .sponsors-item {
    position: relative;
    flex-shrink: 0;
    width: 252px
}

@media (max-width:70.8025em) {
    .sponsors .sponsors-item {
        width: 217px
    }
}

@media (max-width:61.24em) {
    .sponsors .sponsors-item {
        width: calc(25% - 30px);
        margin-bottom: 30px
    }
}

@media (max-width:47.99em) {
    .sponsors .sponsors-item {
        width: calc(33.333% - 30px)
    }
}

@media (max-width:37.49em) {
    .sponsors .sponsors-item {
        width: calc(50% - 30px)
    }
}

.schedule {
    position: relative;
    z-index: 999;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.schedule .tabs-list {
    border: 0
}

@media (min-width:48em) {
    .schedule-wrapper {
        display: flex
    }
}

.schedule-tabs {
    position: relative;
    z-index: 1
}

.schedule-filters {
    padding-top: 20px;
    padding-bottom: 20px;
    position: relative;
    z-index: 2;
    overflow: auto;
    background-color: #fff;
    -webkit-overflow-scrolling: touch
}

.schedule-filters .center,
.schedule-filters [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .schedule-filters iframe+div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center
}

@media (max-width:37.49em) {

    .schedule-filters .center,
    .schedule-filters [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .schedule-filters iframe+div {
        align-items: center
    }

    .schedule-filters .center .button,
    .schedule-filters [data-router-view=practical] .practical-main-map iframe+div .button,
    [data-router-view=practical] .practical-main-map .schedule-filters iframe+div .button {
        text-align: center
    }
}

.schedule-filters .center .download_schedule,
.schedule-filters [data-router-view=practical] .practical-main-map iframe+div .download_schedule,
[data-router-view=practical] .practical-main-map .schedule-filters iframe+div .download_schedule {
    margin-left: auto;
    padding-top: 12px;
    padding-bottom: 12px
}

@media (max-width:47.99em) {

    .schedule-filters .center .download_schedule,
    .schedule-filters [data-router-view=practical] .practical-main-map iframe+div .download_schedule,
    [data-router-view=practical] .practical-main-map .schedule-filters iframe+div .download_schedule {
        margin-right: auto
    }
}

.schedule-filter {
    flex-shrink: 0
}

.schedule-filter label {
    padding: 10px 15px 12px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 144px;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    border-radius: 30px;
    opacity: .65;
    color: #fff;
    font-size: .875rem;
    line-height: 1;
    cursor: pointer
}

.schedule-filter label:hover {
    opacity: 1
}

.schedule-filter .plus {
    height: 11px;
    width: 11px;
    position: relative;
    display: block;
    margin-top: 1px;
    margin-left: 20px;
    line-height: 1
}

.schedule-filter .plus:after,
.schedule-filter .plus:before {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    transform: translate(-50%, -50%);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    background-color: currentColor
}

.schedule-filter .plus:before {
    height: 2px;
    width: 100%
}

.schedule-filter .plus:after {
    height: 100%;
    width: 2px
}

.schedule-filter input:checked+label {
    opacity: 1
}

.schedule-filter input:checked+label .plus:after,
.schedule-filter input:checked+label .plus:before {
    transform: translate(-50%, -50%) rotate(45deg)
}

.schedule-filter--conference label {
    background-color: #005fdd
}

.schedule-filter--workshop label {
    background-color: #e366ac
}

.schedule-filter--exhibition label {
    background-color: #f38931
}

.schedule-filter--evening label {
    background-color: #5fb6ad
}

.schedule-filter--kid {
    position: relative;
    margin-right: 15px
}

.schedule-filter--kid label {
    display: inline-block;
    min-width: 0;
    padding: 0;
    opacity: 1;
    color: #fff;
    line-height: 38px
}

.schedule-filter--kid label:hover span,
.schedule-filter--kid label:hover span:before {
    background-color: #fff
}

.schedule-filter--kid label span {
    position: relative;
    height: 30px;
    width: 65px;
    margin-top: -5px;
    margin-left: 10px;
    display: inline-block;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    border-radius: 15px;
    background-color: #dbd8d8;
    vertical-align: middle
}

.schedule-filter--kid label span:before {
    position: absolute;
    top: 4px;
    right: 5px;
    height: 22px;
    width: 22px;
    content: "";
    transform: translateX(-33px);
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1), transform .4s cubic-bezier(.165, .84, .44, 1);
    border-radius: 50%;
    background-color: #fff
}

.schedule-filter--kid input:checked+label span {
    background-color: #fff
}

.schedule-filter--kid input:checked+label span:before {
    transform: translateX(0);
    background-color: #fff
}

.schedule-filter+.schedule-filter {
    margin-left: 17px
}

@media (min-width:61.25em) {
    .schedule-filter+.schedule-filter--kid {
        margin-left: auto
    }
}

@media (min-width:48em) {
    .schedule-venues {
        flex-basis: 250px;
        flex-shrink: 0;
        width: 250px
    }
}

@media (max-width:47.99em) {
    .schedule-venues {
        display: none
    }
}

.schedule-space {
    height: 75px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.schedule-timeline {
    padding-bottom: 120px;
    background-color: rgba(17, 0, 128, .07)
}

@media (min-width:48em) {
    .schedule-timeline {
        flex-basis: calc(100% - 250px);
        width: calc(100% - 250px);
        overflow: hidden;
        cursor: move;
        cursor: grab;
        cursor: -moz-grab;
        cursor: -webkit-grab
    }

    .schedule-timeline.is-draggin {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing
    }
}

@media (max-width:47.99em) {
    .schedule-dragzone {
        padding-top: 45px;
        padding-bottom: 70px
    }
}

@media (min-width:48em) {
    .schedule-dragzone {
        overflow: hidden
    }
}

.schedule-dragzone.no-pointer {
    pointer-events: none
}

.schedule-dragzone.is-ready .schedule-item:not(.is-disabled) {
    opacity: 1
}

.schedule-hours {
    display: flex;
    height: 75px;
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

@media (max-width:47.99em) {
    .schedule-hours {
        display: none
    }
}

.schedule-controls {
    position: fixed;
    bottom: 50px;
    right: 50px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px
}

@media (max-width:47.99em) {
    .schedule-controls {
        display: none
    }
}

.schedule-controls .schedule-next {
    border-radius: 0 20px 20px 0
}

.schedule-controls .schedule-prev {
    border-radius: 20px 0 0 20px
}

.schedule-controls .schedule-next,
.schedule-controls .schedule-prev {
    background: rgba(43, 54, 68, 0.5);
    margin: 0;
    padding: 0;
    border: 0;
    width: 55px;
    height: 100%;
    padding: 19px 21px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background .3s ease;
    cursor: pointer
}

.schedule-controls .schedule-next:focus,
.schedule-controls .schedule-next:hover,
.schedule-controls .schedule-prev:focus,
.schedule-controls .schedule-prev:hover {
    background: #0c0057;
    outline: none
}

.schedule-controls .schedule-next svg,
.schedule-controls .schedule-prev svg {
    fill: #fff;
    width: 10px;
    height: 10px
}

.schedule-controls .schedule-next .svg,
.schedule-controls .schedule-prev .svg {
    transform: rotate(-90deg);
    margin: 0
}

.schedule-controls .schedule-next span:not(.svg),
.schedule-controls .schedule-prev span:not(.svg) {
    visibility: hidden;
    height: 0;
    width: 0;
    font-size: 0;
    overflow: hidden;
    text-indent: -9999px
}

.schedule-prev {
    margin-right: 4px
}

.schedule-prev .svg {
    margin-right: 8px;
    margin-left: 0
}

.schedule-next {
    margin-left: 4px
}

.schedule-next .svg {
    margin-left: 8px
}

.schedule-hours {
    padding-left: 65px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    align-items: flex-end;
    color: #fff;
    font-size: .6875rem;
    letter-spacing: 1.65px;
    line-height: 1.82;
    text-transform: uppercase
}

.schedule-hours span {
    flex-basis: 160px;
    flex-shrink: 0;
    width: 160px
}

.schedule-hours span:after {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    margin-top: 15px;
    margin-left: 22px;
    background-color: hsla(0, 0%, 100%, .35)
}

@media (min-width:48em) {

    .schedule-row,
    .schedule-venue {
        height: 190px
    }

    .schedule-row:not(:last-child),
    .schedule-venue:not(:last-child) {
        border-bottom: 1px solid rgba(17, 0, 128, .3)
    }
}

.schedule-venue {
    padding: 40px 35px
}

.schedule-venue h3 {
    margin-bottom: 8px;
    color: hsla(0, 0%, 100%, .67);
    font-size: .625rem;
    letter-spacing: .4em;
    line-height: 1;
    text-transform: uppercase
}

.schedule-venue h3,
.schedule-venue p {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal
}

.schedule-venue p {
    color: #fff;
    font-size: 1rem;
    letter-spacing: -.02em;
    line-height: 1.4375
}

@media (min-width:48em) {
    .schedule-row {
        position: relative;
        padding: 15px 15px 15px 65px
    }
}

@media (max-width:47.99em) {
    .schedule-row {
        margin-bottom: 45px;
        padding-right: 20px;
        padding-left: 20px
    }
}

.schedule-row .schedule-venue {
    margin-bottom: 30px;
    padding: 0
}

@media (min-width:48em) {
    .schedule-row .schedule-venue {
        display: none
    }
}

.schedule-item {
    position: relative;
    padding: 20px;
    transition: border-color .3s cubic-bezier(.165, .84, .44, 1), opacity .3s cubic-bezier(.165, .84, .44, 1);
    border-radius: 10px;
    opacity: 0;
    background-color: #fff
}

@media (min-width:48em) {
    .schedule-item {
        position: absolute;
        top: 15px;
        bottom: 15px;
        left: 0;
        margin-left: 15px;
        display: flex;
        flex-direction: column
    }
}

@media (max-width:47.99em) {
    .schedule-item {
        margin-bottom: 10px;
        opacity: 1
    }
}

.schedule-item:before {
    position: absolute;
    top: -8px;
    left: -11px;
    height: 28px;
    width: 28px;
    content: "";
    border: 6px solid #e9e9e9;
    border-radius: 50%;
    background-color: #514a73
}

.schedule-item a:not([download]) {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

.schedule-item--conference:before {
    background-color: #005fdd
}

.schedule-item--masterclasses:before,
.schedule-item--workshop:before {
    background-color: #e366ac
}

.schedule-item--exhibition:before,
.schedule-item--kikkintown:before {
    background-color: #f38931
}

.schedule-item--evening:before,
.schedule-item--party:before {
    background-color: #5fb6ad
}

.schedule-item--break {
    color: #000
}

.schedule-item--kid .schedule-item-title {
    padding-right: 50px
}

.schedule-item:hover.schedule-item--conference,
.schedule-item:hover.schedule-item--conference .schedule-item-metas strong,
.schedule-item:hover.schedule-item--conference .schedule-item-title {
    border-left-color: #0051bc
}

.schedule-item:hover.schedule-item--masterclasses,
.schedule-item:hover.schedule-item--masterclasses .schedule-item-metas strong,
.schedule-item:hover.schedule-item--masterclasses .schedule-item-title,
.schedule-item:hover.schedule-item--workshop,
.schedule-item:hover.schedule-item--workshop .schedule-item-metas strong,
.schedule-item:hover.schedule-item--workshop .schedule-item-title {
    border-left-color: #c15792
}

.schedule-item:hover.schedule-item--exhibition,
.schedule-item:hover.schedule-item--exhibition .schedule-item-metas strong,
.schedule-item:hover.schedule-item--exhibition .schedule-item-title,
.schedule-item:hover.schedule-item--kikkintown,
.schedule-item:hover.schedule-item--kikkintown .schedule-item-metas strong,
.schedule-item:hover.schedule-item--kikkintown .schedule-item-title {
    border-left-color: #cf742a
}

.schedule-item:hover.schedule-item--evening,
.schedule-item:hover.schedule-item--evening .schedule-item-metas strong,
.schedule-item:hover.schedule-item--evening .schedule-item-title,
.schedule-item:hover.schedule-item--party,
.schedule-item:hover.schedule-item--party .schedule-item-metas strong,
.schedule-item:hover.schedule-item--party .schedule-item-title {
    border-left-color: #519b93
}

.schedule-item.is-disabled {
    opacity: .5;
    pointer-events: none
}

.schedule-item-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    color: #514a73;
    font-size: 1rem;
    line-height: 1.2
}

.schedule-item--conference .schedule-item-title {
    color: #005fdd
}

.schedule-item--masterclasses .schedule-item-title,
.schedule-item--workshop .schedule-item-title {
    color: #e366ac
}

.schedule-item--exhibition .schedule-item-title,
.schedule-item--kikkintown .schedule-item-title {
    color: #f38931
}

.schedule-item--evening .schedule-item-title,
.schedule-item--party .schedule-item-title {
    color: #5fb6ad
}

.schedule-item-text {
    margin-top: 8px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #514a73;
    font-size: .75rem;
    line-height: 1.2307692308
}

@media (min-width:48em) {
    .schedule-item-text {
        flex-grow: 1
    }
}

@media (max-width:47.99em) {
    .schedule-item-text {
        margin-bottom: 20px
    }
}

.schedule-item-label {
    position: absolute;
    top: 15px;
    right: 10px;
    height: 27px;
    width: 40px;
    background-image: url(../../../titanesclub/resources/assets/images/schedule/kids-icon.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 100% auto;
    pointer-events: none
}

.schedule-item-metas {
    position: relative;
    z-index: 2;
    color: #514a73;
    font-size: .875rem;
    line-height: 1;
    pointer-events: none
}

.schedule-item-metas a {
    pointer-events: auto
}

.schedule-item-metas strong {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal
}

.schedule-item--conference .schedule-item-metas strong {
    color: #005fdd
}

.schedule-item--masterclasses .schedule-item-metas strong,
.schedule-item--workshop .schedule-item-metas strong {
    color: #e366ac
}

.schedule-item--exhibition .schedule-item-metas strong,
.schedule-item--kikkintown .schedule-item-metas strong {
    color: #f38931
}

.schedule-item--evening .schedule-item-metas strong,
.schedule-item--party .schedule-item-metas strong {
    color: #5fb6ad
}

.schedule-item-download {
    padding: 7px 12px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    margin-left: 8px;
    display: inline-block;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1);
    border-radius: 30px;
    background-color: #f3f0f0;
    color: #fff;
    font-size: .75rem
}

.schedule-item-download:hover {
    background-color: #fff;
    color: #fff
}

.schedule-item-download .svg {
    margin-left: 4px;
    fill: currentColor
}

[type=featured] {
    position: relative;
    z-index: 1
}

@media (max-width:81.25em) {
    [type=featured] {
        position: relative;
        top: auto;
        left: auto;
        margin-top: 30px;
        transform: none;
        text-align: center
    }

    [type=featured] button {
        margin: 0 5px;
        display: inline-block
    }
}

[data-router-view=practical] .practical-main-map [type=featured] iframe+div,
[type=featured] .center,
[type=featured] [data-router-view=practical] .practical-main-map iframe+div {
    position: relative
}

@media (min-width:81.25em) {
    [type=featured] .section-controls {
        position: absolute;
        top: -10px;
        left: -85px;
        z-index: 1
    }
}

@media (max-width:81.25em) {
    [type=featured] .section-controls {
        margin-top: 30px;
        display: flex;
        flex-direction: row-reverse;
        justify-content: center
    }
}

[type=featured] .section-controls button {
    margin-top: 10px;
    margin-bottom: 10px;
    display: block
}

[type=featured] .section-controls button[disabled] {
    opacity: .5;
    pointer-events: none
}

[type=featured] .events-list {
    position: relative;
    z-index: 0
}

[type=featured] .event {
    height: auto;
    width: 33.333%;
    flex-basis: 33.333%
}

@media (max-width:61.24em) {
    [type=featured] .event {
        height: auto;
        width: 50%;
        flex-basis: 50%
    }
}

@media (max-width:47.99em) {
    [type=featured] .event {
        height: auto;
        width: 100%;
        flex-basis: 100%
    }
}

.synopsis {
    position: relative;
    z-index: 999
}

.synopsis .section-header-title {
    margin-bottom: 50px;
    margin-bottom: 30px;
    font-size: 3.125rem;
    line-height: .94
}

@media (min-width:61.25em) {
    .synopsis .section-header-title {
        font-size: 3.75rem
    }
}

@media (min-width:70.8125em) {
    .synopsis .section-header-title {
        max-width: 600px
    }
}

@media (max-width:47.99em) {
    .synopsis .section-header-title {
        font-size: 2.5rem
    }
}

.synopsis .section-header-subhead {
    margin-bottom: 25px
}

.synopsis .section-content {
    position: relative;
    width: 100%
}

@media (min-width:48em) {
    .synopsis .section-content .typeset {
        max-width: 910px;
        margin-left: auto;
        column-gap: 40px;
        column-count: 2
    }
}

@media (max-width:47.99em) {
    .synopsis .section-content .typeset {
        column-count: 1
    }
}

.synopsis .synopsis-link {
    margin-top: 32px;
    margin-left: calc(50% + 120px)
}

@media (max-width:47.99em) {
    .synopsis .synopsis-link {
        margin-left: 0
    }
}

.synopsis .synopsis-link .button {
    text-transform: lowercase;
    color: rgba(43, 54, 68, 0.5)
}

.synopsis .synopsis-link .button:first-letter {
    text-transform: uppercase
}

@media (max-width:47.99em) {
    .synopsis .synopsis-link .button {
        width: 100%;
        text-align: center
    }
}

.synopsis .synopsis-link .button svg {
    margin-left: 10px
}

.post--hover .synopsis .synopsis-link .button,
.synopsis .synopsis-link .button:hover {
    color: #fff
}

.separator {
    position: relative;
    z-index: 999;
    height: 1px;
    margin-top: 90px;
    margin-bottom: 90px;
    background-color: hsla(0, 0%, 100%, .35)
}

@media (max-width:47.99em) {
    .separator {
        margin-top: 70px;
        margin-bottom: 70px
    }
}

.streaming .center,
.streaming [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .streaming iframe+div {
    position: relative
}

.streaming .center:before,
.streaming [data-router-view=practical] .practical-main-map iframe+div:before,
[data-router-view=practical] .practical-main-map .streaming iframe+div:before {
    padding-top: 56.25%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {

    .streaming .center,
    .streaming [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .streaming iframe+div {
        position: relative
    }

    .streaming .center:before,
    .streaming [data-router-view=practical] .practical-main-map iframe+div:before,
    [data-router-view=practical] .practical-main-map .streaming iframe+div:before {
        padding-top: 100%;
        display: block;
        content: ""
    }
}

.streaming-link {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media (min-width:61.25em) {
    .streaming-link {
        z-index: 1000
    }

    .streaming-link:hover~.streaming-content .streaming-play {
        background-color: rgba(43, 54, 68, 0.5)
    }
}

.streaming-picture {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.streaming-picture,
.streaming-picture-image,
.streaming-picture-svg {
    height: 100%;
    width: 100%
}

.object-fit .streaming-picture-image,
.object-fit .streaming-picture-svg {
    object-fit: cover
}

.no-object-fit .streaming-picture-image,
.no-object-fit .streaming-picture-svg {
    font-family: object-fit\: cover
}

.streaming-content {
    position: absolute;
    top: 50%;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 999;
    transform: translateY(-50%);
    text-align: center;
    cursor: pointer
}

.streaming-title {
    margin-bottom: 35px;
    color: #fff;
    font-size: 3.75rem;
    line-height: .96
}

@media (max-width:61.24em) {
    .streaming-title {
        font-size: 2.5rem
    }
}

@media (max-width:47.99em) {
    .streaming-title {
        font-size: 1.875rem
    }
}

.streaming-play {
    display: block;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto 40px;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    border-radius: 50%;
    background-color: #fff
}

@media (max-width:61.24em) {
    .streaming-play {
        display: none
    }
}

.streaming-play:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: 4px;
    transform: translate(-50%, -50%);
    transition: border-left-color .3s cubic-bezier(.165, .84, .44, 1);
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 23px solid #fff
}

.streaming-subtitle {
    color: #fff
}

.workshops {
    position: relative;
    z-index: 999
}

.workshops .section-content {
    margin-top: 50px
}

@media (min-width:61.25em) {
    .workshops .section-content {
        margin-top: 20px
    }
}

.practical {
    position: relative;
    z-index: 999
}

.separator+.practical {
    margin-top: -3px
}

.practical+.practical {
    margin-top: 100px
}

.practical-wrapper {
    margin-right: -17px;
    margin-left: -17px;
    display: flex;
    flex-wrap: wrap
}

.practical-col {
    padding-right: 17px;
    padding-left: 17px;
    flex-shrink: 0;
    width: 100%
}

@media (min-width:48em) {
    .practical-col {
        width: 50%
    }
}

@media (max-width:61.24em) {
    .practical-col:first-child {
        width: 100%
    }
}

@media (min-width:61.25em) {
    .practical-col {
        width: 33.33%
    }
}

.practical-col+.practical-col {
    padding-top: 38px
}

@media (max-width:61.24em) {
    .practical-col+.practical-col {
        padding-top: 60px
    }
}

.practical-col p {
    font-size: 1rem;
    line-height: 1.875
}

.practical-col p+.practical-list {
    margin-top: 28px
}

.practical-col p+.practical-list--marginmore {
    margin-top: 40px
}

.practical-subhead {
    margin-bottom: 16px;
    display: block;
    color: hsla(0, 0%, 100%, .5);
    font-size: .6875rem;
    letter-spacing: .4em;
    line-height: 1.2;
    text-transform: uppercase
}

.practical-title {
    color: #fff;
    font-size: 2.5rem;
    line-height: 1.125
}

@media (min-width:61.25em) {
    .practical-title {
        margin-left: -8px
    }
}

.practical-col-title {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: 1.0625rem
}

.practical-col-title+* {
    margin-top: 25px
}

.practical-col-title+.practical-list {
    margin-top: 17px
}

.practical-list li+li .practical-link {
    padding-top: 20px
}

.practical-list li:not(:last-child) .practical-link {
    border-bottom: 1px solid hsla(0, 0%, 100%, .3)
}

.practical-link {
    padding-bottom: 8px;
    display: block;
    font-size: 1.4375rem;
    line-height: 1.5217391304
}

.practical-link,
.practical-link sup {
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    color: #fff
}

.practical-link sup {
    padding-left: 5px;
    display: inline-block;
    font-size: 1.0625rem;
    vertical-align: super
}

.practical-link:hover {
    color: rgba(43, 54, 68, 0.5)
}

.sponsored-by {
    position: relative;
    z-index: 999
}

@media (min-width:61.25em) {

    .sponsored-by .center,
    .sponsored-by [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .sponsored-by iframe+div {
        display: flex;
        flex-wrap: wrap
    }
}

@media (min-width:61.25em) {
    .sponsored-by .section-header {
        width: 33.333%;
        padding-right: 40px
    }
}

.sponsored-by .section-content {
    margin-top: 40px
}

@media (min-width:61.25em) {
    .sponsored-by .section-content {
        width: 66.666%
    }
}

@media (min-width:70.8125em) {

    .three-columns .center,
    .three-columns [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .three-columns iframe+div {
        display: flex;
        flex-wrap: wrap
    }
}

.three-columns .section-header {
    position: relative;
    z-index: 999
}

@media (min-width:70.8125em) {
    .three-columns .section-header {
        width: 33.333%;
        padding-right: 40px
    }
}

.three-columns .section-content {
    margin-top: 50px
}

@media (min-width:70.8125em) {
    .three-columns .section-content {
        width: 66.666%
    }
}

@media (min-width:61.25em) {
    .three-columns[alignment=left] .three-columns-item {
        flex-direction: row
    }
}

@media (min-width:61.25em) {
    .three-columns-item {
        display: flex;
        flex-direction: row-reverse;
        flex-wrap: wrap;
        align-items: flex-start;
        justify-content: space-between
    }
}

@media (min-width:61.25em) {
    .three-columns-item .three-columns-picture {
        width: 50%
    }
}

@media (min-width:70.8125em) {
    .three-columns-item .three-columns-picture {
        width: 335px
    }
}

@media (max-width:61.24em) {
    .three-columns-item .three-columns-picture {
        max-width: 400px;
        margin-right: auto;
        margin-bottom: 30px;
        margin-left: auto
    }
}

.three-columns-item .three-columns-text {
    position: relative;
    z-index: 999
}

@media (min-width:61.25em) {
    .three-columns-item .three-columns-text {
        width: 50%;
        padding-right: 35px
    }
}

@media (min-width:70.8125em) {
    .three-columns-item .three-columns-text {
        width: 380px
    }
}

.page-header {
    position: relative;
    height: auto;
    width: 100%;
    padding-top: 47px
}

@media (min-width:37.5em) {
    .page-header {
        padding-top: 180px
    }
}

@media (max-width:37.49em) {
    .page-header {
        padding-top: 110px
    }
}

@media (min-width:61.25em) {
    .page-header {
        padding-top: 292px
    }
}

.page-header .center,
.page-header [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .page-header iframe+div {
    position: relative
}

@media (max-width:61.24em) {

    .page-header .center,
    .page-header [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .page-header iframe+div {
        z-index: 1
    }
}

@media (max-width:61.24em) {
    .page-header.has-logos {
        margin-bottom: 70px
    }
}

.page-header.has-logos .center,
.page-header.has-logos [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .page-header.has-logos iframe+div {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width:61.24em) {

    .page-header.has-logos .center,
    .page-header.has-logos [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .page-header.has-logos iframe+div {
        flex-direction: column;
        align-items: flex-start
    }
}

.page-header-back {
    position: absolute;
    top: 168px;
    left: 50%;
    padding: 10px 14px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    z-index: 2;
    transform: translateX(-550px);
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1), color .3s cubic-bezier(.165, .84, .44, 1);
    border-radius: 10px;
    background-color: #fff;
    color: rgba(43, 54, 68, 0.5);
    font-size: .8125rem;
    line-height: 1
}

@media (max-width:70.8025em) {
    .page-header-back {
        transform: translateX(-480px)
    }
}

@media (max-width:61.24em) {
    .page-header-back {
        top: 15px;
        left: 40px;
        transform: translateX(0)
    }
}

@media (max-width:47.99em) {
    .page-header-back {
        left: 20px
    }
}

@media (min-width:61.25em) {
    .page-header-back {
        z-index: 999
    }
}

.page-header-back .svg {
    margin-right: 10px;
    margin-bottom: 2px;
    transition: fill .3s cubic-bezier(.165, .84, .44, 1);
    fill: rgba(43, 54, 68, 0.5);
    vertical-align: middle
}

.no-touchevents .page-header-back:hover {
    background-color: rgba(43, 54, 68, 0.5);
    color: #fff
}

.no-touchevents .page-header-back:hover .svg {
    fill: #fff
}

.page-header-next,
.page-header-prev {
    position: absolute;
    z-index: 999;
    top: 400px
}

@media (max-width:89.99em) {

    .page-header-next,
    .page-header-prev {
        display: none
    }
}

.page-header-next:before,
.page-header-prev:before {
    position: absolute;
    top: 50%;
    height: 32px;
    width: 32px;
    margin-top: -18px;
    content: "";
    z-index: -1;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1), border-color .3s cubic-bezier(.165, .84, .44, 1);
    border: 2px solid #fff;
    border-radius: 50%
}

.page-header-next .svg,
.page-header-prev .svg {
    fill: #fff
}

.page-header-next:hover:before,
.page-header-prev:hover:before {
    border-color: #fff;
    background-color: #fff
}

.page-header-prev {
    left: 52px
}

.page-header-prev:before {
    left: -12px
}

.page-header-next {
    right: 52px
}

.page-header-next:before {
    right: -12px
}

.page-header-picture {
    position: absolute;
    top: -312px;
    right: -164px;
    height: 720px;
    width: 720px
}

@media (max-width:70.8025em) {
    .page-header-picture {
        height: 660px;
        width: 660px
    }
}

@media (max-width:61.24em) {
    .page-header-picture {
        height: 400px;
        width: 400px;
        position: absolute;
        top: -20%;
        left: 0;
        width: 100%;
        height: auto;
        margin-bottom: -8px
    }

    .page-header-picture .overflow {
        max-width: 760px
    }
}

@media (max-width:37.49em) {
    .page-header-picture {
        top: -80px
    }
}

.page-header-picture img {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 100%;
    width: 100%;
    display: block;
    transform: translate(-50%, -50%)
}

.object-fit .page-header-picture img {
    object-fit: cover;
    object-position: center
}

.no-object-fit .page-header-picture img {
    font-family: "object-fit: cover; object-position: center";
    object-position: center
}

.page-header-left {
    max-width: 750px
}

.page-header-logos {
    margin-top: -5px;
    display: flex;
    flex-wrap: wrap;
    align-items: center
}

@media (min-width:61.25em) {
    .page-header-logos {
        margin-left: auto
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .page-header-logos {
        margin-top: 40px
    }
}

@media (min-width:23.875em) {
    .page-header-logos {
        max-width: 382px
    }
}

@media (max-width:23.875em) {
    .page-header-logos {
        flex-direction: column;
        align-items: flex-start;
        width: 100%
    }
}

.page-header-logos-title {
    font-family: "Solano Gothic MVB BD";
    font-style: normal;
    margin-top: 4px;
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    width: 100%;
    color: rgba(43, 54, 68, 0.5);
    font-size: .5rem;
    font-weight: 700;
    letter-spacing: .58em;
    text-transform: uppercase
}

@media (max-width:61.24em) {
    .page-header-logos-title {
        margin-top: 0;
        margin-bottom: 20px
    }
}

.page-header-logos-title-line {
    margin-left: 21px;
    flex-grow: 1;
    height: 1px;
    background-color: rgba(17, 0, 128, .4)
}

.page-header-logos-column {
    display: flex;
    position: relative;
    align-items: center
}

@media (max-width:23.875em) {
    .page-header-logos-column {
        margin-top: 30px
    }
}

@media (min-width:23.875em) {
    .page-header-logos-column {
        margin-left: 21px;
        padding-left: 19px
    }

    .page-header-logos-column:before {
        position: absolute;
        top: calc(50% - 28px);
        left: 0;
        height: 56px;
        width: 1px;
        content: "";
        background-color: rgba(17, 0, 128, .4)
    }
}

.page-header-logos-item.dw {
    max-width: 81px
}

@media (min-width:23.875em) {
    .page-header-logos-item.dw {
        margin-left: auto
    }

    .page-header-logos-item.dw+.page-header-logos-column {
        margin-left: 36px
    }
}

.page-header-logos-item.lotterie {
    max-width: 123px
}

.page-header-logos-item.starts {
    max-width: 75px
}

.page-header-logos-item.europe {
    margin-top: -8px;
    margin-left: 32px;
    max-width: 111px
}

.page-header-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    position: relative;
    z-index: 999;
    max-width: 750px;
    color: #fff;
    font-size: 5.625rem;
    line-height: .85;
    letter-spacing: -1.8px
}

.page-header-title.invisible {
    opacity: 0;
    pointer-events: none
}

@media (max-width:47.99em) {
    .page-header-title {
        font-size: 5rem
    }
}

@media (max-width:37.49em) {
    .page-header-title {
        font-size: 3.75rem
    }
}

.page-header-subtitle {
    position: relative;
    max-width: 230px;
    margin-top: 32px
}

@media (min-width:61.25em) {
    .page-header-subtitle {
        position: relative;
        z-index: 999;
        margin-bottom: 85px
    }
}

.page-header-text {
    max-width: 490px;
    margin-top: 30px;
    font-size: 1rem;
    line-height: 1.6875
}

@media (min-width:61.25em) {
    .page-header-text {
        position: relative;
        z-index: 999
    }
}

@media (min-width:61.25em) {
    .page-header-text--2cols {
        margin-top: 50px;
        margin-left: auto;
        max-width: 900px;
        column-count: 2;
        column-gap: 35px
    }
}

.page-header-text+.button {
    margin-top: 30px;
    margin-bottom: 40px
}

.page-header-sponsors {
    margin-top: -30px;
    margin-bottom: 50px;
    font-family: DM Mono, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: .5625rem;
    letter-spacing: 4.95px;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width:61.24em) {
    .page-header-sponsors {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 60px;
        margin-top: -40px
    }
}

@media (min-width:61.25em) {
    .page-header-sponsors {
        position: relative;
        z-index: 999;
        min-height: 110px
    }
}

.page-header-sponsors a {
    max-width: 333px;
    padding: 13px 45px;
    display: block;
    background: #fff;
    border-radius: 20px;
    position: relative;
    z-index: 3
}

.page-header-sponsors li {
    margin-right: 13px;
    margin-left: 13px
}

.page-header-sponsors li:last-child {
    margin-right: 0
}

@media (max-width:61.24em) {
    .page-header-sponsors li {
        margin-left: 0
    }
}

@media (max-width:61.24em) {
    .page-header-sponsors li+li {
        margin-top: 15px
    }
}

@media (min-width:61.25em) {
    .page-header-infos {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between
    }
}

.page-header-metas {
    position: relative;
    z-index: 999
}

@media (max-width:61.24em) {
    .page-header-metas {
        margin-bottom: 50px
    }
}

.page-header-metas .metas-label {
    margin-bottom: 10px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    display: block;
    color: #fff;
    font-size: .6875rem;
    letter-spacing: .4em;
    line-height: 2.6;
    text-transform: uppercase
}

.page-header-metas .metas-item {
    display: block
}

.page-header-metas .metas-item .svg {
    margin-right: 15px;
    margin-bottom: 2px;
    fill: #fff;
    vertical-align: middle
}

@media (max-width:28.115em) {
    .page-header-metas .metas-item .svg {
        margin-right: 5px
    }
}

.page-header-metas .metas-item+.metas-item {
    margin-top: 5px
}

.page-header-details {
    margin-bottom: 60px
}

.page-header-practical {
    height: auto;
    width: 100%;
    margin-top: 30px;
    padding: 25px 30px;
    position: relative;
    z-index: 2;
    border-radius: 20px;
    background-color: #fff
}

@media (min-width:61.25em) {
    .page-header-practical {
        display: flex;
        justify-content: flex-start;
        padding-right: 35px;
        padding-left: 60px
    }
}

.page-header-practical .practical-item {
    padding-top: 10px;
    padding-right: 85px
}

@media (max-width:70.8025em) {
    .page-header-practical .practical-item {
        padding-right: 30px
    }
}

@media (max-width:61.24em) {
    .page-header-practical .practical-item {
        padding-right: 0
    }
}

@media (min-width:61.25em) {
    .page-header-practical .practical-item {
        position: relative;
        z-index: 999
    }
}

.page-header-practical .practical-item+.practical-item {
    padding-left: 75px;
    border-left: 1px dashed rgba(81, 74, 115, .2)
}

@media (max-width:70.8025em) {
    .page-header-practical .practical-item+.practical-item {
        padding-left: 50px
    }
}

@media (max-width:61.24em) {
    .page-header-practical .practical-item+.practical-item {
        margin-top: 10px;
        padding-top: 25px;
        padding-left: 0;
        border-top: 1px dashed rgba(81, 74, 115, .2);
        border-left: 0 none
    }
}

.page-header-practical .practical-item.practical-location {
    padding-right: 128px
}

.page-header-practical .practical-item.practical-language {
    padding-right: 20px
}

.page-header-practical .practical-tickets:last-child {
    padding-right: 0;
    border: 0 none
}

.page-header-practical .practical-label {
    margin-bottom: 8px;
    font-size: .5625rem;
    letter-spacing: .4em;
    line-height: 1;
    text-transform: uppercase
}

.page-header-practical .practical-label,
.page-header-practical .practical-value {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal
}

.page-header-practical .practical-value {
    color: rgba(43, 54, 68, 0.5);
    font-size: 1rem;
    letter-spacing: -.02em;
    line-height: 1.875
}

.page-header-practical .practical-tickets {
    padding: 0
}

@media (max-width:61.24em) {
    .page-header-practical .practical-tickets {
        text-align: center
    }
}

@media (max-width:37.49em) {
    .page-header-practical .practical-tickets .button {
        width: 100%
    }
}

.center-sponsors {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start
}

@media (max-width:61.24em) {
    .center-sponsors {
        flex-direction: column;
        align-items: flex-start
    }
}

.center-sponsors .page-header-logos {
    max-width: 425px;
    margin-bottom: -20px
}

@media (min-width:61.25em) and (max-width:70.8025em) {
    .center-sponsors .page-header-logos {
        max-width: 285px
    }
}

@media (max-width:61.24em) {
    .center-sponsors .page-header-logos {
        margin-top: 40px;
        max-width: 420px
    }
}

.center-sponsors .page-header-logos .page-header-logos-column {
    margin-left: 0;
    padding-left: 0;
    flex-wrap: wrap
}

@media (max-width:23.875em) {
    .center-sponsors .page-header-logos .page-header-logos-column {
        margin-top: 0
    }
}

.center-sponsors .page-header-logos .page-header-logos-column:before {
    display: none
}

.center-sponsors .page-header-logos .page-header-logos-column a {
    display: contents
}

.center-sponsors .page-header-logos .page-header-logos-column a img {
    height: 47px;
    margin-bottom: 20px
}

[data-router-wrapper] {
    opacity: 0;
    animation: 0s .6s forwards;
    animation-name: u91663466
}

@keyframes u91663466 {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.site-loader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    z-index: 10000;
    pointer-events: none;
    background-color: transparent;
    background-image: url(../assets/images/decorations/clouds-transition.png);
    background-position: 0 0;
    background-size: 122880px 100%;
    background-color: #fff
}

@media (min-width:120em) {
    .site-loader {
        background-size: 6400% 100%
    }
}

.site-loader.onLoad {
    opacity: 1;
    background-position: -59520px 0;
    animation: 1.5s steps(33) 1s forwards;
    animation-name: ua20aadce
}

@keyframes ua20aadce {

    0%,
    1% {
        background-color: #fff;
        background-position: -59520px 0
    }

    2% {
        background-color: transparent;
        background-position: -59520px 0
    }

    99% {
        background-color: transparent;
        background-position: -122880px 0
    }

    99%,
    to {
        background-color: transparent;
        background-position: -122880px 0
    }
}

@media (min-width:120em) {
    .site-loader.onLoad {
        animation-name: u9a62bee3
    }

    @keyframes u9a62bee3 {

        0%,
        1% {
            background-color: #fff;
            background-position: -3100% 0
        }

        2% {
            background-color: transparent;
            background-position: -3100% 0
        }

        99% {
            background-color: transparent;
            background-position: -6400% 0
        }

        99%,
        to {
            background-color: transparent;
            background-position: -6400% 0
        }
    }
}

.site-loader.out {
    opacity: 1;
    animation: 1.5s steps(31) forwards;
    animation-name: u21a3a826
}

@keyframes u21a3a826 {

    0%,
    1% {
        background-color: transparent;
        background-position: 0 0
    }

    2% {
        background-color: transparent;
        background-position: 0 0
    }

    99% {
        background-color: transparent;
        background-position: -59520px 0
    }

    99%,
    to {
        background-color: #fff;
        background-position: -59520px 0
    }
}

@media (min-width:120em) {
    .site-loader.out {
        animation-name: ufa695825
    }

    @keyframes ufa695825 {

        0%,
        1% {
            background-color: transparent;
            background-position: 0 0
        }

        2% {
            background-color: transparent;
            background-position: 0 0
        }

        99% {
            background-color: transparent;
            background-position: -3100% 0
        }

        99%,
        to {
            background-color: #fff;
            background-position: -3100% 0
        }
    }
}

.site-loader.out .loader-out {
    animation: 1.5s steps(31) forwards;
    animation-name: u0062225a
}

@keyframes u0062225a {
    0% {
        -webkit-mask-position: 0 0;
        mask-position: 0 0
    }

    to {
        -webkit-mask-position: -59520px 0;
        mask-position: -59520px 0
    }
}

@media (min-width:120em) {
    .site-loader.out .loader-out {
        animation-name: u8b11d284
    }

    @keyframes u8b11d284 {
        0% {
            -webkit-mask-position: 0 0;
            mask-position: 0 0
        }

        to {
            -webkit-mask-position: -3100% 0;
            mask-position: -3100% 0
        }
    }
}

.site-loader.out .site-loader-logo {
    transform: scale(1) translate(-50%, -50%)
}

.site-loader.in {
    opacity: 1;
    animation: 1.5s steps(33) forwards;
    animation-name: u597790b8
}

@keyframes u597790b8 {

    0%,
    1% {
        background-color: #fff;
        background-position: -59520px 0
    }

    2% {
        background-color: transparent;
        background-position: -59520px 0
    }

    99% {
        background-color: transparent;
        background-position: -122880px 0
    }

    99%,
    to {
        background-color: transparent;
        background-position: -122880px 0
    }
}

@media (min-width:120em) {
    .site-loader.in {
        animation-name: u350d5cad
    }

    @keyframes u350d5cad {

        0%,
        1% {
            background-color: #fff;
            background-position: -3100% 0
        }

        2% {
            background-color: transparent;
            background-position: -3100% 0
        }

        99% {
            background-color: transparent;
            background-position: -6400% 0
        }

        99%,
        to {
            background-color: transparent;
            background-position: -6400% 0
        }
    }
}

.site-loader.in .loader-out {
    -webkit-mask-position: -59520px 0;
    mask-position: -59520px 0;
    animation: 1.5s steps(33) forwards;
    animation-name: u95909de5
}

@keyframes u95909de5 {
    0% {
        -webkit-mask-position: -59520px 0;
        mask-position: -59520px 0
    }

    to {
        -webkit-mask-position: -122880px 0;
        mask-position: -122880px 0
    }
}

@media (min-width:120em) {
    .site-loader.in .loader-out {
        animation-name: u4a96402c
    }

    @keyframes u4a96402c {
        0% {
            -webkit-mask-position: -3100% 0;
            mask-position: -3100% 0
        }

        to {
            -webkit-mask-position: -6400% 0;
            mask-position: -6400% 0
        }
    }
}

.site-loader .loader-out {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    -webkit-mask-image: url(../assets/images/decorations/clouds-transition.png);
    mask-image: url(../assets/images/decorations/clouds-transition.png);
    -webkit-mask-position: 0 0;
    mask-position: 0 0;
    -webkit-mask-size: 122880px 100%;
    mask-size: 122880px 100%
}

@media (min-width:120em) {
    .site-loader .loader-out {
        -webkit-mask-size: 6400% 100%;
        mask-size: 6400% 100%
    }
}

.site-planes {
    position: absolute;
    top: 0;
    left: 0;
    height: 50%;
    width: 100%;
    display: block
}

.site-planes .overflow {
    position: absolute;
    transform: translateX(-200px)
}

.site-planes .overflow:first-child {
    bottom: -40px;
    left: 0;
    width: 33px;
    height: 16px
}

.site-planes .overflow:nth-child(2) {
    bottom: 10px;
    left: 0;
    width: 55px;
    height: 34px
}

.site-planes .overflow:nth-child(3) {
    bottom: 0;
    left: 0;
    width: 80px;
    height: 44px
}

.no-cssmask .site-loader {
    transition: opacity 1s cubic-bezier(.165, .84, .44, 1)
}

.no-cssmask .site-loader.in {
    opacity: 0 !important
}

.site-loader-logo {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 68px;
    width: 70px;
    transform-origin: center;
    transform: scale(.8) translate(-50%, -50%);
    transition: transform 1s ease .5s
}

.site-loader-logo .svg {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 2;
    display: block
}

.site-loader-logo svg {
    fill: rgba(43, 54, 68, 0.5)
}

.site-loader-logo #nprogress .bar {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    background-color: rgba(43, 54, 68, 0.5);
    opacity: 1 !important
}

.scale {
    transform: scale(1.03);
    transform-origin: top center;
    animation: 1s forwards linear;
    animation-name: ua11defe8
}

@keyframes ua11defe8 {
    0% {
        transform: scale(1.03)
    }

    to {
        transform: scale(1)
    }
}

.site-header {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 10000
}

@media (max-width:61.24em) {
    .site-header {
        position: fixed;
        height: 70px;
        background-color: #fff
    }
}

.site-header .center,
.site-header [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .site-header iframe+div {
    position: relative
}

@media (max-width:61.24em) {

    .site-header>.center,
    [data-router-view=practical] .practical-main-map .site-header>iframe+div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
        height: 100%
    }
}

.site-logo {
    position: relative;
    z-index: 1
}

@media (min-width:61.25em) {
    .site-logo {
        position: absolute;
        top: 83px
    }
}

.site-logo a {
    height: auto;
    width: 222px;
    padding-top: 8px;
    padding-right: 70px;
    padding-bottom: 0;
    display: block
}

@media (max-width:61.24em) {
    .site-logo a {
        height: 37px;
        width: 172px;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0;
        background-image: url(../assets/images/logos/dark/kikk-logo-small_2x.png);
        background-position: 0 0;
        background-size: 172px auto
    }
}

.site-logo svg {
    width: 152px;
    height: 47px;
    transition: fill .3s cubic-bezier(.165, .84, .44, 1);
    fill: #fff
}

.site-logo img {
    width: 124px;
    transition: fill .3s cubic-bezier(.165, .84, .44, 1);
    fill: #fff
}

@media (max-width:61.24em) {
    .site-logo svg {
        display: none
    }
    .site-logo img {
        width: 85px;
    }
}

.mobile-button {
    position: relative;
    width: 45px;
    height: 45px
}

@media (min-width:61.25em) {
    .mobile-button {
        display: none
    }
}

.mobile-button .line {
    position: absolute;
    top: 50%;
    right: 0;
    height: 3px;
    margin-top: -2px;
    background-color: rgba(43, 54, 68, 0.5);
    transition: transform .3s cubic-bezier(.165, .84, .44, 1)
}

.mobile-button .line--top {
    width: 25px;
    transform: translateY(-8px)
}

.mobile-button .line--middle {
    width: 19px
}

.mobile-button .line--bottom {
    width: 25px;
    transform: translateY(8px)
}

.is-menu-open .mobile-button .line--top {
    transform: rotate(45deg)
}

.is-menu-open .mobile-button .line--middle {
    opacity: 0
}

.is-menu-open .mobile-button .line--bottom {
    transform: rotate(-45deg)
}

@media (max-width:61.24em) {
    .mobile-wrapper {
        position: fixed;
        top: 70px;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 30px;
        padding-bottom: 50px;
        display: none;
        flex-direction: column;
        overflow: auto;
        background-color: #fff;
        -webkit-overflow-scrolling: touch
    }

    .is-menu-open .mobile-wrapper {
        display: flex
    }
}

@media (min-width:61.25em) {
    .header-wrapper {
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: wrap
    }
}

@media (max-width:61.24em) {
    .header-wrapper {
        width: 100%
    }
}

@media (min-width:61.25em) {
    .header-layout {
        flex-direction: column-reverse;
        padding-left: 220px
    }
}

@media (min-width:61.25em) {

    .header-layout,
    .header-primary {
        display: flex;
        flex-wrap: wrap
    }
}

@media (max-width:61.24em) {
    .header-primary {
        text-align: center
    }
}

@media (min-width:61.25em) {
    .header-primary .menu--primary {
        flex-grow: 1
    }
}

@media (min-width:61.25em) {
    .header-secondary {
        display: flex;
        flex-shrink: 0;
        flex-wrap: wrap;
        align-items: center
    }
}

@media (min-width:61.25em) {
    .header-secondary .menu {
        flex-grow: 1
    }
}

@media (min-width:61.25em) {
    .header-secondary .menu .menu-list {
        justify-content: flex-end
    }
}

.header-ternary {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid hsla(0, 0%, 100%, .4)
}

@media (min-width:61.25em) {
    .header-ternary {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.header-ternary p {
    color: rgba(43, 54, 68, 0.5)
}

.header-date {
    color: #fff;
    font-size: 1.0625rem;
    line-height: 1
}

@media (min-width:61.25em) {
    .header-date {
        padding: 11px 20px
    }
}

@media (min-width:70.8125em) {
    .header-date {
        padding-right: 70px;
        padding-left: 30px
    }
}

@media (max-width:61.24em) {
    .header-date {
        display: none
    }
}

.header-date sup {
    font-size: .625rem;
    vertical-align: super
}

.header-app {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #fff;
    font-size: .8125rem;
    line-height: 1.5
}

@media (max-width:61.24em) {
    .header-app {
        margin-top: 20px;
        text-align: center;
        display: none
    }
}

.header-app a,
.header-app strong {
    color: #fff;
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

.header-app a:hover {
    color: rgba(43, 54, 68, 0.5)
}

@media (min-width:61.25em) {
    .menu .menu-list {
        display: flex;
        flex-wrap: wrap;
        align-items: center
    }
}

@media (max-width:61.24em) {
    .menu .menu-list {
        text-align: center
    }
}

.menu .menu-item--parent {
    position: relative
}

@media (min-width:61.25em) {
    .menu .menu-item--parent .svg {
        display: inline-block;
        margin-left: 10px;
        fill: #fff;
        vertical-align: middle
    }
}

@media (max-width:61.24em) {
    .menu .menu-item--parent .svg {
        display: none
    }
}

@media (max-width:61.24em) {
    .menu .menu-item--parent.is-submenu-open .menu-child-list {
        display: block
    }
}

@media (min-width:61.25em) {
    .menu .menu-item--parent:hover .menu-child-list {
        opacity: 1;
        pointer-events: all
    }
}

.menu .menu-link {
    display: inline-block;
    text-decoration: none
}

.menu .menu-child-list {
    position: absolute;
    top: 100%;
    left: 0;
    height: auto;
    width: 100%;
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    opacity: 0;
    pointer-events: none
}

@media (max-width:61.24em) {
    .menu .menu-child-list {
        position: fixed;
        top: 70px;
        right: 0;
        bottom: 0;
        left: 0;
        padding-top: 50px;
        padding-bottom: 50px;
        z-index: 10;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}

.menu .menu-child-back {
    padding-bottom: 20px
}

@media (min-width:61.25em) {
    .menu .menu-child-back {
        display: none
    }
}

.menu .menu-child-back .button {
    padding: 10px 30px 8px;
    background-color: #fff
}

.menu .menu-child-link {
    display: block
}

.menu--lang {
    position: relative
}

@media (max-width:61.24em) {
    .menu--lang {
        margin-top: 20px;
        padding-top: 20px
    }
}

.menu--lang:hover .menu-lang-toggle {
    color: rgba(43, 54, 68, 0.5)
}

.menu--lang:hover .menu-lang-toggle .svg {
    transform: rotate(180deg);
    fill: rgba(43, 54, 68, 0.5)
}

@media (min-width:61.25em) {
    .menu--lang:hover .menu-lang-list {
        opacity: 1;
        pointer-events: all
    }
}

.menu--lang .menu-lang-link,
.menu--lang .menu-lang-toggle {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: rgba(43, 54, 68, 0.5);
    font-size: .8125rem;
    line-height: 1;
    text-align: left
}

.menu--lang .menu-lang-toggle {
    padding-top: 18px;
    padding-bottom: 18px;
    padding-left: 18px;
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

@media (max-width:61.24em) {
    .menu--lang .menu-lang-toggle {
        display: none
    }
}

.menu--lang .menu-lang-toggle .svg {
    display: inline-block;
    margin-left: 5px;
    transition: fill .3s cubic-bezier(.165, .84, .44, 1), transform .3s cubic-bezier(.165, .84, .44, 1);
    fill: #fff;
    vertical-align: middle
}

@media (min-width:61.25em) {
    .menu--lang .menu-lang-list {
        position: absolute;
        top: 100%;
        right: 0;
        height: auto;
        width: 125%;
        transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
        opacity: 0;
        background-color: #fff;
        pointer-events: none
    }
}

@media (max-width:61.24em) {
    .menu--lang .menu-lang-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media (min-width:61.25em) {
    .menu--lang .menu-lang-item+.menu-lang-item {
        border-top: 1px solid rgba(17, 0, 128, .2)
    }
}

.menu--lang .menu-lang-link {
    padding: 10px;
    display: block;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:61.25em) {
    .menu--lang .menu-lang-link {
        color: rgba(43, 54, 68, 0.5)
    }
}

.menu--tickets {
    position: relative
}

@media (max-width:61.24em) {
    .menu--tickets {
        display: inline-block;
        margin-top: 20px;
        margin-bottom: 30px
    }
}

@media (max-width:37.49em) {
    .menu--tickets {
        display: block
    }
}

@media (min-width:61.25em) {
    .no-touchevents .menu--tickets:hover .menu-tickets-list {
        display: block
    }
}

.menu--tickets .menu-tickets-link,
.menu--tickets .menu-tickets-toggle {
    margin-top: 14px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    font-size: 1.0625rem;
    line-height: 1;
    text-align: left
}

@media (max-width:37.49em) {

    .menu--tickets .menu-tickets-link,
    .menu--tickets .menu-tickets-toggle {
        text-align: center
    }
}

@media (min-width:61.25em) {
    .menu--tickets .menu-tickets-list {
        position: absolute;
        top: calc(100% - 3px);
        left: 0;
        height: auto;
        width: 100%;
        display: none
    }
}

@media (min-width:61.25em) {
    .menu--tickets .menu-tickets-item {
        padding-left: 15px
    }
}

.menu--tickets .menu-tickets-item+.menu-tickets-item {
    margin-top: 7px
}

.menu--tickets .menu-tickets-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 20px 15px 30px;
    border-radius: 20px;
    background-color: #fff
}

.menu--tickets .menu-tickets-link .svg {
    fill: #fff
}

@media (max-width:61.24em) {
    .menu--tickets .menu-tickets-link .svg {
        margin-left: 10px
    }
}

@media (min-width:61.25em) {
    .menu--primary {
        margin-top: 10px
    }
}

.menu--primary .menu-item--parent .menu-link {
    position: relative;
    z-index: 0;
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

@media (min-width:61.25em) {
    .menu--primary .menu-item--parent .menu-link:after {
        content: "";
        position: absolute;
        z-index: -1;
        top: -1px;
        right: 0;
        bottom: -1px;
        left: -1px;
        transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
        opacity: 0;
        background-color: #fff
    }
}

@media (max-width:61.24em) {
    .menu--primary .menu-item--parent .menu-link:after {
        position: absolute;
        bottom: -1px;
        left: 0;
        height: 4px;
        width: 100%;
        content: "";
        opacity: 0;
        background-color: #fff
    }
}

@media (max-width:61.24em) {
    .menu--primary .menu-item--parent .menu-link--active:after {
        opacity: 1
    }
}

.menu--primary .menu-item--parent .svg {
    transition: fill .3s cubic-bezier(.165, .84, .44, 1)
}

.menu--primary .menu-item--parent .menu-child-list {
    left: -6.5px;
    width: calc(100% + 13px)
}

@media (min-width:61.25em) {
    .menu--primary .menu-item--single.on-mobile {
        display: none
    }
}

.menu--primary .menu-item--single .menu-link {
    position: relative;
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

.menu--primary .menu-item--single .menu-link:after {
    position: absolute;
    bottom: -1px;
    left: 0;
    height: 4px;
    width: 100%;
    content: "";
    transition: opacity .3s cubic-bezier(.165, .84, .44, 1);
    opacity: 0;
    background-color: rgba(152, 186, 231, .5)
}

.menu--primary .menu-item--single .menu-link--active:after {
    opacity: 1
}

@media (min-width:61.25em) {
    .no-touchevents .menu--primary .menu-item:hover .menu-link {
        color: #0e0e0e
    }
}

.menu--primary .menu-link {
    padding: 22px 30px 20px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: #0e0e0e;
    font-size: 1rem;
    letter-spacing: -.02em;
    line-height: 1
}

@media (max-width:70.8025em) {
    .menu--primary .menu-link {
        padding-right: 20px;
        padding-left: 20px
    }
}

@media (max-width:61.24em) {
    .menu--primary .menu-link {
        padding-right: 0;
        padding-left: 0;
        font-size: 1.625rem
    }
}

.menu--primary .menu-child-list {
    background-color: #fff
}

@media (max-width:61.24em) {
    .menu--primary .menu-child-list {
        background-color: #fff
    }
}

@media (min-width:61.25em) {
    .menu--primary .menu-child-item+.menu-child-item {
        border-top: 1px solid rgba(17, 0, 128, .2)
    }
}

.menu--primary .menu-child-link {
    padding: 13px 18px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    color: #0e0e0e;
    font-size: .9375rem;
    letter-spacing: -.02em;
    line-height: 1;
    text-decoration: none
}

@media (max-width:61.24em) {
    .menu--primary .menu-child-link {
        padding-top: 22px;
        padding-bottom: 20px;
        color: #fff;
        font-size: 1.625rem;
        font-weight: 700
    }
}

@media (min-width:61.25em) {
    .no-touchevents .menu--primary .menu-child-link:hover {
        color: #fff;
        background-color: rgba(43, 54, 68, 0.5)
    }
}

@media (min-width:61.25em) {
    .menu--secondary .menu-item:first-child .menu-link {
        padding-left: 0
    }
}

@media (min-width:61.25em) {
    .menu--secondary .menu-item:last-child .menu-link {
        padding-right: 0
    }
}

@media (min-width:61.25em) {
    .menu--secondary .menu-item+.menu-item:before {
        content: "";
        display: inline-block;
        width: 3px;
        height: 3px;
        border-radius: 50%;
        background-color: hsla(0, 0%, 100%, .52);
        vertical-align: middle
    }
}

.menu--secondary .menu-link {
    padding: 20px 14px 13px 17px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    position: relative;
    color: rgba(43, 54, 68, 0.5);
    font-size: .5625rem;
    letter-spacing: .34em;
    line-height: 1;
    text-transform: uppercase
}

@media (max-width:61.24em) {
    .menu--secondary .menu-link {
        padding-left: 14px;
        font-size: .75rem
    }
}

.menu--secondary .menu-link .menu-link-text {
    position: relative;
    transition: color .3s cubic-bezier(.165, .84, .44, 1)
}

.menu--secondary .menu-link--active .menu-link-text,
.no-touchevents .menu--secondary .menu-link:hover .menu-link-text {
    color: #fff
}

.site-partners {
    padding-top: 90px;
    padding-bottom: 40px
}

@media (max-width:61.24em) {
    .site-partners {
        padding-top: 70px;
        padding-bottom: 70px
    }
}

@media (max-width:37.49em) {
    .site-partners {
        padding-top: 50px;
        padding-bottom: 50px
    }
}

.site-partners .center,
.site-partners [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .site-partners iframe+div {
    padding-right: 0;
    padding-left: 0
}

@media (min-width:61.25em) {

    .site-partners .center,
    .site-partners [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .site-partners iframe+div {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.site-partners h3 {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    width: 100%;
    max-width: 550px;
    color: rgba(43, 54, 68, 0.5);
    font-size: 3.4375rem;
    line-height: 1;
    letter-spacing: -1.1px
}

@media (max-width:61.24em) {
    .site-partners h3 {
        margin-right: auto;
        margin-left: auto;
        text-align: center;
        font-size: 2.625rem
    }
}

@media (max-width:37.49em) {
    .site-partners h3 {
        max-width: 300px;
        font-size: 1.875rem
    }
}

.site-partners .site-partners-logos {
    display: flex;
    align-items: center
}

@media (max-width:61.24em) {
    .site-partners .site-partners-logos {
        margin-top: 30px;
        position: relative;
        justify-content: center
    }

    .site-partners .site-partners-logos:before {
        position: absolute;
        top: 0;
        left: calc(50% + 40px);
        height: 100%;
        width: 1px;
        content: "";
        background-color: rgba(43, 54, 68, 0.5);
        opacity: .2
    }
}

.site-partners a {
    display: block;
    width: 100%
}

@media (max-width:61.24em) {
    .site-partners a {
        max-width: 140px
    }
}

.site-partners .digital-wallonia {
    max-width: 165px
}

.site-partners .wallonie {
    margin-left: 105px;
    position: relative;
    max-width: 75px
}

@media (min-width:61.25em) {
    .site-partners .wallonie:before {
        position: absolute;
        top: 0;
        left: -60px;
        height: 100%;
        width: 1px;
        content: "";
        background-color: rgba(43, 54, 68, 0.5);
        opacity: .2
    }
}

.site-partners img {
    display: block;
    width: 100%
}

.site-partners-list {
    display: flex;
    align-items: center;
    justify-content: center
}

.site-partners-list li {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 50%;
    height: 150px
}

@media (min-width:48em) {
    .site-partners-list li {
        height: 220px
    }
}

.site-partners-list li+li {
    border-left: 1px solid rgba(43, 54, 68, 0.5)
}

.site-partners-list img {
    display: block;
    margin-right: auto;
    margin-left: auto
}

@media (max-width:47.99em) {
    .site-partners-list img {
        width: 50%
    }
}

.site-credits {
    position: relative;
    z-index: 999
}

@media (max-width:70.8025em) {
    .site-credits {
        text-align: center
    }
}

.site-credits .center,
.site-credits [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .site-credits iframe+div {
    padding-top: 57px;
    padding-bottom: 50px
}

@media (min-width:70.8125em) {

    .site-credits .center,
    .site-credits [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .site-credits iframe+div {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.site-credits h3,
.site-credits li {
    font-family: DM Mono, Helvetica, Arial, sans-serif;
    font-weight: 500;
    font-style: normal;
    color: rgba(43, 54, 68, 0.5);
    font-size: .625rem;
    letter-spacing: 4px;
    line-height: 1;
    text-transform: uppercase
}

.site-credits h3 {
    margin-right: 12px
}

@media (max-width:70.8025em) {
    .site-credits h3 {
        margin-right: 0;
        margin-bottom: 30px
    }
}

.site-credits ul {
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width:47.99em) {
    .site-credits ul {
        flex-direction: column
    }
}

.site-credits a {
    display: inline-block;
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    color: rgba(43, 54, 68, 0.5);
    vertical-align: middle
}

.site-credits a:hover {
    color: #514a73
}

.site-credits a:hover svg {
    fill: #514a73
}

.site-credits svg {
    transition: fill .3s cubic-bezier(.165, .84, .44, 1);
    fill: rgba(43, 54, 68, 0.5)
}

@media (max-width:70.8025em) {
    .site-credits--left {
        margin-bottom: 40px
    }
}

@media (min-width:70.8125em) {
    .site-credits--left {
        display: flex;
        align-items: center
    }
}

.site-credits--left svg {
    width: 100%
}

.site-credits--left li+li:before {
    margin-right: 5px;
    margin-left: 8px;
    font-size: .5625rem
}

@media (min-width:48em) {
    .site-credits--left li+li:before {
        content: "&"
    }
}

@media (max-width:47.99em) {
    .site-credits--left li+li {
        margin-top: 26px
    }
}

@media (min-width:48em) {
    .site-credits--left li:first-child .svg {
        width: 80px
    }
}

.site-credits--left li:nth-child(2) {
    margin-bottom: 2px
}

@media (min-width:48em) {

    .site-credits--left li:nth-child(2) .svg,
    .site-credits--left li:nth-child(3) .svg {
        width: 80px
    }
}

.site-credits--left li:nth-child(3) a {
    margin-bottom: 3px
}

@media (max-width:47.99em) {
    .site-credits--right ul {
        display: block
    }
}

@media (max-width:47.99em) {
    .site-credits--right li+li {
        margin-top: 15px
    }
}

@media (min-width:48em) {

    .site-credits--right li:nth-last-child(2),
    .site-credits--right li:nth-last-child(3) {
        margin-right: 5px
    }
}

@media (min-width:48em) {
    .site-credits--right li:after {
        content: "|";
        margin-right: 5px;
        margin-left: 5px
    }
}

.site-credits--right li:last-child:after {
    display: none
}

.site-cookie {
    position: fixed;
    bottom: 20px;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 2000;
    transition: opacity .3s cubic-bezier(.25, .46, .45, .94);
    opacity: 0;
    pointer-events: none
}

.site-cookie.is-visible {
    opacity: 1;
    pointer-events: auto
}

.site-cookie-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding: 14px 15px 14px 38px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 40px);
    max-width: 1102px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 24px 0 rgba(46, 61, 73, .15)
}

@media (max-width:47.99em) {
    .site-cookie-wrapper {
        flex-direction: column;
        align-items: flex-start;
        padding-left: 15px
    }
}

.site-cookie-wrapper p {
    padding-top: 2px;
    color: rgba(43, 54, 68, 0.5);
    font-size: .9375rem;
    line-height: 1.0666666667
}

@media (max-width:47.99em) {
    .site-cookie-wrapper p {
        line-height: 1.6666666667
    }
}

.site-cookie-link {
    margin-left: 10px;
    position: relative;
    color: rgba(43, 54, 68, 0.5);
    font-weight: 700
}

.site-cookie-link:before {
    position: absolute;
    top: calc(100% + 5px);
    left: 0;
    height: 3px;
    width: 100%;
    content: "";
    background-color: rgba(43, 54, 68, 0.5)
}

.site-cookie-accept {
    padding: 15px 21px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    transition: color .3s cubic-bezier(.165, .84, .44, 1), background-color .3s cubic-bezier(.165, .84, .44, 1);
    border: 3px solid rgba(43, 54, 68, 0.5);
    border-radius: 10px;
    background-color: #fff;
    color: rgba(43, 54, 68, 0.5);
    font-size: .9375rem;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
    outline: none
}

@media (max-width:47.99em) {
    .site-cookie-accept {
        margin-top: 30px
    }
}

.site-cookie-accept:hover {
    background-color: rgba(43, 54, 68, 0.5);
    color: #fff
}

.home-new {
    margin-bottom: 105px
}

@media (min-width:37.5em) {

    .home-new .center,
    .home-new [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .home-new iframe+div {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between
    }
}

.home-new-picture {
    position: relative
}

@media (min-width:61.25em) {
    .home-new-picture {
        flex-basis: 385px;
        width: 385px;
        margin-top: 20px;
        margin-right: 25px
    }
}

@media (max-width:61.24em) {
    .home-new-picture {
        display: none
    }
}

.home-new-picture-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0
}

.home-new-content {
    position: relative;
    z-index: 999;
    flex-basis: 100%;
    width: 100%
}

@media (min-width:61.25em) {
    .home-new-content {
        flex-basis: 340px;
        width: 340px
    }
}

.home-new-subhead {
    margin-bottom: 45px
}

.home-new-title {
    margin-bottom: 30px
}

.home-new-title img {
    height: 156px;
    width: 302px
}

@media (min-width:61.25em) {

    .home-new-link,
    .home-new-text {
        padding-left: 60px
    }
}

.home-new-link {
    margin-top: 40px
}

.home-feed {
    position: relative;
    z-index: 2
}

.home-feed .twitter {
    margin-bottom: 177px
}

.home-feed .dashed-ring {
    position: absolute;
    top: calc(50% - 200px);
    left: calc(50% - 390px);
    height: 1900px;
    width: 1900px;
    transform: translateY(-50%)
}

.home-hero {
    position: relative;
    padding-top: 696px;
    margin-bottom: 850px;
    height: 920px;
    width: 100%
}

@media (max-width:61.24em) {
    .home-hero {
        padding-top: 50vw;
        height: 600px;
        margin-bottom: 560px
    }
}

@media (max-width:47.99em) {
    .home-hero {
        padding-top: 359px;
        height: 600px;
        margin-bottom: 420px
    }
}

.home-hero .center,
.home-hero [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .home-hero iframe+div {
    z-index: 999;
    width: 100%
}

.home-hero-date {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    font-size: 2.5rem;
    line-height: .88;
    letter-spacing: -.8px
}

@media (max-width:47.99em) {
    .home-hero-date {
        font-size: 2rem
    }
}

.home-hero-location {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    display: block;
    margin-top: 26px;
    font-size: .96875rem;
    letter-spacing: .2em
}

.home-hero-location,
.home-hero-title {
    font-style: normal;
    color: #fff;
    text-transform: uppercase
}

.home-hero-title {
    position: absolute;
    top: 220px;
    left: calc(50% + 10px);
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    display: block;
    font-size: 15.46875rem;
    line-height: .77;
    display: flex;
    align-items: center;
    text-align: center;
    letter-spacing: 4.95px;
    transform: translateX(-50%)
}

@media (max-width:61.24em) {
    .home-hero-title {
        font-family: Noe Display, Times, Georgia, serif;
        font-weight: 600;
        font-style: normal;
        top: 74px;
        left: 50%;
        font-size: 23.5vw;
        line-height: .77;
        letter-spacing: -1.76px
    }
}

.home-hero-edition {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    position: absolute;
    top: 670px;
    right: 300px
}

@media (max-width:61.24em) {
    .home-hero-edition {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-transform: none;
        border-radius: 50%;
        border: 1px solid hsla(0, 0%, 100%, .2)
    }
}

@media (min-width:37.5em) and (max-width:61.24em) {
    .home-hero-edition {
        width: 224px;
        height: 224px;
        top: 400px;
        right: 80px
    }
}

@media (max-width:37.49em) {
    .home-hero-edition {
        width: 204px;
        height: 204px;
        top: 450px;
        right: 10px
    }
}

.home-hero-edition .home-hero-label {
    font-size: 37.5rem;
    line-height: .92;
    letter-spacing: -.03em
}

@media (max-width:37.49em) {
    .home-hero-edition .home-hero-label {
        font-size: 5.375rem;
        margin-bottom: 5px;
        margin-top: 13px
    }
}

@media (min-width:37.5em) and (max-width:61.24em) {
    .home-hero-edition .home-hero-label {
        font-size: 6.5rem
    }
}

@media (min-width:61.25em) {
    .home-hero-edition .home-hero-label {
        visibility: hidden
    }
}

.home-hero-edition .home-hero-value {
    font-size: 1.875rem;
    text-transform: uppercase;
    letter-spacing: .2em;
    position: absolute;
    top: 412px;
    right: -120px
}

@media (max-width:37.49em) {
    .home-hero-edition .home-hero-value {
        position: static;
        font-size: 1rem;
        letter-spacing: .1em
    }
}

@media (min-width:37.5em) and (max-width:61.24em) {
    .home-hero-edition .home-hero-value {
        position: static;
        font-size: 1.25rem;
        letter-spacing: .1em
    }
}

.home-numbers {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin-bottom: 212px;
    z-index: 0
}

@media (max-width:70.8025em) {
    .home-numbers {
        margin-bottom: 252px
    }
}

@media (max-width:61.24em) {
    .home-numbers {
        display: none
    }
}

.home-numbers .center,
.home-numbers [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .home-numbers iframe+div {
    position: relative
}

@media (min-width:48em) {

    .home-numbers .center,
    .home-numbers [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .home-numbers iframe+div {
        height: 460px
    }
}

@media (min-width:70.8125em) {

    .home-numbers .center,
    .home-numbers [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .home-numbers iframe+div {
        height: 405px
    }
}

.home-numbers .appear-fade:nth-child(0) {
    transition-delay: 0s
}

.home-numbers .appear-fade:first-child {
    transition-delay: 0.15s
}

.home-numbers .appear-fade:nth-child(2) {
    transition-delay: 0.3s
}

.home-numbers .appear-fade:nth-child(3) {
    transition-delay: 0.45s
}

.home-numbers .appear-fade:nth-child(4) {
    transition-delay: 0.6s
}

.home-numbers .appear-fade:nth-child(5) {
    transition-delay: 0.75s
}

.home-numbers .appear-fade:nth-child(6) {
    transition-delay: 0.9s
}

.home-numbers .appear-fade:nth-child(7) {
    transition-delay: 1.05s
}

.home-numbers-item {
    position: relative;
    width: 195px;
    height: 195px;
    border: 1px solid hsla(0, 0%, 100%, .2);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

@media (min-width:48em) {
    .home-numbers-item {
        position: absolute
    }
}

.home-numbers-item--pro {
    top: 1100px;
    left: 820px
}

@media (min-width:70.8125em) {
    .home-numbers-item--pro {
        top: 1060px;
        left: 970px
    }
}

@media (min-width:90em) {
    .home-numbers-item--pro {
        top: 870px;
        left: 1120px
    }
}

.home-numbers-item--pro .home-numbers-value {
    margin-top: 5px
}

.home-numbers-item--conferences {
    top: 1387px;
    left: 335px
}

@media (min-width:70.8125em) {
    .home-numbers-item--conferences {
        top: 1387px;
        left: 415px
    }
}

.home-numbers-item--conferences .home-numbers-label {
    margin-top: -1px
}

.home-numbers-item--workshops {
    top: 1200px;
    left: -50px
}

.home-numbers-item--workshops .home-numbers-value {
    margin-top: 9px;
    font-size: 2.5rem;
    line-height: 1.15
}

.home-numbers-item--workshops .home-numbers-value sup {
    margin-left: 7px;
    padding-top: 2px;
    font-size: 1.375rem
}

.home-numbers-item--exhibitors {
    top: 96.4527vw;
    left: 74.49324%
}

@media (min-width:70.8125em) {
    .home-numbers-item--exhibitors {
        top: 1142px;
        left: 882px
    }
}

.home-numbers-item--town {
    top: 1743px;
    left: 564px
}

@media (min-width:61.25em) and (max-width:70.8025em) {
    .home-numbers-item--town {
        top: 1723px;
        left: 494px
    }
}

.home-numbers-item--town .home-numbers-value {
    position: relative;
    margin-top: 8px;
    font-size: 2.5rem;
    line-height: 1
}

.home-numbers-item--town .home-numbers-value sup {
    position: absolute;
    top: -10px;
    left: 100%;
    font-size: 1.75rem
}

.home-numbers-item--evenings {
    top: 137.0777vw;
    left: 79.98311%
}

@media (min-width:70.8125em) {
    .home-numbers-item--evenings {
        top: 1623px;
        left: 947px
    }
}

.home-numbers-item--evenings .home-numbers-value {
    position: relative;
    margin-top: 5px;
    font-size: 2.4375rem;
    line-height: 1
}

.home-numbers-item--evenings .home-numbers-value sup {
    position: absolute;
    top: 0;
    left: 100%;
    font-size: 1.3125rem
}

.home-numbers-item--visitors {
    display: none
}

.home-numbers-title {
    width: 147px;
    height: 147px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative
}

.home-numbers-title:after {
    content: "";
    background-image: url(../assets/images/dash-circle.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.home-numbers-value {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 600;
    font-style: normal;
    color: #fff;
    font-size: 3.125rem;
    line-height: .92;
    letter-spacing: -.02em
}

.home-numbers-value sup {
    vertical-align: super
}

.home-numbers-label {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 1.0625rem;
    line-height: 1.1176470588;
    letter-spacing: -.02em;
    text-align: center
}

.home-see-program {
    padding-top: 35px;
    padding-bottom: 35px;
    position: relative;
    z-index: 2
}

.home-see-program .center,
.home-see-program [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .home-see-program iframe+div {
    position: relative
}

.home-see-program .button--arrow {
    font-size: 2.0625rem;
    line-height: 1
}

.home-see-program-side {
    font-family: "Solano Gothic MVB BD";
    font-weight: 400;
    font-style: normal;
    position: absolute;
    top: 50%;
    left: 0;
    transform-origin: top left;
    transform: rotate(90deg) translateY(-100%) translateX(-50%);
    color: rgba(43, 54, 68, 0.5);
    font-size: 1.875rem;
    line-height: 1
}

@media (max-width:47.99em) {
    .home-see-program-side {
        left: 30px
    }
}

@media (max-width:28.115em) {
    .home-see-program-side {
        display: none
    }
}

.home-see-program-side:after {
    content: "►";
    margin-left: 40px;
    font-size: 1rem
}

.home-see-program-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 4.8125rem;
    line-height: .84;
    letter-spacing: -1.54px
}

@media (max-width:61.24em) {
    .home-see-program-title {
        font-size: 3.4375rem;
        line-height: .94;
        letter-spacing: -1.11px;
        max-width: 320px
    }
}

.home-see-program-content {
    padding-right: 60px;
    max-width: 550px
}

@media (max-width:47.99em) {
    .home-see-program-content {
        padding-left: 0;
        padding-right: 0
    }
}

@media (max-width:28.115em) {
    .home-see-program-content {
        padding-left: 0
    }
}

.home-see-program-content .button {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 5px;
    margin-top: 50px;
    font-size: .75rem
}

@media (max-width:61.24em) {
    .home-see-program-content .button {
        margin-top: 30px
    }
}

.home-festival-feature {
    position: relative;
    margin-top: 200px;
    z-index: 3
}

.home-festival-feature .button-wrapper {
    margin-top: -110px;
    text-align: center
}

@media (min-width:37.5em) {
    .home-festival-feature .button-wrapper {
        margin-top: -20px
    }
}

@media (min-width:61.25em) {
    .home-festival-feature .button-wrapper {
        margin-top: 90px
    }
}

.home-festival-feature .button-wrapper:before {
    content: "";
    display: block;
    width: 1px;
    height: 80px;
    margin: 23px auto;
    background: url(../assets/images/decorations/line.svg);
    background-repeat: repeat-y
}

@media (min-width:61.25em) {

    .home-festival-feature .center,
    .home-festival-feature [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .home-festival-feature iframe+div {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: row-reverse
    }
}

.home-festival-feature .button--more {
    margin-top: 37px
}

.home-festival-feature .button--more+.button--more {
    color: rgba(43, 54, 68, 0.5)
}

@media (max-width:61.24em) {
    .home-festival-feature .button--more+.button--more {
        margin-top: 10px;
        margin-top: 37px
    }
}

.home-festival-feature .button--more+.button--more b {
    color: rgba(43, 54, 68, 0.5)
}

.home-festival-feature .button--more+.button--more:hover,
.home-festival-feature .button--more+.button--more:hover b {
    color: #fff
}

.home-festival-feature .dashed-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.home-festival-feature .image-container {
    width: 100%;
    height: 100%;
    will-change: transform;
    transform: scale(1.08);
    transform-origin: center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.home-festival-feature .dashed-outside {
    overflow: hidden;
    width: 27px;
    height: 100px;
    position: absolute;
    top: calc(100% + 16px);
    left: 50%;
    transform-origin: top center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.home-festival-feature .dashed-outside:before {
    content: "";
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: calc(50% - 2.5px)
}

.home-festival-feature .dashed-outside svg {
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: top center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275)
}

.home-festival-feature:not(.has-appeared) figure:nth-child(0) .appear-pop-text,
.home-festival-feature:not(.has-appeared) figure:nth-child(0) .dashed-ring,
.home-festival-feature:not(.has-appeared) figure:nth-child(0) img {
    transition-delay: -0.2s
}

.home-festival-feature:not(.has-appeared) figure:first-child .appear-pop-text,
.home-festival-feature:not(.has-appeared) figure:first-child .dashed-ring,
.home-festival-feature:not(.has-appeared) figure:first-child img {
    transition-delay: 0s
}

.home-festival-feature:not(.has-appeared) figure:nth-child(2) .appear-pop-text,
.home-festival-feature:not(.has-appeared) figure:nth-child(2) .dashed-ring,
.home-festival-feature:not(.has-appeared) figure:nth-child(2) img {
    transition-delay: 0.2s
}

.home-festival-feature:not(.has-appeared) figure:nth-child(3) .appear-pop-text,
.home-festival-feature:not(.has-appeared) figure:nth-child(3) .dashed-ring,
.home-festival-feature:not(.has-appeared) figure:nth-child(3) img {
    transition-delay: 0.4s
}

.home-festival-feature:not(.has-appeared) figure:nth-child(4) .appear-pop-text,
.home-festival-feature:not(.has-appeared) figure:nth-child(4) .dashed-ring,
.home-festival-feature:not(.has-appeared) figure:nth-child(4) img {
    transition-delay: 0.6s
}

.home-festival-feature.has-appeared .home-festival-feature-pictures a:hover img,
.home-festival-feature.has-appeared .home-festival-feature-pictures img {
    transition: -webkit-clip-path .2s cubic-bezier(.25, .46, .45, .94);
    transition: clip-path .2s cubic-bezier(.25, .46, .45, .94);
    transition: clip-path .2s cubic-bezier(.25, .46, .45, .94), -webkit-clip-path .2s cubic-bezier(.25, .46, .45, .94)
}

.home-festival-feature-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    font-size: 4.375rem;
    line-height: .84;
    letter-spacing: -1.54px;
    margin-bottom: 30px;
    margin-left: -93px
}

@media (max-width:89.99em) {
    .home-festival-feature-title {
        margin-left: 0
    }
}

@media (max-width:61.24em) {
    .home-festival-feature-title {
        font-size: 3.45625rem;
        letter-spacing: -1.11px;
        margin-bottom: 10px;
        margin-left: 0
    }
}

.home-festival-feature-content {
    position: relative;
    width: 100%;
    max-width: 320px;
    z-index: 1
}

@media (max-width:61.24em) {
    .home-festival-feature-content {
        margin-right: auto;
        margin-left: auto;
        line-height: 1.5;
        margin: 0 auto
    }
}

@media (min-width:70.8125em) {
    .home-festival-feature-content {
        margin-left: 68px
    }
}

@media (min-width:37.5em) {
    .home-festival-feature-content {
        margin-bottom: 70px
    }
}

.home-festival-feature-content .button--more {
    padding-right: 0
}

@media (min-width:48em) {
    .home-festival-feature-content .button--more {
        transform: translateX(0)
    }
}

@media (max-width:47.99em) {
    .home-festival-feature-content .button--more {
        font-size: 1rem
    }
}

.home-festival-feature-content .button--more+.button--more {
    padding-left: 12px;
    margin-left: 12px;
    position: relative
}

.home-festival-feature-content .button--more+.button--more:before {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 1px;
    content: "";
    background-color: #c1c2c2
}

.home-festival-feature-content .button-primary {
    margin-top: -5px;
    vertical-align: middle
}

@media (max-width:61.24em) {
    .home-festival-feature-title br {
        display: none
    }
}

.home-festival-feature-price {
    position: absolute;
    right: -50px;
    bottom: calc(100% + 15px);
    height: 126px;
    width: 126px;
    transform: rotate(10deg);
    border: 1px solid rgba(43, 54, 68, 0.5);
    border-radius: 50%;
    color: rgba(43, 54, 68, 0.5);
    text-align: center
}

@media (max-width:47.99em) {
    .home-festival-feature-price {
        height: 94px;
        width: 94px;
        top: auto;
        bottom: -40px;
        right: 15px
    }
}

@media (min-width:61.25em) {
    .home-festival-feature-price {
        right: -40px;
        bottom: calc(100% - 33px)
    }
}

@media (min-width:70.8125em) {
    .home-festival-feature-price {
        right: 15px
    }
}

@media (min-width:90em) {
    .home-festival-feature-price {
        right: 108px
    }
}

.home-festival-feature-price .price-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

[lang=en] .home-festival-feature-price .price-center {
    display: flex;
    flex-direction: column;
    align-items: center
}

.home-festival-feature-price .price-label {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.125rem;
    line-height: 1;
    letter-spacing: -.02em;
    text-align: center
}

@media (max-width:47.99em) {
    .home-festival-feature-price .price-label {
        font-size: .875rem
    }
}

[lang=en] .home-festival-feature-price .price-label {
    font-size: 1.875rem
}

.home-festival-feature-price .price-value {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.75rem;
    line-height: 1;
    text-align: center
}

@media (max-width:47.99em) {
    .home-festival-feature-price .price-value {
        font-size: 1.125rem
    }
}

[lang=en] .home-festival-feature-price .price-value {
    font-size: .9375rem
}

@media (max-width:47.99em) {
    [lang=en] .home-festival-feature-price .price-value {
        font-size: .9375rem
    }
}

.home-festival-feature-pictures {
    height: 705px;
    width: 685px;
    position: relative;
    flex-shrink: 0
}

@media (max-width:70.8025em) {
    .home-festival-feature-pictures {
        height: 810px;
        width: 100%
    }
}

@media (max-width:61.24em) {
    .home-festival-feature-pictures {
        padding-top: 100px;
        width: 80%;
        margin-right: auto;
        margin-left: auto
    }
}

@media (max-width:37.49em) {
    .home-festival-feature-pictures {
        margin-right: auto;
        margin-left: auto;
        width: 100%;
        max-width: 100%
    }
}

.home-festival-feature-pictures .free-label {
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none
}

.home-festival-feature-pictures figcaption {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 1.5625rem;
    display: block;
    width: -webkit-max-content;
    width: max-content;
    max-width: 140px;
    color: rgba(43, 54, 68, 0.5);
    line-height: 1;
    letter-spacing: -.02em;
    pointer-events: none;
    position: absolute
}

@media (max-width:47.99em) {
    .home-festival-feature-pictures figcaption {
        max-width: 100px
    }
}

@media (max-width:37.49em) {
    .home-festival-feature-pictures figcaption {
        font-size: 1.25rem
    }
}

@media (max-width:47.99em) {
    .home-festival-feature-pictures figure {
        width: 90%
    }
}

@media (max-width:61.24em) {
    .home-festival-feature-pictures figure {
        width: 60%
    }
}

.home-festival-feature-pictures figure .figure-container {
    width: 100%;
    height: 100%;
    transform-origin: center;
    transition: transform .3s cubic-bezier(.175, .885, .32, 1.275);
    will-change: transform;
    position: absolute;
    top: 0;
    left: 0
}

.home-festival-feature-pictures figure:hover .figure-container {
    transform: scale(1.08)
}

.home-festival-feature-pictures figure:hover .image-container {
    transform: scale(1)
}

.home-festival-feature-pictures figure:hover .dashed-outside svg {
    transform: scale(.97) translateY(-10px)
}

.home-festival-feature--kikkintown {
    margin-top: 315px
}

@media (max-width:61.24em) {
    .home-festival-feature--kikkintown {
        margin-top: 44px
    }
}

.home-festival-feature--kikkintown .dashed-ring {
    height: 740px;
    width: 740px
}

@media (min-width:48em) and (max-width:61.24em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures {
        transform: translateX(60px)
    }
}

@media (min-width:28.125em) and (max-width:37.49em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures {
        margin-top: 70px
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .home-festival-feature--kikkintown .home-festival-feature-content {
        margin-bottom: 310px
    }
}

.home-festival-feature--conferences {
    margin-top: 16px
}

.home-festival-feature--conferences .center,
.home-festival-feature--conferences [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .home-festival-feature--conferences iframe+div {
    flex-direction: row
}

.home-festival-feature--conferences .dashed-ring {
    height: 740px;
    width: 740px
}

.home-festival-feature--conferences .home-festival-feature-content {
    max-width: 350px
}

@media (max-width:47.99em) {
    .home-festival-feature--conferences .home-festival-feature-content {
        margin-bottom: 50px
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .home-festival-feature--conferences .home-festival-feature-content {
        margin-bottom: 170px
    }
}

.home-festival-feature--conferences .home-festival-feature-content p {
    max-width: 320px
}

@media (max-width:22.5em) {
    .home-festival-feature--conferences .home-festival-feature-content .button--more {
        margin-top: 20px
    }
}

@media (max-width:22.5em) {
    .home-festival-feature--conferences .home-festival-feature-content .button-primary {
        margin-top: 40px
    }
}

@media (max-width:47.99em) {
    .home-festival-feature--conferences .home-festival-feature-content .button-primary {
        padding-right: 40px;
        padding-left: 20px;
        font-size: .9375rem
    }

    .home-festival-feature--conferences .home-festival-feature-content .button-primary .svg {
        right: 15px
    }
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-content .button-primary {
        transform: translateX(-30px)
    }
}

.home-festival-feature--conferences .home-festival-feature-content .button-primary+.button--more {
    transform: translateX(0)
}

@media (max-width:47.99em) {
    .home-festival-feature--conferences .home-festival-feature-content .button-primary+.button--more {
        margin-left: 15px
    }
}

@media (max-width:22.5em) {
    .home-festival-feature--conferences .home-festival-feature-content .button-primary+.button--more {
        margin-top: 30px
    }
}

@media (min-width:37.5em) and (max-width:61.24em) {
    .home-festival-feature--conferences .home-festival-feature-pictures {
        margin-top: -60px
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .home-festival-feature--conferences .home-festival-feature-pictures {
        transform: translateX(60px)
    }
}

.home-festival-feature--market {
    margin-top: 340px
}

@media (max-width:61.24em) {
    .home-festival-feature--market {
        margin-top: 200px
    }
}

@media (max-width:47.99em) {
    .home-festival-feature--market {
        margin-top: -20px
    }
}

@media (max-width:61.24em) {
    .home-festival-feature--market .home-festival-feature-pictures {
        margin-top: 280px
    }
}

@media (max-width:47.99em) {
    .home-festival-feature--market .home-festival-feature-pictures {
        margin-top: -130px
    }
}

@media (max-width:37.49em) {
    .home-festival-feature--market .home-festival-feature-pictures {
        margin-top: -30px
    }
}

.home-festival-feature--market .button-wrapper {
    margin-top: -70px
}

@media (max-width:47.99em) {
    .home-festival-feature--market .button-wrapper {
        margin-top: 0
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .home-festival-feature--market .button-wrapper {
        margin-top: -180px
    }
}

.home-festival-feature-pictures figure {
    position: absolute
}

.home-festival-feature-pictures .svg {
    position: absolute;
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px)
}

.home-festival-feature-pictures .svg>svg {
    width: 100%;
    height: 100%;
    stroke: #fff;
    stroke-dasharray: 3 8;
    stroke-linecap: round
}

.home-festival-feature--kikkintown .home-festival-feature-pictures {
    max-width: 720px;
    width: 720px;
    position: relative
}

.home-festival-feature--kikkintown .home-festival-feature-pictures:before {
    padding-top: 112.5%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures {
        width: 100%;
        max-width: 500px
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child {
    min-width: 246.6px;
    max-width: 416px;
    position: relative;
    width: 57.77778%;
    position: absolute;
    top: -13.20988%;
    left: -1.66667%
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child:before {
    padding-top: 105.264423077%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child {
        top: 24.81481%;
        left: -42.66667%
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child .overflow {
    -webkit-clip-path: url(#mask-1);
    clip-path: url(#mask-1)
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child .svg>svg {
    stroke-dasharray: 2 6
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child .dashed-outside {
    top: 138px;
    left: 101%;
    transform: rotate(-90deg)
}

@media (min-width:48em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child .dashed-outside {
        transform: rotate(152deg) translateX(-50%);
        top: 3px;
        left: 92px
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child figcaption {
    top: 127px;
    left: calc(100% + 90px)
}

@media (min-width:48em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child figcaption {
        top: auto;
        left: auto;
        bottom: calc(100% + 63px);
        right: 252px
    }
}

@media (min-width:61.25em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:first-child figcaption {
        bottom: calc(100% + 43px);
        right: 342px;
        text-align: right;
        display: flex;
        justify-content: flex-end
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) {
    min-width: 139px;
    max-width: 199px;
    position: relative;
    width: 57.81944%;
    position: absolute;
    top: -24.69136%;
    left: 58.75%;
    transform: rotate(-10deg)
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2):before {
    padding-top: 111.707317073%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) {
        width: 37.06667%;
        top: 12.34568%;
        left: 67.46667%
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) .overflow {
    -webkit-clip-path: url(#mask-2);
    clip-path: url(#mask-2)
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) .svg>svg {
    stroke-width: 1.5px;
    stroke-dasharray: 2 8
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) .dashed-outside {
    transform: rotate(139deg);
    top: 12px;
    right: calc(100% - 25px);
    left: auto
}

@media (min-width:28.125em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) .dashed-outside {
        right: calc(100% - 32px)
    }
}

@media (min-width:37.5em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) .dashed-outside {
        right: calc(100% - 41px)
    }
}

@media (min-width:48em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) .dashed-outside {
        transform: rotate(127deg);
        top: 14px;
        left: 17px
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) figcaption {
    text-align: right;
    top: -45px;
    right: calc(100% + 50px);
    transform: rotate(10deg);
    display: flex;
    justify-content: flex-end
}

@media (min-width:37.5em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(2) figcaption {
        right: calc(100% + 37px);
        top: auto;
        bottom: calc(100% + 7px);
        right: calc(100% + 31px)
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3) {
    min-width: 142.3px;
    max-width: 142.3px;
    position: relative;
    width: 20.31944%;
    position: absolute;
    top: 19.87654%;
    left: 66.38889%
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3):before {
    padding-top: 108.108108108%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3) {
        top: 53.45679%;
        left: 69.86667%
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3) .overflow {
    -webkit-clip-path: url(#mask-3);
    clip-path: url(#mask-3)
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3) .svg>svg {
    stroke-width: 2.5px;
    stroke-dasharray: 3 15
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3) .dashed-outside {
    transform: rotate(81deg);
    left: -30px;
    top: 92px
}

@media (min-width:48em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3) .dashed-outside {
        transform: rotate(-24deg);
        left: 107px;
        top: 155px
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3) figcaption {
    top: 80px;
    right: 220px;
    text-align: right;
    display: flex;
    justify-content: flex-end
}

@media (min-width:48em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3) figcaption {
        text-align: right;
        top: 225px;
        right: -70px;
        max-width: 140px
    }
}

@media (min-width:61.25em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(3) figcaption {
        text-align: left;
        top: 219px;
        left: 150px
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(4) {
    min-width: 138.1px;
    max-width: 188.1px;
    position: relative;
    width: 28.48611%;
    position: absolute;
    top: 51.85185%;
    left: 44.44444%
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(4):before {
    padding-top: 90.1511457825%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(4) {
        top: 76.54321%;
        left: -10.66667%
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(4) .overflow {
    -webkit-clip-path: url(#mask-4);
    clip-path: url(#mask-4)
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(4) .svg>svg {
    stroke-width: 1.5px;
    stroke-dasharray: 2 9
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(4) .dashed-outside {
    transform: rotate(-82deg);
    top: 60px;
    left: 142px
}

@media (min-width:48em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(4) .dashed-outside {
        transform: rotate(86deg);
        left: -31px;
        top: 73px
    }
}

.home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(4) figcaption {
    top: 47px;
    left: calc(100% + 90px)
}

@media (min-width:48em) {
    .home-festival-feature--kikkintown .home-festival-feature-pictures figure:nth-child(4) figcaption {
        text-align: right;
        top: 55px;
        left: auto;
        right: calc(100% + 94px);
        display: flex;
        justify-content: flex-end;
        max-width: 140px
    }
}

.home-festival-feature--market .home-festival-feature-pictures {
    max-width: 720px;
    width: 720px;
    position: relative
}

.home-festival-feature--market .home-festival-feature-pictures:before {
    padding-top: 112.5%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--market .home-festival-feature-pictures {
        width: 100%;
        max-width: 500px
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:first-child {
    min-width: 246.6px;
    max-width: 459.8;
    position: relative;
    width: 57.77778%;
    position: absolute;
    top: -27.16049%;
    left: -1.66667%
}

.home-festival-feature--market .home-festival-feature-pictures figure:first-child:before {
    padding-top: 94.0626359287%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:first-child {
        width: 67.5%;
        top: 24.81481%;
        left: -42.66667%
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:first-child .overflow {
    -webkit-clip-path: url(#mask-2);
    clip-path: url(#mask-2)
}

.home-festival-feature--market .home-festival-feature-pictures figure:first-child .svg>svg {
    stroke-dasharray: 2 6
}

.home-festival-feature--market .home-festival-feature-pictures figure:first-child .dashed-outside {
    top: 138px;
    left: 101%;
    transform: rotate(-90deg)
}

@media (min-width:48em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:first-child .dashed-outside {
        transform: rotate(219deg) translateX(-50%);
        top: 31px;
        left: 348px
    }
}

@media (min-width:61.25em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:first-child .dashed-outside {
        transform: rotate(219deg) translateX(-50%);
        top: -9px;
        left: 284px
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:first-child figcaption {
    top: 127px;
    left: calc(100% + 90px)
}

@media (min-width:48em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:first-child figcaption {
        top: auto;
        left: auto;
        bottom: calc(100% + 9px);
        right: -135px
    }
}

@media (min-width:61.25em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:first-child figcaption {
        bottom: calc(100% + 30px);
        left: 370px;
        text-align: left;
        display: flex;
        justify-content: flex-end
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) {
    min-width: 142.3px;
    max-width: 142.3px;
    position: relative;
    width: 20.31944%;
    position: absolute;
    top: -20.8642%;
    left: 69.16667%
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2):before {
    padding-top: 108.089500861%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) {
        top: 17.65432%;
        left: 72.53333%
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) .overflow {
    -webkit-clip-path: url(#mask-3);
    clip-path: url(#mask-3)
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) .svg>svg {
    stroke-width: 1px;
    stroke-dasharray: 2 7
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) .dashed-outside {
    transform: rotate(101deg);
    left: -10px;
    top: 12px
}

@media (min-width:48em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) .dashed-outside {
        transform: rotate(-31deg);
        left: 98px;
        top: 162px
    }
}

@media (min-width:61.25em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) .dashed-outside {
        transform: rotate(-107deg);
        left: 146px;
        top: 72px
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) figcaption {
    text-align: right;
    top: -18px;
    right: 206px;
    display: flex;
    justify-content: flex-end
}

@media (min-width:48em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) figcaption {
        text-align: left;
        top: 230px;
        left: 135px;
        right: auto
    }
}

@media (min-width:61.25em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(2) figcaption {
        text-align: left;
        bottom: calc(100% + -60px);
        top: auto;
        right: auto;
        left: 235px
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) {
    min-width: 138.1px;
    max-width: 188.1px;
    position: relative;
    width: 28.48611%;
    position: absolute;
    top: 17.28395%;
    left: 61.11111%
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3):before {
    padding-top: 90.1543596162%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) {
        top: 50.61728%;
        left: 77.33333%
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) {
        top: 37.03704%;
        left: 66.66667%
    }
}

@media (min-width:70.8125em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) {
        top: 18.51852%;
        left: 69.44444%
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) .overflow {
    -webkit-clip-path: url(#mask-5);
    clip-path: url(#mask-5)
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) .svg>svg {
    stroke-width: 1.5px;
    stroke-dasharray: 2 9
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) .dashed-outside {
    transform: rotate(103deg);
    top: 70px;
    left: -32px
}

@media (min-width:48em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) .dashed-outside {
        transform: rotate(10deg);
        left: 70px;
        top: 188px
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) figcaption {
    top: 47px;
    right: 226px;
    text-align: right
}

@media (min-width:48em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(3) figcaption {
        top: 260px;
        left: calc(100% + -125px);
        display: flex;
        justify-content: flex-end;
        max-width: 140px;
        text-align: left
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) {
    min-width: 139px;
    max-width: 199px;
    position: relative;
    width: 57.81944%;
    position: absolute;
    top: 40.74074%;
    left: 24.02778%
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4):before {
    padding-top: 112.680851064%;
    display: block;
    content: ""
}

@media (max-width:28.115em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) {
        width: 31.73333%;
        top: 70.73171%;
        left: -17.86667%
    }
}

@media (min-width:28.125em) and (max-width:47.99em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) {
        width: 31.73333%;
        top: 71.60494%;
        left: 3.46667%
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) {
        top: 32.09877%;
        left: 15.69444%
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) .overflow {
    -webkit-clip-path: url(#mask-2);
    clip-path: url(#mask-2)
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) .svg>svg {
    stroke-width: 1.5px;
    stroke-dasharray: 2 8
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) .dashed-outside {
    top: 62px;
    right: calc(100% - 189px);
    transform: rotate(259deg);
    left: auto
}

@media (max-width:28.115em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) .dashed-outside {
        right: calc(100% - 170px)
    }
}

@media (min-width:48em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) .dashed-outside {
        transform: rotate(121deg);
        top: 54px;
        left: -16px
    }
}

.home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) figcaption {
    text-align: left;
    bottom: auto;
    top: 40px;
    left: calc(100% + 90px);
    right: auto;
    display: flex;
    justify-content: flex-end
}

@media (min-width:48em) and (max-width:61.24em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) figcaption {
        text-align: right;
        top: auto;
        left: auto;
        bottom: calc(100% + -3px);
        right: calc(100% + 5px)
    }
}

@media (min-width:61.25em) {
    .home-festival-feature--market .home-festival-feature-pictures figure:nth-child(4) figcaption {
        text-align: right;
        top: auto;
        left: auto;
        bottom: calc(100% + -43px);
        right: calc(100% + 65px)
    }
}

.home-festival-feature--market .home-festival-feature-content .home-festival-feature-price {
    bottom: calc(100% + -25px)
}

@media (min-width:61.25em) {
    .home-festival-feature--market .home-festival-feature-content .home-festival-feature-price {
        bottom: calc(100% - -15px)
    }
}

@media (min-width:70.8125em) {
    .home-festival-feature--market .home-festival-feature-content .home-festival-feature-price {
        right: -35px;
        bottom: calc(100% + -25px)
    }
}

@media (min-width:90em) {
    .home-festival-feature--market .home-festival-feature-content .home-festival-feature-price {
        right: 45px
    }
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-content {
        margin-left: 0
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures {
    max-width: 720px;
    position: relative
}

.home-festival-feature--conferences .home-festival-feature-pictures:before {
    padding-top: 112.5%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--conferences .home-festival-feature-pictures {
        max-width: 500px
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:first-child {
    min-width: 229.9px;
    max-width: 420.4px;
    width: 58.38889%;
    position: relative;
    position: absolute;
    top: 0%;
    left: 37.5%
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:first-child:before {
    padding-top: 101.288283909%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:first-child {
        top: 0.37037%;
        left: 64%
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:first-child .overflow {
    -webkit-clip-path: url(#mask-3);
    clip-path: url(#mask-3)
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:first-child .svg>svg {
    stroke-dasharray: 2 6
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:first-child .dashed-outside {
    top: 113px;
    left: -31px;
    transform: rotate(84deg)
}

@media (min-width:37.5em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:first-child .dashed-outside {
        left: -27px
    }
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:first-child .dashed-outside {
        top: 23px;
        left: 68px;
        transform: rotate(146deg) translateX(-50%)
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:first-child figcaption {
    top: 92px;
    right: calc(100% + 90px);
    max-width: 130px;
    text-align: right;
    display: flex;
    justify-content: flex-end
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:first-child figcaption {
        max-width: 140px;
        top: auto;
        left: auto;
        bottom: calc(100% + 28px);
        right: calc(100% - 42px)
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2) {
    min-width: 160.7px;
    max-width: 174.7px;
    position: relative;
    width: 24.26389%;
    position: absolute;
    top: 11.11111%;
    left: 2.91667%
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2):before {
    padding-top: 105.402363534%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2) {
        top: 24.19753%;
        left: -21.33333%
    }
}

@media (min-width:48em) and (max-width:61.24em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2) {
        top: 11.11111%;
        left: -5.55556%
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2) .overflow {
    -webkit-clip-path: url(#mask-1);
    clip-path: url(#mask-1)
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2) .svg>svg {
    stroke-width: 2px;
    stroke-dasharray: 3 11
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2) .dashed-outside {
    top: 80px;
    left: 163px;
    transform: rotate(-84deg)
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2) .dashed-outside {
        top: 232px;
        left: 20px;
        transform: rotate(27deg) translateX(-50%) translateY(-50%)
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2) figcaption {
    top: 76px;
    left: calc(100% + 90px)
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(2) figcaption {
        text-align: right;
        display: flex;
        justify-content: flex-end;
        top: 250px;
        left: auto;
        right: 91px;
        max-width: 140px
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3) {
    min-width: 123.1px;
    max-width: 247.1px;
    position: relative;
    width: 34.31944%;
    position: absolute;
    top: 55.55556%;
    left: 9.02778%
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3):before {
    padding-top: 90.1659247268%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3) {
        top: 44.32099%;
        left: 73.33333%
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3) .overflow {
    -webkit-clip-path: url(#mask-4);
    clip-path: url(#mask-4)
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3) .svg>svg {
    stroke-width: 1.5px;
    stroke-dasharray: 2 9
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3) .dashed-outside {
    top: 71px;
    left: auto;
    right: calc(100% + 49px);
    transform: rotate(82deg) translateX(-50%) translateY(-50%)
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3) .dashed-outside {
        top: 113px;
        left: -81px;
        transform: rotate(90deg) translateX(-50%) translateY(-50%)
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3) figcaption {
    top: 52px;
    right: calc(100% + 90px);
    text-align: right
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3) figcaption {
        top: 77px;
        right: calc(100% + 86px);
        max-width: 140px
    }
}

@media (min-width:61.25em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(3) figcaption {
        top: 80px;
        right: calc(100% + 98px);
        text-align: right
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4) {
    min-width: 174.6px;
    max-width: 213.6px;
    position: relative;
    width: 29.66667%;
    position: absolute;
    top: 67.03704%;
    left: 55.55556%
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4):before {
    padding-top: 85.29143898%;
    display: block;
    content: ""
}

@media (max-width:47.99em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4) {
        top: 60.74074%;
        left: -20.8%
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4) .overflow {
    -webkit-clip-path: url(#mask-4);
    clip-path: url(#mask-4)
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4) .svg>svg {
    stroke-width: 1.5px;
    stroke-dasharray: 2 9
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4) .dashed-outside {
    top: 77px;
    left: calc(100% + 6px);
    transform: rotate(-82deg) translateX(-50%)
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4) .dashed-outside {
        top: 130px;
        left: -16px;
        transform: rotate(61deg) translateX(-50%)
    }
}

.home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4) figcaption {
    left: calc(100% + 90px);
    top: 90px;
    max-width: 100px
}

@media (min-width:37.5em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4) figcaption {
        top: 100px
    }
}

@media (min-width:48em) {
    .home-festival-feature--conferences .home-festival-feature-pictures figure:nth-child(4) figcaption {
        text-align: right;
        left: auto;
        top: 170px;
        right: 220px;
        max-width: 140px;
        display: flex;
        justify-content: flex-end
    }
}

@media (min-width:61.25em) {
    .twitter {
        padding-top: 90px
    }
}

@media (max-width:61.24em) {
    .twitter {
        margin-top: 70px
    }
}

@media (min-width:61.25em) {

    .twitter .center,
    .twitter [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map .twitter iframe+div {
        display: flex;
        flex-direction: row-reverse
    }
}

.twitter .twitter-list {
    padding-top: 15px;
    position: relative;
    z-index: 999;
    flex-basis: 440px;
    flex-shrink: 0;
    width: 440px
}

@media (max-width:70.8025em) {
    .twitter .twitter-list {
        flex-basis: 375px;
        width: 375px
    }
}

@media (max-width:61.24em) {
    .twitter .twitter-list {
        height: auto;
        width: 100%;
        padding-top: 80px;
        padding-right: 0
    }
}

@media (max-width:47.99em) {
    .twitter .twitter-list {
        padding-top: 70px
    }
}

@media (min-width:70.8125em) {
    .twitter .twitter-list .tweet {
        padding-right: 65px
    }
}

.twitter .twitter-list .tweet+.tweet {
    margin-top: 45px;
    padding-top: 60px;
    border-top: 1px solid rgba(43, 54, 68, 0.5)
}

.twitter .newsletter {
    flex-grow: 1
}

@media (max-width:61.24em) {
    .twitter .newsletter {
        height: auto;
        width: 100%
    }
}

.instagram {
    position: relative;
    z-index: 999;
    text-align: center;
    margin-bottom: 50px
}

@media (min-width:61.25em) {
    .instagram {
        margin-bottom: 132px
    }
}

.instagram-headline {
    font-weight: 500;
    margin-bottom: 40px;
    display: block;
    font-size: 1.53125rem;
    letter-spacing: 2.88;
    text-align: center
}

.instagram-headline,
.instagram-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-style: normal;
    color: rgba(43, 54, 68, 0.5);
    line-height: 1
}

.instagram-title {
    margin-bottom: 15px;
    font-weight: 600;
    padding-right: 30px;
    font-size: 9.375rem
}

@media (max-width:37.49em) {
    .instagram-title {
        font-size: 3.75rem
    }
}

.instagram-subtitle {
    margin-bottom: 40px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    display: none;
    color: #fff;
    font-size: .6875rem;
    letter-spacing: .4em;
    text-transform: uppercase
}

.instagram-subtitle:after {
    content: "";
    display: block;
    width: 1px;
    height: 50px;
    margin: 25px auto 50px;
    background-color: hsla(0, 0%, 100%, .5)
}

.instagram-list {
    position: relative;
    display: flex;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.instagram-picture {
    position: relative;
    height: auto;
    width: 20vw;
    flex-shrink: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

@media (max-width:89.99em) {
    .instagram-picture {
        height: auto;
        width: 25vw
    }
}

@media (max-width:61.24em) {
    .instagram-picture {
        height: auto;
        width: 33.33vw
    }
}

@media (max-width:47.99em) {
    .instagram-picture {
        height: auto;
        width: 50vw
    }
}

@media (max-width:37.49em) {
    .instagram-picture {
        height: auto;
        width: 100vw
    }
}

.no-touchevents .instagram-picture:hover img {
    transform: scale(1.2);
    transition: transform 1s cubic-bezier(.19, 1, .22, 1)
}

.instagram-picture img {
    height: 100%;
    width: 100%;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform .5s cubic-bezier(.25, .46, .45, .94)
}

.object-fit .instagram-picture img {
    object-fit: cover
}

.no-object-fit .instagram-picture img {
    font-family: object-fit\: cover
}

.instagram-picture+.instagram-picture {
    border-left: 1px solid rgba(43, 54, 68, 0.5)
}

.instagram-picture-square {
    height: auto;
    width: 100%;
    display: block;
    opacity: 0
}

.instagram-picture-picture {
    position: absolute;
    top: 0;
    left: 0
}

[data-router-view=live] .site-container {
    padding-bottom: 155px
}

[data-router-view=live] .page-header-title {
    margin-bottom: 65px
}

.page-home .site-wrapper {
    z-index: 2
}

[data-router-view=home] .site-background {
    display: none
}

[data-router-view=home] .site-background-overlay-left,
[data-router-view=home] .site-background-overlay-right {
    top: 1620px
}

[data-router-view=home] .site-background-overlay-left:after,
[data-router-view=home] .site-background-overlay-right:after {
    position: absolute;
    bottom: calc(100% - 250px);
    height: 500px;
    width: 100%;
    content: "";
    background: radial-gradient(ellipse at center, #ececec 0, hsla(0, 0%, 93%, 0) 100%)
}

[data-router-view=home] .site-background-overlay-left:after {
    right: -120px
}

[data-router-view=home] .site-background-overlay-right:after {
    left: -120px
}

[data-router-view=home]:before {
    top: 1450px
}

@media (max-width:61.24em) {
    [data-router-view=home]:before {
        top: 950px
    }
}

@media (max-width:47.99em) {
    [data-router-view=home]:before {
        top: 800px
    }
}

@media (max-width:28.115em) {
    [data-router-view=home]:before {
        top: 440px
    }
}

[data-router-view=home] .home-hero {
    position: relative;
    z-index: 0
}

.background-animation {
    z-index: 1;
    top: 244px;
    width: 1184px;
    min-height: 787px;
    height: 250vw;
    left: -80px
}

@media (min-width:48em) {
    .background-animation {
        transform: translateX(20%)
    }
}

@media (min-width:61.25em) {
    .background-animation {
        overflow: visible;
        height: 1594px;
        top: 435px;
        left: 50%;
        transform: translateX(-50%)
    }
}

.background-animation * {
    z-index: 1
}

.background-animation .stairs {
    content: "";
    background-image: url(../assets/images/decorations/elements/stairs-2@3x.png);
    width: 1184px;
    max-width: 1184px;
    height: 1594px;
    top: 435px;
    left: 373px;
    width: 70%;
    top: -20px;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94) 1s
}

@media (max-width:61.24em) {
    .background-animation .stairs {
        background-image: url(../assets/images/decorations/elements/stairs-2.png)
    }
}

@media (min-width:61.25em) {
    .background-animation .stairs {
        content: "";
        background-image: url(../assets/images/decorations/elements/stairs@3x.png);
        width: 1184px;
        max-width: 1184px;
        height: 1594px;
        top: 435px;
        left: 373px;
        width: 100%;
        top: -20px;
        left: 50%;
        transform: translateX(-50%)
    }
}

@media (min-width:61.25em) and (max-width:61.24em) {
    .background-animation .stairs {
        background-image: url(../assets/images/decorations/elements/stairs.png)
    }
}

.background-animation .big-saucer {
    content: "";
    background-image: url(../assets/images/decorations/elements/big-saucer-light@3x.png);
    width: 448px;
    max-width: 448px;
    height: 722px;
    top: 59px;
    left: 880px;
    opacity: 1;
    z-index: 0;
    transform: rotate(10deg)
}

@media (max-width:61.24em) {
    .background-animation .big-saucer {
        background-image: url(../assets/images/decorations/elements/big-saucer-light.png)
    }
}

.background-animation .big-saucer:before {
    content: "";
    display: block;
    width: 400px;
    height: 600px;
    position: absolute;
    top: 94px;
    left: calc(50% - 220px);
    z-index: 1;
    background: url(../assets/images/decorations/elements/saucer-light-2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    transform: rotate(10deg) scaleX(-1);
    transform-origin: 50% 10px
}

.background-animation .step-top.step {
    opacity: 0;
    transform: translateY(-20px)
}

@media (max-width:61.24em) {
    .background-animation .step-top.step {
        opacity: 1
    }
}

.background-animation .step-top.step-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 233px;
    max-width: 233px;
    height: 53px;
    top: 59px;
    left: -259px;
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94) .7s
}

@media (max-width:61.24em) {
    .background-animation .step-top.step-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .step-top.step-1 span {
    background-image: url(../assets/images/decorations/elements/step-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:61.24em) {
    .background-animation .step-top.step-1 span {
        background-image: url(../assets/images/decorations/elements/step-1.png)
    }
}

@media (max-width:61.24em) {
    .background-animation .step-top.step-1 {
        opacity: 1;
        width: 155px;
        height: 52px;
        left: 10px
    }
}

.background-animation .step-top.step-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 233px;
    max-width: 233px;
    height: 53px;
    top: 122px;
    left: -66px;
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94) .8s
}

@media (max-width:61.24em) {
    .background-animation .step-top.step-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .step-top.step-2 span {
    background-image: url(../assets/images/decorations/elements/step-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: rotate(-10deg)
}

@media (max-width:61.24em) {
    .background-animation .step-top.step-2 span {
        background-image: url(../assets/images/decorations/elements/step-1.png)
    }
}

@media (max-width:61.24em) {
    .background-animation .step-top.step-2 {
        opacity: 1;
        width: 155px;
        height: 52px;
        top: 92px;
        left: 124px;
        transform: rotate(-8deg)
    }
}

.background-animation .step-top.step-3 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 233px;
    max-width: 233px;
    height: 53px;
    top: 147px;
    left: 150px;
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94) .9s
}

@media (max-width:61.24em) {
    .background-animation .step-top.step-3 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .step-top.step-3 span {
    background-image: url(../assets/images/decorations/elements/step-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: rotate(-2deg)
}

@media (max-width:61.24em) {
    .background-animation .step-top.step-3 span {
        background-image: url(../assets/images/decorations/elements/step-1.png)
    }
}

@media (max-width:61.24em) {
    .background-animation .step-top.step-3 {
        opacity: 1;
        width: 155px;
        height: 52px;
        top: 127px;
        left: 285px
    }
}

.background-animation .watermelon {
    content: "";
    background-image: url(../assets/images/decorations/elements/watermelon-2@3x.png);
    width: 90px;
    max-width: 90px;
    height: 228px;
    top: 290px;
    left: 525px
}

@media (max-width:61.24em) {
    .background-animation .watermelon {
        background-image: url(../assets/images/decorations/elements/watermelon-2.png);
        opacity: 1;
        width: 62px;
        height: 176.5px;
        top: 70px;
        left: 223px;
        transform: rotate(10deg)
    }
}

.background-animation .spider {
    content: "";
    background-image: url(../assets/images/decorations/elements/spider@3x.png);
    width: 339px;
    max-width: 339px;
    height: 255px;
    top: 439px;
    left: 793px
}

@media (max-width:61.24em) {
    .background-animation .spider {
        background-image: url(../assets/images/decorations/elements/spider.png)
    }
}

@media (min-width:61.25em) {
    .background-animation .spider {
        background-position: 0 0;
        background-size: 18306px auto;
        animation: 3s steps(54) infinite alternate-reverse;
        animation-name: u6fe7e981
    }

    @keyframes u6fe7e981 {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -18306px 0
        }
    }
}

@media (max-width:61.24em) {
    .background-animation .spider {
        display: none
    }
}

.background-animation .watch {
    content: "";
    background-image: url(../assets/images/decorations/elements/watch@3x.png);
    width: 95px;
    max-width: 95px;
    height: 90px;
    top: 688px;
    left: 820px
}

@media (max-width:61.24em) {
    .background-animation .watch {
        background-image: url(../assets/images/decorations/elements/watch.png)
    }
}

@media (min-width:61.25em) {
    .background-animation .watch {
        background-position: 0 0;
        background-size: 3007px auto;
        animation: 3s steps(31) infinite;
        animation-name: uaf2d9cc9
    }

    @keyframes uaf2d9cc9 {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -3007px 0
        }
    }
}

@media (max-width:61.24em) {
    .background-animation .watch {
        display: none
    }
}

.background-animation .hand {
    content: "";
    background-image: url(../assets/images/decorations/elements/hand-home@3x.png);
    width: 522px;
    max-width: 522px;
    height: 519px;
    top: 430px;
    left: -160px;
    z-index: 0
}

@media (max-width:61.24em) {
    .background-animation .hand {
        background-image: url(../assets/images/decorations/elements/hand-home.png)
    }
}

@media (min-width:61.25em) {
    .background-animation .hand {
        background-position: 0 0;
        background-size: 54288px auto;
        animation: 6s steps(104) infinite;
        animation-name: u80032975
    }

    @keyframes u80032975 {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -54288px 0
        }
    }
}

@media (max-width:61.24em) {
    .background-animation .hand {
        transform: translate(-30%, -29%);
        width: 317.25px;
        height: 282px;
        top: 469px;
        left: 126px
    }
}

.background-animation .paperplane-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 75px;
    max-width: 75px;
    height: 43px;
    top: 924px;
    left: -200px;
    opacity: 0;
    transform: translateY(-20px)
}

@media (max-width:61.24em) {
    .background-animation .paperplane-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .paperplane-1 span {
    background-image: url(../assets/images/decorations/elements/paperplane-4@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1) rotate(20deg)
}

@media (max-width:61.24em) {
    .background-animation .paperplane-1 span {
        background-image: url(../assets/images/decorations/elements/paperplane-4.png)
    }
}

@media (max-width:61.24em) {
    .background-animation .paperplane-1 {
        display: none
    }
}

.background-animation .paperplane-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 51px;
    max-width: 51px;
    height: 33px;
    top: 895px;
    left: -86px;
    opacity: 0;
    transform: translateY(-20px)
}

@media (max-width:61.24em) {
    .background-animation .paperplane-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .paperplane-2 span {
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:61.24em) {
    .background-animation .paperplane-2 span {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (max-width:61.24em) {
    .background-animation .paperplane-2 {
        display: none
    }
}

.background-animation .arms {
    content: "";
    background-image: url(../assets/images/decorations/elements/arms@3x.png);
    width: 301px;
    max-width: 301px;
    height: 196px;
    top: 933px;
    left: 848px
}

@media (max-width:61.24em) {
    .background-animation .arms {
        background-image: url(../assets/images/decorations/elements/arms.png)
    }
}

@media (min-width:61.25em) {
    .background-animation .arms {
        background-position: 0 0;
        background-size: 27391px auto;
        animation: 3s steps(91) infinite;
        animation-name: uea42a8de
    }

    @keyframes uea42a8de {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -27391px 0
        }
    }
}

@media (max-width:61.24em) {
    .background-animation .arms {
        top: 731px;
        left: 108px;
        width: 177px;
        height: 108px
    }
}

.background-animation .teeth {
    content: "";
    background-image: url(../assets/images/decorations/elements/teeth-home@3x.png);
    width: 92px;
    max-width: 92px;
    height: 118px;
    top: 1125px;
    left: 665px
}

@media (max-width:61.24em) {
    .background-animation .teeth {
        background-image: url(../assets/images/decorations/elements/teeth-home.png)
    }
}

@media (min-width:61.25em) {
    .background-animation .teeth {
        background-position: 0 0;
        background-size: 3772px auto;
        animation: 3s steps(41) infinite;
        animation-name: u487250ff
    }

    @keyframes u487250ff {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -3772px 0
        }
    }
}

@media (max-width:61.24em) {
    .background-animation .teeth {
        display: none
    }
}

.background-animation .fish-and-line {
    content: "";
    background-image: url(../assets/images/decorations/elements/fish-and-line-home@3x.png);
    width: 386px;
    max-width: 386px;
    height: 572px;
    top: 1016px;
    left: -120px;
    z-index: 0
}

@media (max-width:61.24em) {
    .background-animation .fish-and-line {
        background-image: url(../assets/images/decorations/elements/fish-and-line-home.png)
    }
}

@media (min-width:61.25em) {
    .background-animation .fish-and-line {
        background-position: 0 0;
        background-size: 46585px auto;
        animation: 3s steps(121) infinite;
        animation-name: uc1e34f34
    }

    @keyframes uc1e34f34 {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -46585px 0
        }
    }
}

@media (max-width:61.24em) {
    .background-animation .fish-and-line {
        display: none
    }
}

.background-animation .fish-and-line:before {
    content: "";
    background-image: url(../assets/images/decorations/elements/fish-and-line-home-before.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -50px;
    left: -15px;
    z-index: 0
}

.background-animation .lizard {
    content: "";
    background-image: url(../assets/images/decorations/elements/lizard@3x.png);
    width: 267px;
    max-width: 267px;
    height: 178px;
    top: 1398px;
    left: 845px
}

@media (max-width:61.24em) {
    .background-animation .lizard {
        background-image: url(../assets/images/decorations/elements/lizard.png)
    }
}

@media (min-width:61.25em) {
    .background-animation .lizard {
        background-position: 0 0;
        background-size: 24297px auto;
        animation: 3s steps(91) infinite;
        animation-name: u95d7577b
    }

    @keyframes u95d7577b {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -24297px 0
        }
    }
}

@media (max-width:61.24em) {

    .background-animation .lizard,
    .background-animation .step-bottom {
        display: none
    }
}

.background-animation .step-bottom.step {
    opacity: 0;
    transform: translateY(-20px)
}

.background-animation .step-bottom.step-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 279px;
    max-width: 279px;
    height: 96px;
    top: 1576px;
    left: 858px;
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94) 2.1s
}

@media (max-width:61.24em) {
    .background-animation .step-bottom.step-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .step-bottom.step-1 span {
    background-image: url(../assets/images/decorations/elements/step-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:61.24em) {
    .background-animation .step-bottom.step-1 span {
        background-image: url(../assets/images/decorations/elements/step-2.png)
    }
}

.background-animation .step-bottom.step-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 279px;
    max-width: 279px;
    height: 96px;
    top: 1691px;
    left: 891px;
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94) 2.2s
}

@media (max-width:61.24em) {
    .background-animation .step-bottom.step-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .step-bottom.step-2 span {
    background-image: url(../assets/images/decorations/elements/step-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: rotate(10deg);
    opacity: .7
}

@media (max-width:61.24em) {
    .background-animation .step-bottom.step-2 span {
        background-image: url(../assets/images/decorations/elements/step-2.png)
    }
}

.background-animation .step-bottom.step-3 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 279px;
    max-width: 279px;
    height: 96px;
    top: 1791px;
    left: 964px;
    transition: opacity .35s cubic-bezier(.25, .46, .45, .94) 2.3s
}

@media (max-width:61.24em) {
    .background-animation .step-bottom.step-3 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .step-bottom.step-3 span {
    background-image: url(../assets/images/decorations/elements/step-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: .5;
    transform: rotate(20deg)
}

@media (max-width:61.24em) {
    .background-animation .step-bottom.step-3 span {
        background-image: url(../assets/images/decorations/elements/step-2.png)
    }
}

.background-animation .barbie {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 183px;
    max-width: 183px;
    height: 220px;
    top: 4355px;
    left: 884px;
    transform: rotate(23deg)
}

@media (max-width:61.24em) {
    .background-animation .barbie {
        background-image: url(../assets/images/decorations/elements/.png);
        display: none
    }
}

.background-animation .barbie span {
    display: block
}

.background-animation .barbie span:first-child {
    background-image: url(../assets/images/decorations/elements/jambe-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 70px;
    transform-origin: right bottom
}

@media (max-width:61.24em) {
    .background-animation .barbie span:first-child {
        background-image: url(../assets/images/decorations/elements/jambe-1.png)
    }
}

.background-animation .barbie span:nth-child(2) {
    background-image: url(../assets/images/decorations/elements/jambe-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform-origin: left bottom;
    width: 70px;
    top: -8px;
    left: 65px;
    z-index: -1
}

@media (max-width:61.24em) {
    .background-animation .barbie span:nth-child(2) {
        background-image: url(../assets/images/decorations/elements/jambe-2.png)
    }
}

.background-animation .icecream.icecream-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 95px;
    max-width: 95px;
    height: 73px;
    top: 4895px;
    left: 1455px;
    opacity: 0
}

@media (max-width:61.24em) {
    .background-animation .icecream.icecream-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .icecream.icecream-1 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    .background-animation .icecream.icecream-1 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

.background-animation .icecream.icecream-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 51px;
    max-width: 51px;
    height: 76px;
    top: 4935px;
    left: 1412px;
    opacity: 0
}

@media (max-width:61.24em) {
    .background-animation .icecream.icecream-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .icecream.icecream-2 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    .background-animation .icecream.icecream-2 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

.background-animation .icecream.icecream-3 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 82px;
    max-width: 82px;
    height: 125px;
    top: 4980px;
    left: 1466px;
    opacity: 0
}

@media (max-width:61.24em) {
    .background-animation .icecream.icecream-3 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.background-animation .icecream.icecream-3 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    .background-animation .icecream.icecream-3 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

@media (min-width:48em) {

    .home-background .element,
    .home-background .fade,
    .home-background .step {
        opacity: 0
    }
}

.home-background.is-in-view .element,
.home-background.is-in-view .fade,
.home-background.is-in-view .step {
    opacity: 1
}

.home-background .element:nth-child(11n+1) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    width: 3.125%;
    max-width: 60px;
    height: 35px;
    top: 219px;
    right: calc(50% + 568px)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+1) {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+1) {
        width: 60px;
        max-width: 60px;
        height: 35px;
        top: 219px;
        right: calc(50% + 568px)
    }
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+1) {
        width: 42px;
        height: 25px;
        top: 75.5px;
        left: 29.5px
    }
}

.home-background .element:nth-child(11n+2) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/paperplane-2@3x.png);
    width: 4.53125%;
    max-width: 87px;
    height: 50px;
    top: 276px;
    right: calc(50% + 490px);
    transform: scaleX(-1)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+2) {
        background-image: url(../assets/images/decorations/elements/paperplane-2.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+2) {
        width: 87px;
        max-width: 87px;
        height: 50px;
        top: 276px;
        right: calc(50% + 490px)
    }
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+2) {
        width: 61px;
        height: 35.5px;
        top: 115.5px;
        left: 65.5px;
        z-index: 1
    }
}

.home-background .element:nth-child(11n+3) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/fl-che-right@3x.png);
    width: 5.15625%;
    max-width: 99px;
    height: 55px;
    top: 686px;
    right: calc(50% + 616px)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+3) {
        background-image: url(../assets/images/decorations/elements/fl-che-right.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+3) {
        width: 99px;
        max-width: 99px;
        height: 55px;
        top: 686px;
        right: calc(50% + 616px)
    }
}

.home-background .element:nth-child(11n+4) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/fl-che-left@3x.png);
    width: 5.625%;
    max-width: 108px;
    height: 44px;
    top: 1550px;
    right: calc(50% + -703px);
    transform: scaleY(-1) rotate(15deg)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+4) {
        background-image: url(../assets/images/decorations/elements/fl-che-left.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+4) {
        width: 108px;
        max-width: 108px;
        height: 44px;
        top: 1550px;
        right: calc(50% + -703px)
    }
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+4) {
        width: 75px;
        height: 31px;
        top: 462px;
        left: 254px;
        z-index: 1
    }
}

.home-background .element:nth-child(11n+5) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/plan-paper@3x.png);
    width: 5.52083%;
    max-width: 106px;
    height: 129px;
    top: 2194px;
    right: calc(50% + 712px)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+5) {
        background-image: url(../assets/images/decorations/elements/plan-paper.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+5) {
        width: 106px;
        max-width: 106px;
        height: 129px;
        top: 2194px;
        right: calc(50% + 712px)
    }
}

.home-background .element:nth-child(11n+6) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    width: 2.70833%;
    max-width: 52px;
    height: 30px;
    top: 1927px;
    right: calc(50% + -86px);
    transform: rotate(35deg)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+6) {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+6) {
        width: 52px;
        max-width: 52px;
        height: 30px;
        top: 1927px;
        right: calc(50% + -86px)
    }
}

.home-background .element:nth-child(11n+7) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/fl-che-right@3x.png);
    width: 4.58333%;
    max-width: 88px;
    height: 73px;
    top: 2871px;
    right: calc(50% + 591px);
    transform: rotate(-65deg)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+7) {
        background-image: url(../assets/images/decorations/elements/fl-che-right.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+7) {
        width: 88px;
        max-width: 88px;
        height: 73px;
        top: 2871px;
        right: calc(50% + 591px)
    }
}

.home-background .element:nth-child(11n+8) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/paperplane-2@3x.png);
    width: 3.90625%;
    max-width: 75px;
    height: 43px;
    top: 2877px;
    right: calc(50% + -593px)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+8) {
        background-image: url(../assets/images/decorations/elements/paperplane-2.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+8) {
        width: 75px;
        max-width: 75px;
        height: 43px;
        top: 2877px;
        right: calc(50% + -593px)
    }
}

.home-background .element:nth-child(11n+9) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/watermelon-1@3x.png);
    width: 4.21875%;
    max-width: 81px;
    height: 202px;
    top: 3523px;
    right: calc(50% + 587px)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+9) {
        background-image: url(../assets/images/decorations/elements/watermelon-1.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+9) {
        width: 81px;
        max-width: 81px;
        height: 202px;
        top: 3523px;
        right: calc(50% + 587px)
    }
}

.home-background .element:nth-child(11n+10) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/fl-che-left@3x.png);
    width: 4.58333%;
    max-width: 88px;
    height: 64px;
    top: 3879px;
    right: calc(50% + -543px)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+10) {
        background-image: url(../assets/images/decorations/elements/fl-che-left.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+10) {
        width: 88px;
        max-width: 88px;
        height: 64px;
        top: 3879px;
        right: calc(50% + -543px)
    }
}

.home-background .element:nth-child(11n+11) {
    content: "11";
    background-image: url(../assets/images/decorations/elements/fl-che-left@3x.png);
    width: 5.625%;
    max-width: 108px;
    height: 64px;
    top: 5670px;
    right: calc(50% + -603px)
}

@media (max-width:61.24em) {
    .home-background .element:nth-child(11n+11) {
        background-image: url(../assets/images/decorations/elements/fl-che-left.png)
    }
}

@media (min-width:61.25em) {
    .home-background .element:nth-child(11n+11) {
        width: 108px;
        max-width: 108px;
        height: 64px;
        top: 5670px;
        right: calc(50% + -603px)
    }
}

.big-saucer-cow,
.page-home.lock-scroll .big-saucer-cow {
    display: none
}

.page-home .big-saucer-cow {
    display: block;
    position: absolute;
    bottom: 380px;
    right: 66.66667%;
    width: 506px;
    height: 469px;
    z-index: 10
}

@media (max-width:37.49em) {
    .page-home .big-saucer-cow {
        display: none
    }
}

.page-home .big-saucer-cow .big-saucer {
    content: "";
    background-image: url(../assets/images/decorations/elements/big-saucer@3x.png);
    width: 320px;
    max-width: 320px;
    height: 250px;
    top: -10px;
    left: 0;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    top: auto;
    position: relative
}

@media (max-width:61.24em) {
    .page-home .big-saucer-cow .big-saucer {
        background-image: url(../assets/images/decorations/elements/big-saucer.png)
    }
}

.page-home .big-saucer-cow .big-saucer div {
    content: "";
    display: block;
    width: 280px;
    height: 440px;
    position: absolute;
    top: 132px;
    left: calc(50% - 140px);
    z-index: 1;
    background: url(../assets/images/decorations/elements/saucer-light-2.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    transform: rotate(15deg);
    transform-origin: 50% 10px
}

.page-home .big-saucer-cow .cow {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 175px;
    max-width: 175px;
    height: 155px;
    top: 333px;
    left: 324px;
    position: absolute;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 3
}

@media (max-width:61.24em) {
    .page-home .big-saucer-cow .cow {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

.page-home .big-saucer-cow .cow div {
    content: "";
    background-image: url(../assets/images/decorations/elements/cow@3x.png);
    width: 9.11458%;
    max-width: 175px;
    height: 155px;
    top: 0;
    right: calc(50% + 785px);
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat
}

@media (max-width:61.24em) {
    .page-home .big-saucer-cow .cow div {
        background-image: url(../assets/images/decorations/elements/cow.png)
    }
}

@media (min-width:61.25em) {
    .page-home .big-saucer-cow .cow div {
        width: 175px;
        max-width: 175px;
        height: 155px;
        top: 0;
        right: calc(50% + 785px)
    }
}

@media (min-width:37.5em) and (max-width:61.24em) {
    .page-home .big-saucer-cow .cow div {
        width: 50%
    }
}

.page-home .big-saucer-cow:before {
    content: "";
    background-image: url(../assets/images/decorations/elements/groupe-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 188px;
    height: 119px;
    left: auto;
    top: 289px;
    right: 147px;
    z-index: -1
}

@media (max-width:61.24em) {
    .page-home .big-saucer-cow:before {
        background-image: url(../assets/images/decorations/elements/groupe-1.png)
    }
}

[data-router-view=about] .site-container {
    padding-bottom: 195px
}

[data-router-view=about] .synopsis {
    margin-bottom: 136px
}

[data-router-view=about] .synopsis .section-header-title {
    margin-bottom: 60px;
    font-size: 3.125rem;
    line-height: 1.3
}

@media (max-width:47.99em) {
    [data-router-view=about] .synopsis .section-header-title {
        margin-bottom: 50px
    }
}

[data-router-view=about] .synopsis+* {
    margin-top: 0
}

[data-router-view=about] .about-festival {
    margin-bottom: 140px
}

@media (min-width:61.25em) {
    [data-router-view=about] .about-festival {
        position: relative;
        z-index: 999
    }
}

[data-router-view=about] .about-festival .section-content {
    width: 100%;
    margin-top: 59px
}

@media (min-width:48em) {
    [data-router-view=about] .about-festival .typeset {
        max-width: 900px;
        margin-left: auto;
        column-gap: 35px;
        column-count: 2
    }
}

[data-router-view=about] .about-assoc {
    position: relative;
    z-index: 999
}

[data-router-view=about] .about-assoc .section-header-title {
    font-size: 3.125rem;
    line-height: 1
}

@media (min-width:48em) {
    [data-router-view=about] .about-assoc .typeset {
        column-gap: 35px;
        column-count: 2
    }
}

[data-router-view=about] .versions {
    margin-top: -5px;
    margin-bottom: 120px
}

[data-router-view=about] .streaming {
    margin: 145px auto
}

@media (max-width:47.99em) {
    [data-router-view=about] .streaming {
        margin-top: 70px;
        margin-bottom: 70px
    }
}

[data-router-view=about] .section-header-subhead {
    margin-bottom: 30px
}

[data-router-view=about] .about-assoc .section-header-title {
    margin-bottom: 65px
}

[data-router-view=about] .site-background element:nth-child(8n+1) {
    content: "8";
    background-image: url(../assets/images/decorations/elements/hand@3x.png);
    width: 12.86458%;
    max-width: 247px;
    height: 142px;
    top: 226px;
    right: calc(50% + -276px)
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background element:nth-child(8n+1) {
        background-image: url(../assets/images/decorations/elements/hand.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=about] .site-background element:nth-child(8n+1) {
        width: 247px;
        max-width: 247px;
        height: 142px;
        top: 226px;
        right: calc(50% + -276px)
    }
}

[data-router-view=about] .site-background .element:nth-child(8n+2) {
    content: "8";
    background-image: url(../assets/images/decorations/elements/teeth@3x.png);
    width: 6.92708%;
    max-width: 133px;
    height: 97px;
    top: 744px;
    right: calc(50% + 514px);
    transform: rotate(-10deg)
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .element:nth-child(8n+2) {
        background-image: url(../assets/images/decorations/elements/teeth.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=about] .site-background .element:nth-child(8n+2) {
        width: 133px;
        max-width: 133px;
        height: 97px;
        top: 744px;
        right: calc(50% + 514px)
    }
}

[data-router-view=about] .site-background .fish-and-line:nth-child(8n+3) {
    content: "8";
    background-image: url(../assets/images/decorations/elements/fish-and-line-home@3x.png);
    width: 22.60417%;
    max-width: 434px;
    height: 572px;
    top: 1548px;
    right: calc(50% + -957px);
    z-index: 0
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .fish-and-line:nth-child(8n+3) {
        background-image: url(../assets/images/decorations/elements/fish-and-line-home.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=about] .site-background .fish-and-line:nth-child(8n+3) {
        width: 434px;
        max-width: 434px;
        height: 572px;
        top: 1548px;
        right: calc(50% + -957px);
        background-position: 0 0;
        background-size: 46585px auto;
        animation: 3s steps(121) infinite;
        animation-name: ue9c22e87
    }
}

@media (min-width:61.25em) {
    @keyframes ue9c22e87 {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -46585px 0
        }
    }
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .fish-and-line:nth-child(8n+3) {
        display: none
    }
}

[data-router-view=about] .site-background .fish-and-line:nth-child(8n+3):before {
    content: "";
    background-image: url(../assets/images/decorations/elements/fish-and-line-home-before.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -95px;
    left: -33px;
    z-index: 0
}

[data-router-view=about] .site-background .paperplane-1:nth-child(8n+4) {
    content: "8";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 2.65625%;
    max-width: 51px;
    height: 33px;
    top: 2400px;
    right: calc(50% + 548px);
    transform: scale(-1);
    opacity: 0;
    transform: translateY(-20px)
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .paperplane-1:nth-child(8n+4) {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=about] .site-background .paperplane-1:nth-child(8n+4) {
        width: 51px;
        max-width: 51px;
        height: 33px;
        top: 2400px;
        right: calc(50% + 548px)
    }
}

[data-router-view=about] .site-background .paperplane-1:nth-child(8n+4) span {
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .paperplane-1:nth-child(8n+4) span {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .paperplane-1:nth-child(8n+4) {
        display: none
    }
}

[data-router-view=about] .site-background .paperplane-2:nth-child(8n+5) {
    content: "8";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 4.53125%;
    max-width: 87px;
    height: 50px;
    top: 2497px;
    right: calc(50% + 585px);
    opacity: 0;
    transform: translateY(-20px)
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .paperplane-2:nth-child(8n+5) {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=about] .site-background .paperplane-2:nth-child(8n+5) {
        width: 87px;
        max-width: 87px;
        height: 50px;
        top: 2497px;
        right: calc(50% + 585px)
    }
}

[data-router-view=about] .site-background .paperplane-2:nth-child(8n+5) span {
    background-image: url(../assets/images/decorations/elements/paperplane-4@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1) rotate(20deg)
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .paperplane-2:nth-child(8n+5) span {
        background-image: url(../assets/images/decorations/elements/paperplane-4.png)
    }
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .paperplane-2:nth-child(8n+5) {
        display: none
    }
}

[data-router-view=about] .site-background .element:nth-child(8n+6) {
    content: "8";
    background-image: url(../assets/images/decorations/elements/plan-paper@3x.png);
    width: 5.52083%;
    max-width: 106px;
    height: 129px;
    top: 3546px;
    right: calc(50% + -765px)
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .element:nth-child(8n+6) {
        background-image: url(../assets/images/decorations/elements/plan-paper.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=about] .site-background .element:nth-child(8n+6) {
        width: 106px;
        max-width: 106px;
        height: 129px;
        top: 3546px;
        right: calc(50% + -765px)
    }
}

[data-router-view=about] .site-background .watermelon:nth-child(8n+7) {
    content: "8";
    background-image: url(../assets/images/decorations/elements/watermelon-1@3x.png);
    width: 5.26042%;
    max-width: 101px;
    height: 222px;
    top: 5403px;
    right: calc(50% + -327px)
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .watermelon:nth-child(8n+7) {
        background-image: url(../assets/images/decorations/elements/watermelon-1.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=about] .site-background .watermelon:nth-child(8n+7) {
        width: 101px;
        max-width: 101px;
        height: 222px;
        top: 5403px;
        right: calc(50% + -327px)
    }
}

[data-router-view=about] .site-background .element:nth-child(8n+8) {
    content: "8";
    background-image: url(../assets/images/decorations/elements/fl-che-right@3x.png);
    width: 6.45833%;
    max-width: 124px;
    height: 105px;
    top: 5715px;
    right: calc(50% + 510px)
}

@media (max-width:61.24em) {
    [data-router-view=about] .site-background .element:nth-child(8n+8) {
        background-image: url(../assets/images/decorations/elements/fl-che-right.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=about] .site-background .element:nth-child(8n+8) {
        width: 124px;
        max-width: 124px;
        height: 105px;
        top: 5715px;
        right: calc(50% + 510px)
    }
}

[data-router-view=content] .site-container {
    padding-bottom: 110px
}

@media (max-width:47.99em) {
    [data-router-view=content] .site-container {
        padding-bottom: 60px
    }
}

[data-router-view=content] section {
    margin-top: 90px;
    margin-bottom: 90px
}

@media (max-width:47.99em) {
    [data-router-view=content] section {
        margin-top: 55px;
        margin-bottom: 55px
    }
}

[data-router-view=content] .section-header-title {
    font-size: 4.375rem;
    line-height: .9285714286
}

[template=landing] .page-header {
    margin-bottom: 50px;
    padding-top: 0;
    position: relative;
    z-index: 1;
    height: 90vh
}

@media (min-width:61.25em) {
    [template=landing] .page-header {
        margin-bottom: 100px;
        height: 100vh
    }
}

[data-router-view=practical] .practical-main-map [template=landing] .page-header .page-details>iframe+div,
[template=landing] .page-header .page-details,
[template=landing] .page-header .page-details>.center,
[template=landing] .page-header [data-router-view=practical] .practical-main-map .page-details>iframe+div {
    height: 100%
}

[template=landing] .page-header .page-title {
    position: absolute;
    top: 50%
}

@media (min-width:61.25em) {
    [template=landing] .page-header .page-title {
        top: calc(50% + 35px)
    }
}

[template=landing] .landing-details {
    position: absolute;
    bottom: 50px;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 1;
    color: #fff
}

[template=landing] .landing-practicals {
    padding-top: 100px;
    color: #fff
}

@media (max-width:61.24em) {
    [template=landing] .landing-practicals {
        display: none
    }
}

[template=landing] .landing-practicals .event-date {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    font-size: .9375rem;
    letter-spacing: .4em;
    line-height: 2;
    text-transform: uppercase
}

[template=landing] .landing-practicals sup {
    font-size: .625rem;
    vertical-align: super
}

[template=landing] .landing-practicals .event-location {
    margin-top: 10px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    opacity: .6;
    font-size: .6875rem;
    letter-spacing: .4em;
    text-transform: uppercase
}

[template=landing] .landing-socials {
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right
}

@media (max-width:61.24em) {
    [template=landing] .landing-socials {
        position: static;
        text-align: center
    }
}

[template=landing] .landing-socials ul {
    margin-right: -10px;
    margin-left: -10px;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media (max-width:61.24em) {
    [template=landing] .landing-socials ul {
        justify-content: center
    }
}

[template=landing] .landing-socials li {
    padding-right: 10px;
    padding-left: 10px
}

[template=landing] .landing-socials svg {
    fill: #fff
}

[template=landing] .landing-socials a {
    display: block
}

[template=landing] .landing-socials p {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    font-size: .5625rem;
    letter-spacing: .4em;
    line-height: 4;
    text-transform: uppercase
}

@media (max-width:61.24em) {
    [template=landing] .landing-socials p {
        margin-left: 5px
    }
}

[template=landing] .landing-socials .svg-instagram,
[template=landing] .landing-socials .svg-vimeo {
    margin-top: 10px
}

[template=landing] [type=two-columns] {
    z-index: 999
}

@media (min-width:61.25em) {

    [data-router-view=practical] .practical-main-map [template=landing] [type=two-columns] iframe+div,
    [template=landing] [type=two-columns] .center,
    [template=landing] [type=two-columns] [data-router-view=practical] .practical-main-map iframe+div {
        padding-right: 95px;
        padding-left: 95px
    }
}

[template=landing] [type=grid] {
    position: relative;
    margin-top: 130px;
    margin-bottom: 50px;
    z-index: 1
}

@media (min-width:61.25em) {

    [data-router-view=practical] .practical-main-map [template=landing] [type=venue] iframe+div,
    [template=landing] [type=venue] .center,
    [template=landing] [type=venue] [data-router-view=practical] .practical-main-map iframe+div {
        padding-right: 95px;
        padding-left: 95px
    }
}

[template=landing] [type=cta] {
    padding-top: 0;
    padding-bottom: 150px
}

@media (min-width:61.25em) {
    [template=landing] [type=cta] {
        margin-top: -60px
    }

    [data-router-view=practical] .practical-main-map [template=landing] [type=cta] iframe+div,
    [template=landing] [type=cta] .center,
    [template=landing] [type=cta] [data-router-view=practical] .practical-main-map iframe+div {
        padding-right: 95px;
        padding-left: 95px
    }
}

@media (min-width:61.25em) {

    [data-router-view=listing-kids] .page-header,
    [data-router-view=listing] .page-header {
        padding-top: 292px;
        min-height: 572px
    }
}

@media (min-width:70.8125em) {

    [data-router-view=listing-kids] .page-header .center,
    [data-router-view=listing-kids] .page-header [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=listing] .page-header .center,
    [data-router-view=listing] .page-header [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map [data-router-view=listing-kids] .page-header iframe+div,
    [data-router-view=practical] .practical-main-map [data-router-view=listing] .page-header iframe+div {
        padding-bottom: 21px
    }
}

[data-router-view=listing-kids] .page-header.no-filter .center,
[data-router-view=listing-kids] .page-header.no-filter [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=listing] .page-header.no-filter .center,
[data-router-view=listing] .page-header.no-filter [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map [data-router-view=listing-kids] .page-header.no-filter iframe+div,
[data-router-view=practical] .practical-main-map [data-router-view=listing] .page-header.no-filter iframe+div {
    z-index: 999;
    margin-bottom: 40px
}

@media (min-width:61.25em) {

    [data-router-view=listing-kids] .page-header.no-filter .center,
    [data-router-view=listing-kids] .page-header.no-filter [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=listing] .page-header.no-filter .center,
    [data-router-view=listing] .page-header.no-filter [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map [data-router-view=listing-kids] .page-header.no-filter iframe+div,
    [data-router-view=practical] .practical-main-map [data-router-view=listing] .page-header.no-filter iframe+div {
        margin-bottom: 65px
    }
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .page-header-sponsors,
    [data-router-view=listing] .page-header-sponsors {
        margin-top: 20px
    }
}

@media (min-width:61.25em) {

    [data-router-view=listing-kids] .page-header-sponsors,
    [data-router-view=listing] .page-header-sponsors {
        position: absolute;
        top: 27px;
        right: 0
    }

    [data-router-view=listing-kids] .page-header-sponsors li:first-child,
    [data-router-view=listing] .page-header-sponsors li:first-child {
        display: none
    }
}

[data-router-view=listing-kids] .page-header-title,
[data-router-view=listing] .page-header-title {
    display: inline-block;
    position: relative
}

[data-router-view=listing-kids] .page-header-title .subhead,
[data-router-view=listing] .page-header-title .subhead {
    position: absolute;
    top: -10px;
    left: 100%;
    transform: translateX(-100%);
    color: rgba(43, 54, 68, 0.5);
    font-size: .6875rem;
    letter-spacing: .3em;
    white-space: nowrap
}

[data-router-view=listing-kids] .page-header-text,
[data-router-view=listing] .page-header-text {
    margin-top: 19px;
    padding-left: 5px
}

@media (max-width:47.99em) {

    [data-router-view=listing-kids] .page-header-text,
    [data-router-view=listing] .page-header-text {
        margin-bottom: 50px
    }
}

@media (min-width:61.25em) {

    [data-router-view=listing-kids] .grid,
    [data-router-view=listing] .grid {
        margin-top: 52px
    }
}

[data-router-view=listing-kids] .grid-filters-item,
[data-router-view=listing] .grid-filters-item {
    position: relative
}

@media (max-width:47.99em) {

    [data-router-view=listing-kids] .grid-filters-item,
    [data-router-view=listing] .grid-filters-item {
        border-radius: 45px;
        text-align: center;
        overflow: hidden
    }
}

[data-router-view=listing-kids] .site-background .element:nth-child(9n+1),
[data-router-view=listing] .site-background .element:nth-child(9n+1) {
    content: "9";
    background-image: url(../assets/images/decorations/elements/fl-che-right@3x.png);
    width: 5.15625%;
    max-width: 99px;
    height: 55px;
    top: 516px;
    right: calc(50% + 685px)
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .element:nth-child(9n+1),
    [data-router-view=listing] .site-background .element:nth-child(9n+1) {
        background-image: url(../assets/images/decorations/elements/fl-che-right.png)
    }
}

@media (min-width:61.25em) {

    [data-router-view=listing-kids] .site-background .element:nth-child(9n+1),
    [data-router-view=listing] .site-background .element:nth-child(9n+1) {
        width: 99px;
        max-width: 99px;
        height: 55px;
        top: 516px;
        right: calc(50% + 685px)
    }
}

[data-router-view=listing-kids] .site-background .element:nth-child(9n+2),
[data-router-view=listing] .site-background .element:nth-child(9n+2) {
    content: "9";
    background-image: url(../assets/images/decorations/elements/paperplane-2@3x.png);
    width: 4.53125%;
    max-width: 87px;
    height: 50px;
    top: 477px;
    right: calc(50% + -87px)
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .element:nth-child(9n+2),
    [data-router-view=listing] .site-background .element:nth-child(9n+2) {
        background-image: url(../assets/images/decorations/elements/paperplane-2.png)
    }
}

@media (min-width:61.25em) {

    [data-router-view=listing-kids] .site-background .element:nth-child(9n+2),
    [data-router-view=listing] .site-background .element:nth-child(9n+2) {
        width: 87px;
        max-width: 87px;
        height: 50px;
        top: 477px;
        right: calc(50% + -87px)
    }
}

[data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3),
[data-router-view=listing] .site-background .barbie:nth-child(9n+3) {
    content: "9";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 183px;
    max-width: 183px;
    height: 220px;
    top: 1130px;
    left: 0;
    transform: rotate(23deg);
    left: -100px
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3),
    [data-router-view=listing] .site-background .barbie:nth-child(9n+3) {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

@media (min-width:84.375em) {

    [data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3),
    [data-router-view=listing] .site-background .barbie:nth-child(9n+3) {
        left: 0
    }
}

@media (min-width:103.125em) {

    [data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3),
    [data-router-view=listing] .site-background .barbie:nth-child(9n+3) {
        left: 176px
    }
}

@media (max-width:64.0625em) {

    [data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3),
    [data-router-view=listing] .site-background .barbie:nth-child(9n+3) {
        display: none
    }
}

[data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3) span,
[data-router-view=listing] .site-background .barbie:nth-child(9n+3) span {
    display: block
}

[data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3) span:first-child,
[data-router-view=listing] .site-background .barbie:nth-child(9n+3) span:first-child {
    background-image: url(../assets/images/decorations/elements/jambe-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 70px;
    transform-origin: right bottom
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3) span:first-child,
    [data-router-view=listing] .site-background .barbie:nth-child(9n+3) span:first-child {
        background-image: url(../assets/images/decorations/elements/jambe-1.png)
    }
}

[data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3) span:nth-child(2),
[data-router-view=listing] .site-background .barbie:nth-child(9n+3) span:nth-child(2) {
    background-image: url(../assets/images/decorations/elements/jambe-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform-origin: left bottom;
    width: 70px;
    top: -8px;
    left: 65px;
    z-index: -1
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .barbie:nth-child(9n+3) span:nth-child(2),
    [data-router-view=listing] .site-background .barbie:nth-child(9n+3) span:nth-child(2) {
        background-image: url(../assets/images/decorations/elements/jambe-2.png)
    }
}

[data-router-view=listing-kids] .site-background .icecream.icecream-1,
[data-router-view=listing] .site-background .icecream.icecream-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 95px;
    max-width: 95px;
    height: 73px;
    top: 1832px;
    left: 1662px;
    opacity: 0
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .icecream.icecream-1,
    [data-router-view=listing] .site-background .icecream.icecream-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=listing-kids] .site-background .icecream.icecream-1 span,
[data-router-view=listing] .site-background .icecream.icecream-1 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .icecream.icecream-1 span,
    [data-router-view=listing] .site-background .icecream.icecream-1 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=listing-kids] .site-background .icecream.icecream-2,
[data-router-view=listing] .site-background .icecream.icecream-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 51px;
    max-width: 51px;
    height: 76px;
    top: 1862px;
    left: 1609px;
    opacity: 0
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .icecream.icecream-2,
    [data-router-view=listing] .site-background .icecream.icecream-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=listing-kids] .site-background .icecream.icecream-2 span,
[data-router-view=listing] .site-background .icecream.icecream-2 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .icecream.icecream-2 span,
    [data-router-view=listing] .site-background .icecream.icecream-2 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=listing-kids] .site-background .icecream.icecream-3,
[data-router-view=listing] .site-background .icecream.icecream-3 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 82px;
    max-width: 82px;
    height: 125px;
    top: 1912px;
    left: 1630px;
    opacity: 0
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .icecream.icecream-3,
    [data-router-view=listing] .site-background .icecream.icecream-3 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=listing-kids] .site-background .icecream.icecream-3 span,
[data-router-view=listing] .site-background .icecream.icecream-3 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .icecream.icecream-3 span,
    [data-router-view=listing] .site-background .icecream.icecream-3 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=listing-kids] .site-background .paperplane-1,
[data-router-view=listing] .site-background .paperplane-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 51px;
    max-width: 51px;
    height: 33px;
    top: 2518px;
    left: 300px;
    opacity: 0;
    transform: translateY(-20px)
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .paperplane-1,
    [data-router-view=listing] .site-background .paperplane-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=listing-kids] .site-background .paperplane-1 span,
[data-router-view=listing] .site-background .paperplane-1 span {
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .paperplane-1 span,
    [data-router-view=listing] .site-background .paperplane-1 span {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .paperplane-1,
    [data-router-view=listing] .site-background .paperplane-1 {
        display: none
    }
}

[data-router-view=listing-kids] .site-background .paperplane-2,
[data-router-view=listing] .site-background .paperplane-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 75px;
    max-width: 75px;
    height: 43px;
    top: 2607px;
    left: 200px;
    opacity: 0;
    transform: translateY(-20px)
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .paperplane-2,
    [data-router-view=listing] .site-background .paperplane-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=listing-kids] .site-background .paperplane-2 span,
[data-router-view=listing] .site-background .paperplane-2 span {
    background-image: url(../assets/images/decorations/elements/paperplane-4@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1) rotate(20deg)
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .paperplane-2 span,
    [data-router-view=listing] .site-background .paperplane-2 span {
        background-image: url(../assets/images/decorations/elements/paperplane-4.png)
    }
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .paperplane-2,
    [data-router-view=listing] .site-background .paperplane-2 {
        display: none
    }
}

[data-router-view=listing-kids] .site-background .element:nth-child(9n+9),
[data-router-view=listing] .site-background .element:nth-child(9n+9) {
    content: "9";
    background-image: url(../assets/images/decorations/elements/teeth@3x.png);
    width: 6.92708%;
    max-width: 133px;
    height: 97px;
    top: 3480px;
    right: calc(50% + -753px)
}

@media (max-width:61.24em) {

    [data-router-view=listing-kids] .site-background .element:nth-child(9n+9),
    [data-router-view=listing] .site-background .element:nth-child(9n+9) {
        background-image: url(../assets/images/decorations/elements/teeth.png)
    }
}

@media (min-width:61.25em) {

    [data-router-view=listing-kids] .site-background .element:nth-child(9n+9),
    [data-router-view=listing] .site-background .element:nth-child(9n+9) {
        width: 133px;
        max-width: 133px;
        height: 97px;
        top: 3480px;
        right: calc(50% + -753px)
    }
}

[data-router-view=listing-kids] .grid {
    margin-top: 170px
}

@media (min-width:61.25em) {
    [data-router-view=listing-kids] .grid {
        margin-top: 0
    }
}

@media (min-width:61.25em) {
    [data-router-view=listing-kids] .grid+.page-footer {
        padding-top: 250px
    }
}

[data-router-view=detail] .videos {
    z-index: 0
}

[data-router-view=detail] .practical-label {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    letter-spacing: .4em;
    color: rgba(43, 54, 68, 0.5)
}

[data-router-view=detail] .practical-value {
    letter-spacing: -.032em
}

[data-router-view=detail] .page-header-practical {
    padding: 29px 35px 27px 60px
}

[data-router-view=detail] .page-header {
    position: relative
}

@media (min-width:70.8125em) {
    [data-router-view=detail] .page-header {
        padding-top: 336px
    }
}

[data-router-view=detail] .page-header:before {
    position: absolute;
    top: -10px;
    left: 50%;
    height: 811px;
    width: 600px;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0
}

@media (max-width:37.49em) {
    [data-router-view=detail] .page-header {
        padding-top: 60px
    }
}

[data-router-view=detail] .page-header.is-in-view:before {
    opacity: 1
}

[data-router-view=detail] .page-header-title {
    font-size: 3.75rem
}

@media (max-width:61.24em) {
    [data-router-view=detail] .page-header-title {
        padding-top: 370px;
        max-width: 200px
    }
}

@media (max-width:47.99em) {
    [data-router-view=detail] .page-header-title {
        padding-top: 48vw;
        line-height: .8
    }
}

@media (max-width:37.49em) {
    [data-router-view=detail] .page-header-title {
        padding-top: 69vw;
        line-height: .8
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .page-header-title {
        font-size: 7.5rem;
        line-height: .79;
        letter-spacing: -4.8px;
        margin-top: 80px
    }

    [data-router-view=detail] .page-header-title+.page-header-practical {
        margin-top: 222px
    }
}

[data-router-view=detail] .appear-pop {
    position: relative
}

@media (max-width:47.99em) {
    [data-router-view=detail] .page-header-picture {
        height: 122vw;
        width: 100%;
        max-height: 780px
    }
}

@media (min-width:48em) {
    [data-router-view=detail] .page-header-picture {
        height: 893px;
        width: 966px
    }
}

[data-router-view=detail] .page-header-picture picture {
    top: -322px;
    right: -215px
}

[data-router-view=detail] .page-header-picture img {
    object-position: top;
    -webkit-mask-image: url(../assets/images/decorations/details-header-2.png);
    mask-image: url(../assets/images/decorations/details-header-2.png);
    -webkit-mask-position: -112px -250px;
    mask-position: -112px -250px;
    -webkit-mask-size: 110%;
    mask-size: 110%;
    filter: url(#duotone-detail)
}

@media (max-width:47.99em) {
    [data-router-view=detail] .page-header-picture img {
        -webkit-mask-image: url(../assets/images/decorations/details-header-2-mobile.png);
        mask-image: url(../assets/images/decorations/details-header-2-mobile.png);
        -webkit-mask-position: 50% 50%;
        mask-position: 50% 50%;
        -webkit-mask-size: 115%;
        mask-size: 115%;
        filter: url(#duotone-detail-mobile)
    }
}

[data-router-view=detail] .dashed-ring {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1
}

[data-router-view=detail] .dashed-ring path {
    animation: 100s linear infinite;
    animation-name: uafea4c73
}

@keyframes uafea4c73 {
    0% {
        stroke-dashoffset: 0%
    }

    to {
        stroke-dashoffset: 100%
    }
}

[data-router-view=detail] .dashed-ring:first-of-type {
    height: auto;
    width: 104%
}

@media (max-width:47.99em) {
    [data-router-view=detail] .dashed-ring:first-of-type {
        top: 54%
    }
}

@media (min-width:48em) {
    [data-router-view=detail] .dashed-ring:first-of-type {
        height: 719px;
        width: 769px
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .dashed-ring:first-of-type {
        height: 719px;
        width: 769px
    }
}

[data-router-view=detail] .dashed-ring:last-of-type {
    height: auto;
    width: 157%
}

@media (min-width:48em) {
    [data-router-view=detail] .dashed-ring:last-of-type {
        height: auto;
        width: 120%
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .dashed-ring:last-of-type {
        height: 1061px;
        width: 1133px
    }
}

[data-router-view=detail] .page-header-subtitle {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: -1.5px;
    color: rgba(43, 54, 68, 0.5);
    margin-top: 20px;
    margin-left: 4px
}

@media (min-width:61.25em) {
    [data-router-view=detail] .page-header-subtitle+.page-header-practical {
        margin-top: 100px
    }
}

[data-router-view=detail] .page-header-details {
    margin-bottom: 0
}

[data-router-view=detail] .page-header-details .center,
[data-router-view=detail] .page-header-details [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map [data-router-view=detail] .page-header-details iframe+div {
    display: flex;
    flex-direction: column;
    min-height: 575px
}

@media (max-width:61.24em) {

    [data-router-view=detail] .page-header-details .center,
    [data-router-view=detail] .page-header-details [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map [data-router-view=detail] .page-header-details iframe+div {
        min-height: 460px
    }
}

@media (max-width:47.99em) {

    [data-router-view=detail] .page-header-details .center,
    [data-router-view=detail] .page-header-details [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map [data-router-view=detail] .page-header-details iframe+div {
        min-height: 0
    }
}

[data-router-view=detail] .page-header-sponsors {
    margin-top: 40px;
    margin-bottom: -170px
}

@media (max-width:70.8025em) {
    [data-router-view=detail] .page-header-sponsors {
        margin-top: 25px;
        margin-bottom: -60px
    }
}

[data-router-view=detail] .page-header-sponsors li:first-child {
    color: rgba(43, 54, 68, 0.5)
}

[data-router-view=detail] .section-header-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3.125rem;
    line-height: 1.05;
    letter-spacing: -1px
}

[data-router-view=detail] section {
    margin-top: 90px;
    margin-bottom: 90px
}

@media (max-width:47.99em) {
    [data-router-view=detail] section {
        margin-top: 55px;
        margin-bottom: 55px
    }
}

[data-router-view=detail] .about {
    margin-top: 100px;
    margin-bottom: 55px
}

[data-router-view=detail] .artist {
    margin-top: 200px;
    margin-bottom: 55px
}

@media (max-width:70.8025em) {
    [data-router-view=detail] .artist {
        margin-top: 80px
    }
}

@media (max-width:61.24em) {
    [data-router-view=detail] .artist {
        margin-top: 110px
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+1) {
    content: "15";
    position: absolute;
    top: -33px;
    right: calc(50% + 60px)
}

[data-router-view=detail] .site-background .element:nth-child(15n+1) div {
    content: "15";
    background-image: url(../assets/images/decorations/elements/big-saucer-light@3x.png);
    width: 10.41667%;
    max-width: 200px;
    height: 100px;
    top: 0;
    right: calc(50% + -240px);
    right: -160px
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+1) div {
        background-image: url(../assets/images/decorations/elements/big-saucer-light.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+1) div {
        width: 200px;
        max-width: 200px;
        height: 100px;
        top: 0;
        right: calc(50% + -240px)
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+1) span {
    display: block;
    width: 600px;
    height: 668px;
    opacity: 0;
    position: absolute;
    top: 40px;
    left: calc(50% - 300px);
    background: url(../assets/images/decorations/elements/saucer-light.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
    transform-origin: center top
}

[data-router-view=detail] .site-background .element:nth-child(15n+2) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/big-saucer@3x.png);
    width: 1.71875%;
    max-width: 33px;
    height: 35px;
    top: 203px;
    right: calc(50% + -882px);
    opacity: 0;
    transform: rotate(28deg);
    transform-origin: center center
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+2) {
        background-image: url(../assets/images/decorations/elements/big-saucer.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+2) {
        width: 33px;
        max-width: 33px;
        height: 35px;
        top: 203px;
        right: calc(50% + -882px)
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+3) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/big-saucer@3x.png);
    width: 4.63542%;
    max-width: 89px;
    height: 39px;
    top: 148px;
    right: calc(50% + -783px);
    opacity: 0;
    transform-origin: center center
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+3) {
        background-image: url(../assets/images/decorations/elements/big-saucer.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+3) {
        width: 89px;
        max-width: 89px;
        height: 39px;
        top: 148px;
        right: calc(50% + -783px)
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+4) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/big-saucer@3x.png);
    width: 8.33333%;
    max-width: 160px;
    height: 78px;
    top: 286px;
    right: calc(50% + -717px);
    opacity: 0;
    transform-origin: center center
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+4) {
        background-image: url(../assets/images/decorations/elements/big-saucer.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+4) {
        width: 160px;
        max-width: 160px;
        height: 78px;
        top: 286px;
        right: calc(50% + -717px)
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+5) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    width: 3.125%;
    max-width: 60px;
    height: 35px;
    top: 700px;
    right: calc(50% + 558px)
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+5) {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+5) {
        width: 60px;
        max-width: 60px;
        height: 35px;
        top: 700px;
        right: calc(50% + 558px);
        left: auto;
        right: calc(50% + 600px)
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+6) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/fl-che-left@3x.png);
    width: 5.625%;
    max-width: 108px;
    height: 44px;
    top: 663px;
    right: calc(50% + -760px);
    transform: scaleY(-1)
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+6) {
        background-image: url(../assets/images/decorations/elements/fl-che-left.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+6) {
        width: 108px;
        max-width: 108px;
        height: 44px;
        top: 663px;
        right: calc(50% + -760px)
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+7) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/paperplane-3@3x.png);
    width: 4.53125%;
    max-width: 87px;
    height: 50px;
    top: 815px;
    right: calc(50% + 96px)
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+7) {
        background-image: url(../assets/images/decorations/elements/paperplane-3.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+7) {
        width: 87px;
        max-width: 87px;
        height: 50px;
        top: 815px;
        right: calc(50% + 96px);
        top: 1000px;
        z-index: 4
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+8) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/hand@3x.png);
    width: 10.625%;
    max-width: 204px;
    height: 117px;
    top: 1472px;
    right: calc(50% + 462px);
    z-index: 1000
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+8) {
        background-image: url(../assets/images/decorations/elements/hand.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+8) {
        width: 204px;
        max-width: 204px;
        height: 117px;
        top: 1472px;
        right: calc(50% + 462px)
    }
}

[data-router-view=detail] .site-background .fish-and-line:nth-child(15n+9) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/fish-and-line-home@3x.png);
    width: 18.4375%;
    max-width: 354px;
    height: 572px;
    top: 1599px;
    right: calc(50% + -963px);
    z-index: 0
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .fish-and-line:nth-child(15n+9) {
        background-image: url(../assets/images/decorations/elements/fish-and-line-home.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .fish-and-line:nth-child(15n+9) {
        width: 354px;
        max-width: 354px;
        height: 572px;
        top: 1599px;
        right: calc(50% + -963px);
        background-position: 0 0;
        background-size: 46585px auto;
        animation: 3s steps(121) infinite;
        animation-name: u71e14be0
    }
}

@media (min-width:61.25em) {
    @keyframes u71e14be0 {
        0% {
            background-position: 0 0
        }

        to {
            background-position: -46585px 0
        }
    }
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .fish-and-line:nth-child(15n+9) {
        display: none
    }
}

[data-router-view=detail] .site-background .fish-and-line:nth-child(15n+9):before {
    content: "";
    background-image: url(../assets/images/decorations/elements/fish-and-line-home-before.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -76px;
    left: 7px;
    z-index: 0
}

[data-router-view=detail] .site-background .element:nth-child(15n+10) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/fl-che-right@3x.png);
    width: 4.63542%;
    max-width: 89px;
    height: 79px;
    top: 2359px;
    right: calc(50% + 591px);
    transform: scaleY(-1)
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+10) {
        background-image: url(../assets/images/decorations/elements/fl-che-right.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+10) {
        width: 89px;
        max-width: 89px;
        height: 79px;
        top: 2359px;
        right: calc(50% + 591px)
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+11) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/plan-paper@3x.png);
    width: 5.52083%;
    max-width: 106px;
    height: 129px;
    top: 3229px;
    right: calc(50% + -785px)
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+11) {
        background-image: url(../assets/images/decorations/elements/plan-paper.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+11) {
        width: 106px;
        max-width: 106px;
        height: 129px;
        top: 3229px;
        right: calc(50% + -785px)
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+12) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    width: 2.39583%;
    max-width: 46px;
    height: 56px;
    top: 3302px;
    right: calc(50% + -702px);
    transform: rotate(135deg)
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+12) {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+12) {
        width: 46px;
        max-width: 46px;
        height: 56px;
        top: 3302px;
        right: calc(50% + -702px)
    }
}

[data-router-view=detail] .site-background .element:nth-child(15n+13) {
    content: "15";
    background-image: url(../assets/images/decorations/elements/ovni-1@3x.png);
    width: 19.53125%;
    max-width: 375px;
    height: 1059px;
    top: 4135px;
    right: calc(50% + 335px);
    transform: rotate(-40deg)
}

@media (max-width:61.24em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+13) {
        background-image: url(../assets/images/decorations/elements/ovni-1.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=detail] .site-background .element:nth-child(15n+13) {
        width: 375px;
        max-width: 375px;
        height: 1059px;
        top: 4135px;
        right: calc(50% + 335px)
    }
}

[data-router-view=error404] .page-header {
    position: relative;
    padding-top: 150px;
    display: flex;
    z-index: 999;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    text-align: center
}

@media (max-width:61.24em) {
    [data-router-view=error404] .page-header {
        padding-top: 0
    }
}

[data-router-view=error404] .page-header-text {
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto
}

@media (max-width:61.24em) {
    [data-router-view=error404] .page-header-text {
        max-width: 75%
    }
}

[data-router-view=error404] .button--arrow {
    font-size: .9375rem;
    line-height: 1
}

[data-router-view=error404] .button--arrow,
[data-router-view=error404] .page-header-link .button {
    font-family: DM Mono, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal
}

.no-touchevents [data-router-view=error404] .page-header-link .button:hover {
    color: rgba(43, 54, 68, 0.5)
}

.no-touchevents [data-router-view=error404] .page-header-link .button:hover .svg {
    fill: #fff
}

[data-router-view=schedule] .schedule {
    padding-top: 306px
}

@media (max-width:61.24em) {
    [data-router-view=schedule] .schedule {
        padding-top: 203px
    }
}

@media (max-width:47.99em) {
    [data-router-view=schedule] .schedule {
        padding-top: 120px
    }
}

@media (min-width:70.8125em) {
    [data-router-view=schedule] .tabs-item {
        width: 13%
    }
}

[data-router-view=tickets] .page-header {
    margin-bottom: 80px
}

[data-router-view=tickets] .workshops {
    margin-top: 60px;
    margin-bottom: 90px
}

[data-router-view=tickets] .tickets {
    padding-bottom: 30px
}

[data-router-view=tickets] .tickets .tickets-header {
    margin-top: 35px
}

[data-router-view=tickets] .tickets-header {
    margin-bottom: -40px
}

@media (max-width:70.8025em) {
    [data-router-view=tickets] .tickets-list.tickets-cards-list .ticket-card+.ticket-card {
        margin-top: 30px
    }
}

@media (min-width:70.8125em) {
    [data-router-view=tickets] .tickets-list.tickets-cards-list {
        display: flex;
        justify-content: space-between
    }

    [data-router-view=tickets] .tickets-list.tickets-cards-list .ticket-card {
        width: 33.33%;
        flex-shrink: 0;
        max-width: 345px
    }

    [data-router-view=tickets] .tickets-list.tickets-cards-list .ticket-card+.ticket {
        margin-left: 30px
    }
}

[data-router-view=tickets] .tickets:last-child {
    padding-bottom: 140px
}

[data-router-view=tickets] .post {
    margin-top: 150px;
    margin-bottom: 140px
}

[data-router-view=tickets] .post+.post {
    margin-top: -60px
}

[data-router-view=program] .site-container {
    padding-bottom: 170px
}

@media (max-width:47.99em) {
    [data-router-view=program] .page-header {
        padding-top: 100px
    }
}

[data-router-view=practical] .practical-main-map [data-router-view=program] .page-header iframe+div,
[data-router-view=program] .page-header .center,
[data-router-view=program] .page-header [data-router-view=practical] .practical-main-map iframe+div {
    margin-bottom: 5px;
    padding-bottom: 70px
}

@media (max-width:61.24em) {

    [data-router-view=practical] .practical-main-map [data-router-view=program] .page-header iframe+div,
    [data-router-view=program] .page-header .center,
    [data-router-view=program] .page-header [data-router-view=practical] .practical-main-map iframe+div {
        margin-bottom: 45px
    }
}

@media (max-width:47.99em) {

    [data-router-view=practical] .practical-main-map [data-router-view=program] .page-header iframe+div,
    [data-router-view=program] .page-header .center,
    [data-router-view=program] .page-header [data-router-view=practical] .practical-main-map iframe+div {
        margin-bottom: 0
    }
}

[data-router-view=program] .post+.post {
    margin-top: 90px
}

[data-router-view=program] .post .posts-inner {
    justify-content: space-between
}

@media (min-width:61.25em) {
    [data-router-view=program] .post--even .post-content {
        margin-right: 0;
        margin-left: 95px
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .post:not(.post--even) .post-content {
        margin-right: 95px
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .post .post-content {
        width: 50%
    }
}

@media (min-width:70.8125em) {
    [data-router-view=program] .post .post-content {
        flex-grow: 0;
        width: 350px
    }
}

[data-router-view=program] .post .post-title {
    font-size: 4.5rem
}

@media (max-width:47.99em) {
    [data-router-view=program] .post .post-title {
        font-size: 3.75rem
    }
}

[data-router-view=program] .site-background .element:nth-child(12n+1) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/big-saucer@3x.png);
    width: 9.73958%;
    max-width: 187px;
    height: 85px;
    top: 438px;
    right: calc(50% + 599px);
    opacity: .87
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .element:nth-child(12n+1) {
        background-image: url(../assets/images/decorations/elements/big-saucer.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .element:nth-child(12n+1) {
        width: 187px;
        max-width: 187px;
        height: 85px;
        top: 438px;
        right: calc(50% + 599px)
    }
}

[data-router-view=program] .site-background .element:nth-child(12n+2) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/fl-che-left@3x.png);
    width: 6.61458%;
    max-width: 127px;
    height: 70px;
    top: 851px;
    right: calc(50% + -607px)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .element:nth-child(12n+2) {
        background-image: url(../assets/images/decorations/elements/fl-che-left.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .element:nth-child(12n+2) {
        width: 127px;
        max-width: 127px;
        height: 70px;
        top: 851px;
        right: calc(50% + -607px)
    }
}

[data-router-view=program] .site-background .element:nth-child(12n+3) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/plan-paper@3x.png);
    width: 5.52083%;
    max-width: 106px;
    height: 129px;
    top: 1958px;
    right: calc(50% + 532px)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .element:nth-child(12n+3) {
        background-image: url(../assets/images/decorations/elements/plan-paper.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .element:nth-child(12n+3) {
        width: 106px;
        max-width: 106px;
        height: 129px;
        top: 1958px;
        right: calc(50% + 532px)
    }
}

[data-router-view=program] .site-background .element:nth-child(12n+4) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    width: 3.125%;
    max-width: 60px;
    height: 35px;
    top: 2618px;
    right: calc(50% + 687px)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .element:nth-child(12n+4) {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .element:nth-child(12n+4) {
        width: 60px;
        max-width: 60px;
        height: 35px;
        top: 2618px;
        right: calc(50% + 687px)
    }
}

[data-router-view=program] .site-background .element:nth-child(12n+5) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/paperplane-3@3x.png);
    width: 4.53125%;
    max-width: 87px;
    height: 50px;
    top: 2704px;
    right: calc(50% + 639px)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .element:nth-child(12n+5) {
        background-image: url(../assets/images/decorations/elements/paperplane-3.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .element:nth-child(12n+5) {
        width: 87px;
        max-width: 87px;
        height: 50px;
        top: 2704px;
        right: calc(50% + 639px)
    }
}

[data-router-view=program] .site-background .element:nth-child(12n+6) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/teeth@3x.png);
    width: 6.92708%;
    max-width: 133px;
    height: 113px;
    top: 3654px;
    right: calc(50% + -653px)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .element:nth-child(12n+6) {
        background-image: url(../assets/images/decorations/elements/teeth.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .element:nth-child(12n+6) {
        width: 133px;
        max-width: 133px;
        height: 113px;
        top: 3654px;
        right: calc(50% + -653px)
    }
}

[data-router-view=program] .site-background .watermelon-1:nth-child(12n+7) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/watermelon-1@3x.png);
    width: 3.33333%;
    max-width: 64px;
    height: 132px;
    top: 4986px;
    right: calc(50% + 668px)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .watermelon-1:nth-child(12n+7) {
        background-image: url(../assets/images/decorations/elements/watermelon-1.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .watermelon-1:nth-child(12n+7) {
        width: 64px;
        max-width: 64px;
        height: 132px;
        top: 4986px;
        right: calc(50% + 668px)
    }
}

[data-router-view=program] .site-background .watermelon-2:nth-child(12n+8) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/watermelon-2@3x.png);
    width: 5.26042%;
    max-width: 101px;
    height: 222px;
    top: 5096px;
    right: calc(50% + 603px)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .watermelon-2:nth-child(12n+8) {
        background-image: url(../assets/images/decorations/elements/watermelon-2.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .watermelon-2:nth-child(12n+8) {
        width: 101px;
        max-width: 101px;
        height: 222px;
        top: 5096px;
        right: calc(50% + 603px)
    }
}

[data-router-view=program] .site-background .element:nth-child(12n+9) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/fl-che-right@3x.png);
    width: 7.5%;
    max-width: 144px;
    height: 91px;
    top: 6391px;
    right: calc(50% + 537px)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .element:nth-child(12n+9) {
        background-image: url(../assets/images/decorations/elements/fl-che-right.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .element:nth-child(12n+9) {
        width: 144px;
        max-width: 144px;
        height: 91px;
        top: 6391px;
        right: calc(50% + 537px)
    }
}

[data-router-view=program] .site-background .barbie:nth-child(12n+10) {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 183px;
    max-width: 183px;
    height: 220px;
    top: 6965px;
    left: 1479px;
    transform: rotate(23deg)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .barbie:nth-child(12n+10) {
        background-image: url(../assets/images/decorations/elements/.png);
        display: none
    }
}

[data-router-view=program] .site-background .barbie:nth-child(12n+10) span {
    display: block
}

[data-router-view=program] .site-background .barbie:nth-child(12n+10) span:first-child {
    background-image: url(../assets/images/decorations/elements/jambe-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 70px;
    transform-origin: right bottom
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .barbie:nth-child(12n+10) span:first-child {
        background-image: url(../assets/images/decorations/elements/jambe-1.png)
    }
}

[data-router-view=program] .site-background .barbie:nth-child(12n+10) span:nth-child(2) {
    background-image: url(../assets/images/decorations/elements/jambe-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform-origin: left bottom;
    width: 70px;
    top: -8px;
    left: 65px;
    z-index: -1
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .barbie:nth-child(12n+10) span:nth-child(2) {
        background-image: url(../assets/images/decorations/elements/jambe-2.png)
    }
}

[data-router-view=program] .site-background .element:nth-child(12n+11) {
    content: "12";
    background-image: url(../assets/images/decorations/elements/paperplane-3@3x.png);
    width: 3.90625%;
    max-width: 75px;
    height: 43px;
    top: 7799px;
    right: calc(50% + 555px)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .element:nth-child(12n+11) {
        background-image: url(../assets/images/decorations/elements/paperplane-3.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=program] .site-background .element:nth-child(12n+11) {
        width: 75px;
        max-width: 75px;
        height: 43px;
        top: 7799px;
        right: calc(50% + 555px)
    }
}

[data-router-view=program] .site-background .icecream.icecream-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 95px;
    max-width: 95px;
    height: 73px;
    top: 8170px;
    left: 1322px;
    opacity: 0
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .icecream.icecream-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=program] .site-background .icecream.icecream-1 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .icecream.icecream-1 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=program] .site-background .icecream.icecream-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 51px;
    max-width: 51px;
    height: 76px;
    top: 8230px;
    left: 1279px;
    opacity: 0
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .icecream.icecream-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=program] .site-background .icecream.icecream-2 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .icecream.icecream-2 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=program] .site-background .icecream.icecream-3 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 82px;
    max-width: 82px;
    height: 125px;
    top: 8255px;
    left: 1333px;
    opacity: 0
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .icecream.icecream-3 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=program] .site-background .icecream.icecream-3 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    [data-router-view=program] .site-background .icecream.icecream-3 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=location] .page-header .center,
[data-router-view=location] .page-header [data-router-view=practical] .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map [data-router-view=location] .page-header iframe+div {
    display: flex
}

@media (max-width:47.99em) {

    [data-router-view=location] .page-header .center,
    [data-router-view=location] .page-header [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map [data-router-view=location] .page-header iframe+div {
        flex-direction: column
    }
}

@media (min-width:48em) {

    [data-router-view=location] .page-header .center,
    [data-router-view=location] .page-header [data-router-view=practical] .practical-main-map iframe+div,
    [data-router-view=practical] .practical-main-map [data-router-view=location] .page-header iframe+div {
        justify-content: space-between;
        align-items: baseline
    }
}

[data-router-view=location] .page-header .button {
    position: relative;
    z-index: 999
}

@media (max-width:47.99em) {
    [data-router-view=location] .page-header .button {
        margin-top: 30px
    }
}

[data-router-view=location] .location-map {
    position: relative;
    z-index: 999
}

@media (min-width:61.25em) {
    [data-router-view=location] .location-map {
        display: flex;
        flex-wrap: wrap;
        height: 665px;
        margin-top: 100px
    }
}

[data-router-view=location] .location-map-list {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 1;
    height: 100%;
    overflow: auto;
    background-color: #eff4f3;
    cursor: default;
    -webkit-overflow-scrolling: touch
}

@media (min-width:61.25em) {
    [data-router-view=location] .location-map-list {
        width: 360px;
        border-bottom: 1px solid #6a7c98
    }
}

@media (max-width:61.24em) {
    [data-router-view=location] .location-map-list {
        max-height: 360px;
        margin-top: 100px;
        padding-right: 25px;
        padding-left: 25px
    }
}

@media (max-width:47.99em) {
    [data-router-view=location] .location-map-list {
        padding-right: 5px;
        padding-left: 5px
    }
}

[data-router-view=location] .location-map-list .location-map-text {
    display: none
}

[data-router-view=location] .location-map-wrapper {
    position: relative;
    flex-grow: 1;
    height: 665px;
    overflow: hidden;
    background-color: #e0e0e0
}

[data-router-view=location] .location-map-google {
    width: 100%;
    height: 100%
}

[data-router-view=location] .location-map-filter {
    position: relative;
    padding: 15px;
    background-color: #eff4f3
}

[data-router-view=location] .location-map-filter .button {
    height: auto;
    width: 100%;
    padding: 20px 30px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1);
    background-color: rgba(43, 54, 68, 0.5);
    color: #fff;
    font-size: 1rem;
    letter-spacing: -.02em;
    line-height: 1
}

[data-router-view=location] .location-map-filter.is-open .location-map-options {
    display: block
}

[data-router-view=location] .location-map-filter.is-open .location-map-selected {
    background-color: #0a004d
}

[data-router-view=location] .location-map-filter.is-open .location-map-selected .svg {
    transform: rotate(180deg) translateY(2px)
}

[data-router-view=location] .location-map-options {
    position: absolute;
    top: calc(100% - 15px);
    right: 15px;
    left: 15px;
    display: none;
    z-index: 10;
    max-height: 300px;
    overflow: auto;
    border-top: 1px solid #fff;
    background-color: rgba(43, 54, 68, 0.5);
    -webkit-overflow-scrolling: touch
}

@media (max-width:47.99em) {
    [data-router-view=location] .location-map-options {
        max-height: 275px
    }
}

[data-router-view=location] .location-map-options li+li {
    border-top: 1px solid #fff
}

[data-router-view=location] .location-map-options .button.is-active,
[data-router-view=location] .location-map-options .button:hover {
    background-color: #0a004d
}

[data-router-view=location] .location-map-selected {
    position: relative;
    transition: background .3s cubic-bezier(.165, .84, .44, 1)
}

.no-touchevents [data-router-view=location] .location-map-selected:hover {
    background-color: #0a004d
}

[data-router-view=location] .location-map-selected .svg {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    transform-origin: 50% 50%;
    transition: transform .3s cubic-bezier(.165, .84, .44, 1);
    fill: #fff
}

[data-router-view=location] .location-map-items {
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    flex-grow: 1;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

[data-router-view=location] .location-map-item {
    position: relative;
    padding: 20px;
    border-top: 1px solid #d2d2d2;
    cursor: pointer;
    transition: background-color .3s cubic-bezier(.165, .84, .44, 1)
}

[data-router-view=location] .location-map-item.is-hidden {
    display: none
}

[data-router-view=location] .location-map-item:hover {
    background-color: rgba(43, 54, 68, 0.5)
}

[data-router-view=location] .location-map-item:hover .location-map-title {
    color: #fff
}

[data-router-view=location] .location-map-item:hover .location-map-type {
    color: hsla(0, 0%, 100%, .5)
}

[data-router-view=location] .location-map-link {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1
}

[data-router-view=location] .location-map-type {
    margin-bottom: 5px;
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    color: rgba(17, 0, 128, .5);
    font-size: .625rem;
    letter-spacing: .4em;
    line-height: 1;
    text-transform: uppercase
}

[data-router-view=location] .location-map-title {
    font-family: "Solano Gothic MVB BD";
    font-weight: 700;
    font-style: normal;
    transition: color .3s cubic-bezier(.165, .84, .44, 1);
    color: rgba(43, 54, 68, 0.5);
    font-size: 1rem;
    letter-spacing: -.02em;
    line-height: 1.4375
}

[data-router-view=location] .location-map-text {
    margin-top: 5px;
    color: rgba(17, 0, 128, .5);
    font-size: .8125rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1rem
}

[data-router-view=location] .location-map-tooltip {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    width: 220px;
    padding: 20px;
    display: none;
    z-index: 2;
    transform: translate(-50%, calc(-100% - 70px));
    transform-origin: 50% 100%;
    border-radius: 10px;
    background-color: #fff;
    text-align: center
}

[data-router-view=location] .location-map-tooltip:after {
    position: absolute;
    bottom: -6px;
    left: 50%;
    height: 6px;
    width: 12px;
    margin-left: -6px;
    content: "";
    border-top: 6px solid #fff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent
}

[data-router-view=sponsors] .site-container {
    padding-bottom: 170px
}

[data-router-view=sponsors] .page-header {
    margin-bottom: 115px
}

[data-router-view=sponsors] .site-background .element:nth-child(9n+1) {
    content: "9";
    background-image: url(../assets/images/decorations/elements/fl-che-right@3x.png);
    width: 5.15625%;
    max-width: 99px;
    height: 55px;
    top: 516px;
    right: calc(50% + 685px)
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .element:nth-child(9n+1) {
        background-image: url(../assets/images/decorations/elements/fl-che-right.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=sponsors] .site-background .element:nth-child(9n+1) {
        width: 99px;
        max-width: 99px;
        height: 55px;
        top: 516px;
        right: calc(50% + 685px)
    }
}

[data-router-view=sponsors] .site-background .element:nth-child(9n+2) {
    content: "9";
    background-image: url(../assets/images/decorations/elements/paperplane-2@3x.png);
    width: 4.53125%;
    max-width: 87px;
    height: 50px;
    top: 477px;
    right: calc(50% + -160px)
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .element:nth-child(9n+2) {
        background-image: url(../assets/images/decorations/elements/paperplane-2.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=sponsors] .site-background .element:nth-child(9n+2) {
        width: 87px;
        max-width: 87px;
        height: 50px;
        top: 477px;
        right: calc(50% + -160px)
    }
}

[data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) {
    content: "9";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 183px;
    max-width: 183px;
    height: 220px;
    top: 979px;
    left: 0;
    transform: rotate(23deg);
    left: -100px
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

@media (min-width:84.375em) {
    [data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) {
        left: 0
    }
}

@media (min-width:103.125em) {
    [data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) {
        left: 176px
    }
}

@media (max-width:64.0625em) {
    [data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) {
        display: none
    }
}

[data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) span {
    display: block
}

[data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) span:first-child {
    background-image: url(../assets/images/decorations/elements/jambe-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 70px;
    transform-origin: right bottom
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) span:first-child {
        background-image: url(../assets/images/decorations/elements/jambe-1.png)
    }
}

[data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) span:nth-child(2) {
    background-image: url(../assets/images/decorations/elements/jambe-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform-origin: left bottom;
    width: 70px;
    top: -8px;
    left: 65px;
    z-index: -1
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .barbie:nth-child(9n+3) span:nth-child(2) {
        background-image: url(../assets/images/decorations/elements/jambe-2.png)
    }
}

[data-router-view=sponsors] .site-background .icecream.icecream-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 95px;
    max-width: 95px;
    height: 73px;
    top: 1532px;
    left: 1662px;
    opacity: 0
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .icecream.icecream-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=sponsors] .site-background .icecream.icecream-1 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .icecream.icecream-1 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=sponsors] .site-background .icecream.icecream-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 51px;
    max-width: 51px;
    height: 76px;
    top: 1562px;
    left: 1609px;
    opacity: 0
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .icecream.icecream-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=sponsors] .site-background .icecream.icecream-2 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .icecream.icecream-2 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=sponsors] .site-background .icecream.icecream-3 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 82px;
    max-width: 82px;
    height: 125px;
    top: 1612px;
    left: 1630px;
    opacity: 0
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .icecream.icecream-3 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=sponsors] .site-background .icecream.icecream-3 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .icecream.icecream-3 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=sponsors] .site-background .paperplane-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 51px;
    max-width: 51px;
    height: 33px;
    top: 2518px;
    left: 300px;
    opacity: 0;
    transform: translateY(-20px)
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .paperplane-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=sponsors] .site-background .paperplane-1 span {
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .paperplane-1 span {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .paperplane-1 {
        display: none
    }
}

[data-router-view=sponsors] .site-background .paperplane-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 75px;
    max-width: 75px;
    height: 43px;
    top: 2607px;
    left: 200px;
    opacity: 0;
    transform: translateY(-20px)
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .paperplane-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=sponsors] .site-background .paperplane-2 span {
    background-image: url(../assets/images/decorations/elements/paperplane-4@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1) rotate(20deg)
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .paperplane-2 span {
        background-image: url(../assets/images/decorations/elements/paperplane-4.png)
    }
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .paperplane-2 {
        display: none
    }
}

[data-router-view=sponsors] .site-background .element:nth-child(9n+9) {
    content: "9";
    background-image: url(../assets/images/decorations/elements/teeth@3x.png);
    width: 6.92708%;
    max-width: 133px;
    height: 97px;
    top: 2749px;
    right: calc(50% + -655px);
    transform: rotate(5deg)
}

@media (max-width:61.24em) {
    [data-router-view=sponsors] .site-background .element:nth-child(9n+9) {
        background-image: url(../assets/images/decorations/elements/teeth.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=sponsors] .site-background .element:nth-child(9n+9) {
        width: 133px;
        max-width: 133px;
        height: 97px;
        top: 2749px;
        right: calc(50% + -655px)
    }
}

[data-router-view=practical] .page-header {
    margin-bottom: 30px
}

@media (max-width:47.99em) {
    [data-router-view=practical] .page-header {
        padding-top: 100px
    }
}

@media (min-width:61.25em) {
    [data-router-view=practical] .page-header {
        margin-bottom: 75px
    }
}

[data-router-view=practical] .page-header .center,
[data-router-view=practical] .page-header .practical-main-map iframe+div,
[data-router-view=practical] .practical-main-map .page-header iframe+div {
    padding-bottom: 30px
}

[data-router-view=practical] .page-header+.practical-main-map {
    margin-top: 50px
}

[data-router-view=practical] .practical-main-map {
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
    z-index: 2
}

@media (max-width:47.99em) {
    [data-router-view=practical] .practical-main-map iframe {
        height: 550px !important
    }
}

[data-router-view=practical] .practical-main-map iframe+div a {
    display: block;
    margin-top: 20px;
    max-width: 900px;
    margin-left: auto
}

[data-router-view=practical] .post+.post {
    margin-top: 77px
}

@media (max-width:61.24em) {
    [data-router-view=practical] .post+.post {
        margin-top: 110px
    }
}

@media (max-width:37.49em) {
    [data-router-view=practical] .post+.post {
        margin-top: 80px
    }
}

[data-router-view=practical] .post+.synopsis {
    margin-top: 75px
}

[data-router-view=practical] .post-text ul li {
    padding-left: 0;
    color: #fff
}

[data-router-view=practical] .post-text ul li:before {
    display: none
}

[data-router-view=practical] .post-text ul li a {
    color: #fff
}

[data-router-view=practical] .post-text ul li a:hover {
    color: rgba(43, 54, 68, 0.5)
}

[data-router-view=practical] .post-text ul li a:after {
    content: "";
    width: 18px;
    height: 11px;
    display: inline-block;
    background: url(../assets/images/icons/arrow-right.svg);
    margin-left: 10px
}

[data-router-view=practical] .post-link .button--pils {
    border: 2px solid #fff;
    background-color: transparent;
    color: #fff;
    font-size: 1.0625rem;
    text-align: center
}

@media (max-width:37.49em) {
    [data-router-view=practical] .post-link .button--pils {
        width: 100%
    }
}

[data-router-view=practical] .post-link .button--transparent {
    margin-left: 20px
}

@media (max-width:37.49em) {
    [data-router-view=practical] .post-link .button--transparent {
        display: block;
        margin-top: 20px;
        margin-left: 0;
        text-align: center
    }
}

[data-router-view=practical] .post-link .button--pils:hover {
    border-color: #fff;
    background-color: #fff
}

[data-router-view=practical] .post-link .button--pils:hover .svg {
    fill: #fff
}

[data-router-view=practical] .post-link .button--transparent:hover {
    color: rgba(43, 54, 68, 0.5)
}

[data-router-view=practical] .post-link .button--transparent:hover .svg {
    fill: #fff
}

[data-router-view=practical] .synopsis {
    margin-top: -20px;
    margin-bottom: 60px
}

[data-router-view=practical] .synopsis .section-header-title {
    font-family: Noe Display, Times, Georgia, serif;
    font-weight: 500;
    font-style: normal;
    color: #fff;
    letter-spacing: -.7px;
    font-size: 2.1875rem
}

@media (max-width:47.99em) {
    [data-router-view=practical] .synopsis .section-header-title {
        font-size: 2.5rem
    }
}

@media (min-width:70.8125em) {
    [data-router-view=practical] .synopsis .section-header-title {
        max-width: 700px
    }
}

[data-router-view=practical] .synopsis .section-content {
    margin-top: 67px
}

[data-router-view=practical] .site-background .barbie {
    content: "10";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 183px;
    max-width: 183px;
    height: 220px;
    top: 279px;
    left: 1535px;
    transform: rotate(23deg)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .barbie {
        background-image: url(../assets/images/decorations/elements/.png);
        display: none
    }
}

[data-router-view=practical] .site-background .barbie span {
    display: block
}

[data-router-view=practical] .site-background .barbie span:first-child {
    background-image: url(../assets/images/decorations/elements/jambe-1@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 70px;
    transform-origin: right bottom
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .barbie span:first-child {
        background-image: url(../assets/images/decorations/elements/jambe-1.png)
    }
}

[data-router-view=practical] .site-background .barbie span:nth-child(2) {
    background-image: url(../assets/images/decorations/elements/jambe-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform-origin: left bottom;
    width: 70px;
    top: -8px;
    left: 65px;
    z-index: -1
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .barbie span:nth-child(2) {
        background-image: url(../assets/images/decorations/elements/jambe-2.png)
    }
}

[data-router-view=practical] .site-background .element:nth-child(10n+2) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/plan-paper@3x.png);
    width: 5.52083%;
    max-width: 106px;
    height: 129px;
    top: 1422px;
    right: calc(50% + 589px)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+2) {
        background-image: url(../assets/images/decorations/elements/plan-paper.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+2) {
        width: 106px;
        max-width: 106px;
        height: 129px;
        top: 1422px;
        right: calc(50% + 589px)
    }
}

[data-router-view=practical] .site-background .element:nth-child(10n+3) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/paperplane-1@3x.png);
    width: 3.125%;
    max-width: 60px;
    height: 35px;
    top: 1691px;
    right: calc(50% + -596px)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+3) {
        background-image: url(../assets/images/decorations/elements/paperplane-1.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+3) {
        width: 60px;
        max-width: 60px;
        height: 35px;
        top: 1691px;
        right: calc(50% + -596px)
    }
}

[data-router-view=practical] .site-background .element:nth-child(10n+4) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/paperplane-3@3x.png);
    width: 4.53125%;
    max-width: 87px;
    height: 50px;
    top: 1748px;
    right: calc(50% + -674px)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+4) {
        background-image: url(../assets/images/decorations/elements/paperplane-3.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+4) {
        width: 87px;
        max-width: 87px;
        height: 50px;
        top: 1748px;
        right: calc(50% + -674px)
    }
}

[data-router-view=practical] .site-background .element:nth-child(10n+5) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/paperplane-2@3x.png);
    width: 4.53125%;
    max-width: 87px;
    height: 50px;
    top: 3022px;
    right: calc(50% + 598px)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+5) {
        background-image: url(../assets/images/decorations/elements/paperplane-2.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+5) {
        width: 87px;
        max-width: 87px;
        height: 50px;
        top: 3022px;
        right: calc(50% + 598px)
    }
}

[data-router-view=practical] .site-background .element:nth-child(10n+6) {
    content: "10";
    background-image: url(../assets/images/decorations/elements/fl-che-left@3x.png);
    width: calc(0.075px * 100%);
    max-width: 144px;
    height: 95px;
    top: 3819px;
    right: calc(50% + -656px)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+6) {
        background-image: url(../assets/images/decorations/elements/fl-che-left.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=practical] .site-background .element:nth-child(10n+6) {
        width: 144px;
        max-width: 144px;
        height: 95px;
        top: 3819px;
        right: calc(50% + -656px)
    }
}

[data-router-view=practical] .site-background .icecream.icecream-1 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 95px;
    max-width: 95px;
    height: 73px;
    top: 3996px;
    left: 330px;
    opacity: 0
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .icecream.icecream-1 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=practical] .site-background .icecream.icecream-1 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .icecream.icecream-1 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=practical] .site-background .icecream.icecream-2 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 51px;
    max-width: 51px;
    height: 76px;
    top: 4036px;
    left: 293px;
    opacity: 0
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .icecream.icecream-2 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=practical] .site-background .icecream.icecream-2 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .icecream.icecream-2 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=practical] .site-background .icecream.icecream-3 {
    content: "";
    background-image: url(../assets/images/decorations/elements/@3x.png);
    width: 82px;
    max-width: 82px;
    height: 125px;
    top: 4081px;
    left: 341px;
    opacity: 0
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .icecream.icecream-3 {
        background-image: url(../assets/images/decorations/elements/.png)
    }
}

[data-router-view=practical] .site-background .icecream.icecream-3 span {
    background-image: url(../assets/images/decorations/elements/ice-cream-2@3x.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    transform: scale(-1)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .icecream.icecream-3 span {
        background-image: url(../assets/images/decorations/elements/ice-cream-2.png)
    }
}

[data-router-view=practical] .site-background .big-saucer:nth-child(10n+10) {
    opacity: .87;
    content: "10";
    background-image: url(../assets/images/decorations/elements/big-saucer@3x.png);
    width: 9.73958%;
    max-width: 187px;
    height: 85px;
    top: 4946px;
    right: calc(50% + 617px)
}

@media (max-width:61.24em) {
    [data-router-view=practical] .site-background .big-saucer:nth-child(10n+10) {
        background-image: url(../assets/images/decorations/elements/big-saucer.png)
    }
}

@media (min-width:61.25em) {
    [data-router-view=practical] .site-background .big-saucer:nth-child(10n+10) {
        width: 187px;
        max-width: 187px;
        height: 85px;
        top: 4946px;
        right: calc(50% + 617px)
    }
}

@media (min-width:61.25em) {
    [data-router-view=workshops] .grid-header {
        margin-top: -170px;
        margin-bottom: 280px
    }
}

@media (min-width:61.25em) {
    [data-router-view=workshops] .page-header {
        padding-top: 292px;
        min-height: 572px
    }
}

@media (min-width:70.8125em) {

    [data-router-view=practical] .practical-main-map [data-router-view=workshops] .page-header iframe+div,
    [data-router-view=workshops] .page-header .center,
    [data-router-view=workshops] .page-header [data-router-view=practical] .practical-main-map iframe+div {
        padding-bottom: 21px
    }
}

@media (min-width:61.25em) {
    [data-router-view=workshops] .grid {
        margin-top: 52px
    }
}

[data-router-view=privacy-policy] .site-container {
    padding-top: 80px;
    padding-bottom: 80px
}

@media (min-width:61.25em) {
    [data-router-view=privacy-policy] .site-container {
        padding-top: 220px;
        padding-bottom: 120px
    }
}

[data-router-view=practical] .practical-main-map [data-router-view=privacy-policy] .site-container iframe+div,
[data-router-view=privacy-policy] .site-container .center,
[data-router-view=privacy-policy] .site-container [data-router-view=practical] .practical-main-map iframe+div {
    position: relative
}

@font-face {
    font-family: "Solano Gothic MVB BD";
    src: url(../fonts/hinted-Kizo-Condensed2.woff2) format("woff2"), url(../fonts/hinted-Kizo-Condensed2.woff) format("woff"), url(../fonts/hinted-Kizo-Condensed2.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'Solano Gothic MVB BD';
    src: url(../fonts/hinted-SolanoGothicMVB-Bd.eot);
    src: url(../fonts/hinted-SolanoGothicMVB-Bd.eot?#iefix) format("embedded-opentype"), url(../fonts/hinted-SolanoGothicMVB-Bd.woff2) format("woff2"), url(../fonts/hinted-SolanoGothicMVB-Bd.woff) format("woff"), url(../fonts/hinted-SolanoGothicMVB-Bd.ttf) format("truetype"), url(../fonts/hinted-SolanoGothicMVB-Bd.svg#SolanoGothicMVB-Bd) format("svg");
    font-weight: 700;
    font-style: normal
}

/*# sourceMappingURL=main.css.map */