@charset "UTF-8";
/*!
Theme Name: Francofolies de Spa
Theme URI: http://www.francofolies.be
Author: c'est beau !
Author URI: http://www.cestbeau.be
Description: Default website theme
Version: 1.0
*/

:root {
    --c-primary: #FF6464;
    --c-primary-light: #54C9FC;
    --c-secondary: #000000;
    --c-secondary-light: #FE8F9F;
    --c-tertiary: #FEC452;
    --c-bg: #FEF5EC;
    --c-text: #000000;
    --c-shape: #7DCCA4;
    --f-text: "obviously-narrow", sans-serif;
    --f-title: "obviously-narrow", sans-serif;
    --f-title-bold: "obviously-narrow", sans-serif;
    --ls-title: -0.32px;

    --c-red: #FF6464;
    --c-green: #7DCCA4;
    --c-blue: #54C9FC;
    --c-yellow: #FEC452;
    --c-black: #000000;
    --c-purple: #B693ED;
}


@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word
}

h1, h2, h3, h4 {
    font-size: 20px;
    font-weight: normal;
    line-height: 1em
}

li, p {
    line-height: 1.4em
}

h1, h2, h3, h4, p {
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0
}

a, a > *, button, button > * {
    outline: none
}

a img, button {
    border: none
}

html {
    font-size: 20px
}

body {
    -webkit-font-smoothing: antialiased;
    /*color: var(--c-primary);;*/
    color: var(--c-text);
    background-color: #201323;
    font-family: var(--f-text);
    font-weight: 400;
    font-style: normal
}

body.nav-open {
    overflow: hidden
}

sub, sup {
    vertical-align: 0;
    position: relative
}

sup {
    bottom: 1ex
}

sub {
    top: 0.8ex
}

.clearfix:after, .clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.text-underline {
    text-decoration: underline
}

.no-margin-top {
    margin-top: 0 !important
}

.tiny-margin-top {
    margin-top: 5px !important
}

.small-margin-top {
    margin-top: 8px !important
}

.medium-margin-top {
    margin-top: 15px !important
}

.large-margin-top {
    margin-top: 30px !important
}

.xlarge-margin-top {
    margin-top: 60px !important
}

.no-margin-bottom {
    margin-bottom: 0 !important
}

.tiny-margin-bottom {
    margin-bottom: 5px !important
}

.small-margin-bottom {
    margin-bottom: 8px !important
}

.medium-margin-bottom {
    margin-bottom: 15px !important
}

.large-margin-bottom {
    margin-bottom: 30px !important
}

.xlarge-margin-bottom {
    margin-bottom: 60px !important
}

.no-padding-top {
    padding-top: 0 !important
}

.tiny-padding-top {
    padding-top: 5px !important
}

.small-padding-top {
    padding-top: 8px !important
}

.medium-padding-top {
    padding-top: 15px !important
}

.large-padding-top {
    padding-top: 30px !important
}

.xlarge-padding-top {
    padding-top: 60px !important
}

.no-padding-bottom {
    padding-bottom: 0 !important
}

.tiny-padding-bottom {
    padding-bottom: 5px !important
}

.small-padding-bottom {
    padding-bottom: 8px !important
}

.medium-padding-bottom {
    padding-bottom: 15px !important
}

.large-padding-bottom {
    padding-bottom: 30px !important
}

.xlarge-padding-bottom {
    padding-bottom: 60px !important
}

.no-margins-x {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.no-margins-y {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.no-margin-left {
    margin-left: 0 !important
}

.no-margin-right {
    margin-right: 0 !important
}

.no-paddings-x {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.no-paddings-y {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.no-padding-left {
    padding-left: 0 !important
}

.no-padding-right {
    padding-right: 0 !important
}

.text-uppercase {
    text-transform: uppercase !important
}

.text-no-transform {
    text-transform: none !important
}

.valign-center {
    display: table;
    width: 100%;
    height: 100%
}

.valign-center > div {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    margin: 0 auto
}

ul.reset, ul.reset-inline {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.reset-inline {
    overflow: hidden
}

ul.reset-inline > li {
    display: block;
    float: left
}

ul.list-default {
    margin: 0;
    padding-left: 20px
}

a img {
    border: none;
    outline: none
}

.no-interaction {
    pointer-events: none
}

.no-selection {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.chromeframe {
    display: block;
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    padding: 30px 50px;
    color: #fff;
    text-align: center;
    border-bottom: 3px solid #a62723;
    background: #d9534f;
    z-index: 99999
}

.chromeframe a {
    color: #fff;
    text-decoration: underline
}

.chromeframe a:hover {
    color: #f2cdcd;
    text-decoration: underline
}

.chromeframe a.close-alert {
    display: block;
    position: absolute;
    top: 29px;
    right: 25px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none
}

.chromeframe a.close-alert:hover {
    text-decoration: none
}

.nojs-alert {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 75px;
    color: #333;
    text-align: center;
    background: rgba(255, 255, 255, 0.9);
    z-index: 99998
}

.nojs-alert p {
    font-size: 24px
}

@media (min-width: 480px) {
    .container-xs-height {
        display: table;
        padding-left: 0;
        padding-right: 0
    }

    .row-xs-height {
        display: table-row
    }

    .col-xs-height {
        display: table-cell;
        float: none
    }
}

@media (min-width: 768px) {
    .container-sm-height {
        display: table;
        padding-left: 0;
        padding-right: 0
    }

    .row-sm-height {
        display: table-row
    }

    .col-sm-height {
        display: table-cell;
        float: none
    }
}

@media (min-width: 992px) {
    .container-md-height {
        display: table;
        padding-left: 0;
        padding-right: 0
    }

    .row-md-height {
        display: table-row
    }

    .col-md-height {
        display: table-cell;
        float: none
    }
}

@media (min-width: 1200px) {
    .container-lg-height {
        display: table;
        padding-left: 0;
        padding-right: 0
    }

    .row-lg-height {
        display: table-row
    }

    .col-lg-height {
        display: table-cell;
        float: none
    }
}

.col-top {
    vertical-align: top
}

.col-middle {
    vertical-align: middle
}

.col-bottom {
    vertical-align: bottom
}

.row-condensed {
    margin-left: 0px;
    margin-right: 0px
}

.row-condensed [class*=col-] {
    padding-left: 0px;
    padding-right: 0px
}

.rs-img-responsive {
    max-width: 100%;
    height: auto
}

.text-lg-2, .text-lg-3, .text-lg-4, .text-lg-6, .text-md-2, .text-md-3, .text-md-4, .text-md-6, .text-sm-2, .text-sm-3, .text-sm-4, .text-sm-6, .text-xs-2, .text-xs-3, .text-xs-4, .text-xs-6 {
    -moz-column-gap: 30px;
    -webkit-column-gap: 30px;
    column-gap: 30px
}

.text-lg-12, .text-md-12, .text-sm-12, .text-xs-12 {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0
}

@media (min-width: 480px) {
    .text-xs-6 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }

    .text-xs-4 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }

    .text-xs-3 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4
    }

    .text-xs-2 {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6
    }
}

@media (max-width: 767px) {
    .text-xs-left {
        text-align: left
    }

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

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

    .xs-no-margin-top {
        margin-top: 0 !important
    }

    .xs-tiny-margin-top {
        margin-top: 5px !important
    }

    .xs-small-margin-top {
        margin-top: 8px !important
    }

    .xs-medium-margin-top {
        margin-top: 15px !important
    }

    .xs-large-margin-top {
        margin-top: 30px !important
    }

    .xs-xlarge-margin-top {
        margin-top: 60px !important
    }

    .xs-no-margin-bottom {
        margin-bottom: 0 !important
    }

    .xs-tiny-margin-bottom {
        margin-bottom: 5px !important
    }

    .xs-small-margin-bottom {
        margin-bottom: 8px !important
    }

    .xs-medium-margin-bottom {
        margin-bottom: 15px !important
    }

    .xs-large-margin-bottom {
        margin-bottom: 30px !important
    }

    .xs-xlarge-margin-bottom {
        margin-bottom: 60px !important
    }

    .xs-no-margin-left {
        margin-left: 0 !important
    }

    .xs-tiny-margin-left {
        margin-left: 5px !important
    }

    .xs-small-margin-left {
        margin-left: 8px !important
    }

    .xs-medium-margin-left {
        margin-left: 15px !important
    }

    .xs-large-margin-left {
        margin-left: 30px !important
    }

    .xs-xlarge-margin-left {
        margin-left: 60px !important
    }

    .xs-no-margin-right {
        margin-right: 0 !important
    }

    .xs-tiny-margin-right {
        margin-right: 5px !important
    }

    .xs-small-margin-right {
        margin-right: 8px !important
    }

    .xs-medium-margin-right {
        margin-right: 15px !important
    }

    .xs-large-margin-right {
        margin-right: 30px !important
    }

    .xs-xlarge-margin-right {
        margin-right: 60px !important
    }

    .xs-no-padding-top {
        padding-top: 0 !important
    }

    .xs-tiny-padding-top {
        padding-top: 5px !important
    }

    .xs-small-padding-top {
        padding-top: 8px !important
    }

    .xs-medium-padding-top {
        padding-top: 15px !important
    }

    .xs-large-padding-top {
        padding-top: 30px !important
    }

    .xs-xlarge-padding-top {
        padding-top: 60px !important
    }

    .xs-no-padding-bottom {
        padding-bottom: 0 !important
    }

    .xs-tiny-padding-bottom {
        padding-bottom: 5px !important
    }

    .xs-small-padding-bottom {
        padding-bottom: 8px !important
    }

    .xs-medium-padding-bottom {
        padding-bottom: 15px !important
    }

    .xs-large-padding-bottom {
        padding-bottom: 30px !important
    }

    .xs-xlarge-padding-bottom {
        padding-bottom: 60px !important
    }

    .xs-no-padding-left {
        padding-left: 0 !important
    }

    .xs-tiny-padding-left {
        padding-left: 5px !important
    }

    .xs-small-padding-left {
        padding-left: 8px !important
    }

    .xs-medium-padding-left {
        padding-left: 15px !important
    }

    .xs-large-padding-left {
        padding-left: 30px !important
    }

    .xs-xlarge-padding-left {
        padding-left: 60px !important
    }

    .xs-no-padding-right {
        padding-right: 0 !important
    }

    .xs-tiny-padding-right {
        padding-right: 5px !important
    }

    .xs-small-padding-right {
        padding-right: 8px !important
    }

    .xs-medium-padding-right {
        padding-right: 15px !important
    }

    .xs-large-padding-right {
        padding-right: 30px !important
    }

    .xs-xlarge-padding-right {
        padding-right: 60px !important
    }

    .row.col-xs-auto-height {
        overflow: auto
    }

    .row.col-xs-auto-height > [class*=col-] {
        margin-bottom: auto;
        padding-bottom: inherit
    }

    .row.cols-xs-gutter-top > [class*=col-] + [class*=col-] {
        margin-top: 30px
    }
}

@media (min-width: 768px) {
    .text-sm-6 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }

    .text-sm-4 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }

    .text-sm-3 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4
    }

    .text-sm-2 {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6
    }
}

@media (max-width: 991px) {
    .row.cols-sm-gutter-top > [class*=col-] + [class*=col-] {
        margin-top: 30px
    }

    .col-md-3.col-sm-6:nth-child(3), .col-md-3.col-sm-6:nth-child(4) {
        margin-top: 30px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .text-sm-left {
        text-align: left
    }

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

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

    .sm-no-margin-top {
        margin-top: 0 !important
    }

    .sm-tiny-margin-top {
        margin-top: 5px !important
    }

    .sm-small-margin-top {
        margin-top: 8px !important
    }

    .sm-medium-margin-top {
        margin-top: 15px !important
    }

    .sm-large-margin-top {
        margin-top: 30px !important
    }

    .sm-xlarge-margin-top {
        margin-top: 60px !important
    }

    .sm-no-margin-bottom {
        margin-bottom: 0 !important
    }

    .sm-tiny-margin-bottom {
        margin-bottom: 5px !important
    }

    .sm-small-margin-bottom {
        margin-bottom: 8px !important
    }

    .sm-medium-margin-bottom {
        margin-bottom: 15px !important
    }

    .sm-large-margin-bottom {
        margin-bottom: 30px !important
    }

    .sm-xlarge-margin-bottom {
        margin-bottom: 60px !important
    }

    .sm-no-margin-left {
        margin-left: 0 !important
    }

    .sm-tiny-margin-left {
        margin-left: 5px !important
    }

    .sm-small-margin-left {
        margin-left: 8px !important
    }

    .sm-medium-margin-left {
        margin-left: 15px !important
    }

    .sm-large-margin-left {
        margin-left: 30px !important
    }

    .sm-xlarge-margin-left {
        margin-left: 60px !important
    }

    .sm-no-margin-right {
        margin-right: 0 !important
    }

    .sm-tiny-margin-right {
        margin-right: 5px !important
    }

    .sm-small-margin-right {
        margin-right: 8px !important
    }

    .sm-medium-margin-right {
        margin-right: 15px !important
    }

    .sm-large-margin-right {
        margin-right: 30px !important
    }

    .sm-xlarge-margin-right {
        margin-right: 60px !important
    }

    .sm-no-padding-top {
        padding-top: 0 !important
    }

    .sm-tiny-padding-top {
        padding-top: 5px !important
    }

    .sm-small-padding-top {
        padding-top: 8px !important
    }

    .sm-medium-padding-top {
        padding-top: 15px !important
    }

    .sm-large-padding-top {
        padding-top: 30px !important
    }

    .sm-xlarge-padding-top {
        padding-top: 60px !important
    }

    .sm-no-padding-bottom {
        padding-bottom: 0 !important
    }

    .sm-tiny-padding-bottom {
        padding-bottom: 5px !important
    }

    .sm-small-padding-bottom {
        padding-bottom: 8px !important
    }

    .sm-medium-padding-bottom {
        padding-bottom: 15px !important
    }

    .sm-large-padding-bottom {
        padding-bottom: 30px !important
    }

    .sm-xlarge-padding-bottom {
        padding-bottom: 60px !important
    }

    .sm-no-padding-left {
        padding-left: 0 !important
    }

    .sm-tiny-padding-left {
        padding-left: 5px !important
    }

    .sm-small-padding-left {
        padding-left: 8px !important
    }

    .sm-medium-padding-left {
        padding-left: 15px !important
    }

    .sm-large-padding-left {
        padding-left: 30px !important
    }

    .sm-xlarge-padding-left {
        padding-left: 60px !important
    }

    .sm-no-padding-right {
        padding-right: 0 !important
    }

    .sm-tiny-padding-right {
        padding-right: 5px !important
    }

    .sm-small-padding-right {
        padding-right: 8px !important
    }

    .sm-medium-padding-right {
        padding-right: 15px !important
    }

    .sm-large-padding-right {
        padding-right: 30px !important
    }

    .sm-xlarge-padding-right {
        padding-right: 60px !important
    }

    .row.col-sm-auto-height {
        overflow: auto
    }

    .row.col-sm-auto-height > [class*=col-] {
        margin-bottom: auto;
        padding-bottom: inherit
    }
}

@media (min-width: 992px) {
    .text-md-6 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }

    .text-md-4 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }

    .text-md-3 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4
    }

    .text-md-2 {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6
    }
}

@media (max-width: 1199px) {
    .row.cols-md-gutter-top > [class*=col-] + [class*=col-] {
        margin-top: 30px
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .text-md-left {
        text-align: left
    }

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

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

    .md-no-margin-top {
        margin-top: 0 !important
    }

    .md-tiny-margin-top {
        margin-top: 5px !important
    }

    .md-small-margin-top {
        margin-top: 8px !important
    }

    .md-medium-margin-top {
        margin-top: 15px !important
    }

    .md-large-margin-top {
        margin-top: 30px !important
    }

    .md-xlarge-margin-top {
        margin-top: 60px !important
    }

    .md-no-margin-bottom {
        margin-bottom: 0 !important
    }

    .md-tiny-margin-bottom {
        margin-bottom: 5px !important
    }

    .md-small-margin-bottom {
        margin-bottom: 8px !important
    }

    .md-medium-margin-bottom {
        margin-bottom: 15px !important
    }

    .md-large-margin-bottom {
        margin-bottom: 30px !important
    }

    .md-xlarge-margin-bottom {
        margin-bottom: 60px !important
    }

    .md-no-margin-left {
        margin-left: 0 !important
    }

    .md-tiny-margin-left {
        margin-left: 5px !important
    }

    .md-small-margin-left {
        margin-left: 8px !important
    }

    .md-medium-margin-left {
        margin-left: 15px !important
    }

    .md-large-margin-left {
        margin-left: 30px !important
    }

    .md-xlarge-margin-left {
        margin-left: 60px !important
    }

    .md-no-margin-right {
        margin-right: 0 !important
    }

    .md-tiny-margin-right {
        margin-right: 5px !important
    }

    .md-small-margin-right {
        margin-right: 8px !important
    }

    .md-medium-margin-right {
        margin-right: 15px !important
    }

    .md-large-margin-right {
        margin-right: 30px !important
    }

    .md-xlarge-margin-right {
        margin-right: 60px !important
    }

    .md-no-padding-top {
        padding-top: 0 !important
    }

    .md-tiny-padding-top {
        padding-top: 5px !important
    }

    .md-small-padding-top {
        padding-top: 8px !important
    }

    .md-medium-padding-top {
        padding-top: 15px !important
    }

    .md-large-padding-top {
        padding-top: 30px !important
    }

    .md-xlarge-padding-top {
        padding-top: 60px !important
    }

    .md-no-padding-bottom {
        padding-bottom: 0 !important
    }

    .md-tiny-padding-bottom {
        padding-bottom: 5px !important
    }

    .md-small-padding-bottom {
        padding-bottom: 8px !important
    }

    .md-medium-padding-bottom {
        padding-bottom: 15px !important
    }

    .md-large-padding-bottom {
        padding-bottom: 30px !important
    }

    .md-xlarge-padding-bottom {
        padding-bottom: 60px !important
    }

    .md-no-padding-left {
        padding-left: 0 !important
    }

    .md-tiny-padding-left {
        padding-left: 5px !important
    }

    .md-small-padding-left {
        padding-left: 8px !important
    }

    .md-medium-padding-left {
        padding-left: 15px !important
    }

    .md-large-padding-left {
        padding-left: 30px !important
    }

    .md-xlarge-padding-left {
        padding-left: 60px !important
    }

    .md-no-padding-right {
        padding-right: 0 !important
    }

    .md-tiny-padding-right {
        padding-right: 5px !important
    }

    .md-small-padding-right {
        padding-right: 8px !important
    }

    .md-medium-padding-right {
        padding-right: 15px !important
    }

    .md-large-padding-right {
        padding-right: 30px !important
    }

    .md-xlarge-padding-right {
        padding-right: 60px !important
    }

    .row.col-md-auto-height {
        overflow: auto
    }

    .row.col-md-auto-height > [class*=col-] {
        margin-bottom: auto;
        padding-bottom: inherit
    }
}

@media (min-width: 1200px) {
    .text-lg-6 {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }

    .text-lg-4 {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }

    .text-lg-3 {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4
    }

    .text-lg-2 {
        -moz-column-count: 6;
        -webkit-column-count: 6;
        column-count: 6
    }

    .lg-no-margin-top {
        margin-top: 0 !important
    }

    .lg-tiny-margin-top {
        margin-top: 5px !important
    }

    .lg-small-margin-top {
        margin-top: 8px !important
    }

    .lg-medium-margin-top {
        margin-top: 15px !important
    }

    .lg-large-margin-top {
        margin-top: 30px !important
    }

    .lg-xlarge-margin-top {
        margin-top: 60px !important
    }

    .lg-no-margin-bottom {
        margin-bottom: 0 !important
    }

    .lg-tiny-margin-bottom {
        margin-bottom: 5px !important
    }

    .lg-small-margin-bottom {
        margin-bottom: 8px !important
    }

    .lg-medium-margin-bottom {
        margin-bottom: 15px !important
    }

    .lg-large-margin-bottom {
        margin-bottom: 30px !important
    }

    .lg-xlarge-margin-bottom {
        margin-bottom: 60px !important
    }

    .lg-no-margin-left {
        margin-left: 0 !important
    }

    .lg-tiny-margin-left {
        margin-left: 5px !important
    }

    .lg-small-margin-left {
        margin-left: 8px !important
    }

    .lg-medium-margin-left {
        margin-left: 15px !important
    }

    .lg-large-margin-left {
        margin-left: 30px !important
    }

    .lg-xlarge-margin-left {
        margin-left: 60px !important
    }

    .lg-no-margin-right {
        margin-right: 0 !important
    }

    .lg-tiny-margin-right {
        margin-right: 5px !important
    }

    .lg-small-margin-right {
        margin-right: 8px !important
    }

    .lg-medium-margin-right {
        margin-right: 15px !important
    }

    .lg-large-margin-right {
        margin-right: 30px !important
    }

    .lg-xlarge-margin-right {
        margin-right: 60px !important
    }

    .lg-no-padding-top {
        padding-top: 0 !important
    }

    .lg-tiny-padding-top {
        padding-top: 5px !important
    }

    .lg-small-padding-top {
        padding-top: 8px !important
    }

    .lg-medium-padding-top {
        padding-top: 15px !important
    }

    .lg-large-padding-top {
        padding-top: 30px !important
    }

    .lg-xlarge-padding-top {
        padding-top: 60px !important
    }

    .lg-no-padding-bottom {
        padding-bottom: 0 !important
    }

    .lg-tiny-padding-bottom {
        padding-bottom: 5px !important
    }

    .lg-small-padding-bottom {
        padding-bottom: 8px !important
    }

    .lg-medium-padding-bottom {
        padding-bottom: 15px !important
    }

    .lg-large-padding-bottom {
        padding-bottom: 30px !important
    }

    .lg-xlarge-padding-bottom {
        padding-bottom: 60px !important
    }

    .lg-no-padding-left {
        padding-left: 0 !important
    }

    .lg-tiny-padding-left {
        padding-left: 5px !important
    }

    .lg-small-padding-left {
        padding-left: 8px !important
    }

    .lg-medium-padding-left {
        padding-left: 15px !important
    }

    .lg-large-padding-left {
        padding-left: 30px !important
    }

    .lg-xlarge-padding-left {
        padding-left: 60px !important
    }

    .lg-no-padding-right {
        padding-right: 0 !important
    }

    .lg-tiny-padding-right {
        padding-right: 5px !important
    }

    .lg-small-padding-right {
        padding-right: 8px !important
    }

    .lg-medium-padding-right {
        padding-right: 15px !important
    }

    .lg-large-padding-right {
        padding-right: 30px !important
    }

    .lg-xlarge-padding-right {
        padding-right: 60px !important
    }

    .row.col-lg-auto-height {
        overflow: auto
    }

    .row.col-lg-auto-height > [class*=col-] {
        margin-bottom: auto;
        padding-bottom: inherit
    }
}

@media (max-width: 1599px) {
    .row.cols-lg-gutter-top > [class*=col-] + [class*=col-] {
        margin-top: 30px
    }
}

.artists-items > h3, .artists-items > p {
    /*text-align: center*/

}

.artists-items > h3 {
    padding-top: 90px;
    padding-bottom: 45px;
    color: var(--c-text);;
    font-family: var(--f-title-bold);
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-size: 43px;
}

.artists-items > p {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    color: rgba(0, 0, 0, 0.6)
}


.artists-items ul {
    clear: left;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 1rem;
}

@media (min-width: 760px) {
    .artists-items ul {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1199px) {
    .artists-items ul {
        grid-template-columns: repeat(4, 1fr);
    }
}

.artists-items--home {
    max-height: 80vh;
    overflow: hidden;
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

@media (min-width: 768px) {
    .artists-items--home {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .artists-items--home {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (min-width: 1200px) {
    .artists-items--home {
        grid-template-columns: repeat(4, 1fr);
    }
}



@media (min-width: 1360px) {
    .artists-items--home {
        grid-template-columns: repeat(5, 1fr);
    }
}

.artists-items--home ul {
    --h-card: 473px;
    --c-card: 6;

    grid-template-columns: repeat(1, 1fr);
    grid-template-row: 1fr;
    animation: up-loop 250s infinite;


}

@media (max-width: 769px) {
    .artists-items--home {
        gap: 0.7rem;
    }
    .artists-items--home ul {
        gap: 0.7rem;
        position: relative;
        left: -26vw;
        width: 44vw;
    }

    .artists-items--home ul li a  {
        border-radius: 0.4rem!important;
        font-size: 0.6rem;
    }
    .artists-items--home ul li a b {
        font-size: 20px !important;
    }

    .artists-items ul li a .icon span {
        font-size: 0.5rem!important;
        width: 1rem !important;
        height: 1rem !important;
    }

    .artists-items ul li a footer .dates,
    .artists-items ul li a header .stage {
        font-size: 12px !important;
        margin-top: 0rem !important;
    }
}

/*@media (max-width: 768px) {*/
/*    .artists-items--home {*/
/*        gap: 0.5rem;*/
/*    }*/
/*    .artists-items--home ul {*/
/*        gap: 0.5rem;*/
/*        position: relative;*/
/*        left: -6vw;*/
/*        width: 30vw;*/
/*    }*/

/*    .artists-items--home ul li a  {*/
/*        border-radius: 0.4rem!important;*/
/*        font-size: 0.6rem;*/
/*    }*/
/*    .artists-items--home ul li a b {*/
/*        font-size: 15px !important;*/
/*    }*/

/*    .artists-items ul li a .icon span {*/
/*        font-size: 0.3rem!important;*/
/*        width: 0.7rem !important;*/
/*        height: 0.7rem !important;*/
/*        border: 1px solid var(--c-text) !important;*/
/*    }*/

/*    .artists-items ul li a footer .dates,*/
/*    .artists-items ul li a header .stage {*/
/*        font-size: 7px !important;*/
/*        margin-top: 0rem !important;*/
/*    }*/
/*}*/

.artists-items--home ul:nth-child(n+4) {
    display: none;
}

/*@media (min-width: 768px) {*/
/*    .artists-items--home ul:nth-child(n+1) {*/
/*        display: grid;*/
/*    }*/
/*}*/
/*@media (min-width: 1024px) {*/
/*    .artists-items--home ul:nth-child(n) {*/
/*        display: grid;*/
/*    }*/
/*}*/

@media (min-width: 1024px) {
    .artists-items--home ul:nth-child(n+2) {
       display: grid;
    }
}

.artists-items--home ul:nth-child(odd) {
}

.artists-items--home ul:nth-child(even) {
    animation: down-loop 250s infinite;
}

@keyframes down-loop {
    from {
        transform: translateY(calc(-1 * (var(--c-card) * (var(--h-card) + 1rem))));
    }
    to {
        transform: translateY(0%);
    }
}

@keyframes up-loop {
    from {
        transform: translateY(0%);
    }
    to {
        transform:  translateY(calc(-1 * (var(--c-card) * (var(--h-card) + 1rem))));
    }
}

.artists-items ul li {
    /*float: left;*/
    /*width: 20%*/
}

.artists-items ul li a {
    display: block;
    position: relative;
    text-decoration: none;
    color: var(--c-text);
    text-transform: uppercase;
    aspect-ratio: 312 / 470;
    border-radius: 1.1rem;
    overflow: hidden;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.8);
    background: var(--c-shape, #82CAA6);
}

.artists-items ul li:nth-child(1n) a {
    --c-shape: var(--c-blue);
}

.artists-items ul li:nth-child(2n) a {
    --c-shape: var(--c-green);
}

.artists-items ul li:nth-child(3n) a {
    --c-shape: var(--c-yellow);
}

.artists-items ul li:nth-child(4n) a {
    --c-shape: var(--c-purple);
}

.artists-items ul li:nth-child(5n) a {
    --c-shape: var(--c-red);
}

.bg--yellow {
    --c-shape: #FEC452 !important;
}

.bg--red {
    --c-shape: #FF6464 !important;
}

.bg--red .Buttons:hover {
    background: #FEC452 !important;
}

.bg--blue {
    --c-shape: #54C9FC !important;
}

.bg--green {
    --c-shape: #7DCCA4 !important;
}

.bg--purple {
    --c-shape: #B693ED !important;
}

.artists-items ul li a::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("images/interface/paper-texture.webp");
    width: 100%;
    height: 100%;
    background-size: 200%;
    mix-blend-mode: multiply;
    z-index: 4;
    opacity: .7;
}

/*.artists-items ul li a picture:before {*/
/*    content: "";*/
/*    display: block;*/
/*    width: 100%;*/
/*    aspect-ratio: 1 / 1;*/
/*    background: url("images/interface/border-pink.svg") no-repeat @ top center;*/
/*    background-size: contain;*/
/*    position: absolute;*/
/*    z-index: 2;*/
/*    opacity: 1;*/
/*    transition: opacity 350ms ease-out;*/
/*}*/

.artists-items ul li a svg {
    position: absolute;
    z-index: 2;
    height: 100%;
    width: 100%;
    object-fit: cover;
    inset: 0;

    [data-name="shape"] {

        fill: var(--c-shape, #82CAA6);

    }
}


.artists-items ul li a b {
    font-size: var(--name-mobile-size, 34px);
    display: block;
    margin-block-end: 0.5rem;
    font-family: var(--f-title-bold);
    font-weight: 700;
}

@media (min-width: 1199px) {
    .artists-items ul li a b {
        line-height: 1;
        margin-block-end:0;
        font-size: var(--name-size, 34px);
    }
}

/*.artists-items ul li a:hover:before {*/
/*   opacity: 0;*/
/*}*/

.artists-items ul li a picture {
    display: flex;
    position: relative;
    width: 100%;
    height: auto;
    top: 0.1rem;
    aspect-ratio: 290 /330;
    overflow: hidden;
}

.artists-items ul li a img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    transform: scale(1);
    transition: transform 6350ms ease-out;
}

.artists-items ul li a:hover img {
    transform: scale(1.3);
}

.artists-items ul li a > div {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 25%;
    padding-inline: 0.6rem;

}

.artists-items ul li a header .titles {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.artists-items ul li a .icon {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0.2rem;
}

.artists-items ul li a .icon span {
    border-radius: 50%;
    border: 2px solid var(--c-text);
    display: flex;
    width: 1.5rem;
    height: 1.5rem;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9rem;
    padding-bottom: 2px;
}

.artists-items ul li a header .stage {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 16px;
    line-height: 1;
    margin-top: 0.3rem;
}

.artists-items ul li a header p {
    display: block;
    max-width: 80%;
}

.artists-items ul li a footer {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: right;
    padding: 0.6rem;
}

.artists-items ul li a footer .dates {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    font-size: 16px;
    line-height: 1;
}

.artists-items ul li a footer .dates strong {
    font-weight: 700;
}

.artists-items ul li a p span {
    display: block;
    font-size: 18px;
    font-family: var(--f-title-bold);
    font-weight: 700;
    padding-top: 0.5rem;
}


.button {
    display: inline-block;
    padding: 5px 15px 7px;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    color: var(--c-text);
    background-color: var(--c-bg);
    border: 2px solid var(--c-text);
    outline: none;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 1px;
    -webkit-transition: color 0.25s linear, border-color 0.25s linear, background-color 0.25s linear;
    -o-transition: color 0.25s linear, border-color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, border-color 0.25s linear, background-color 0.25s linear
}

.button:hover {
    background-color: var(--c-text);
    color: var(--c-bg);
}

.button--bgc03 {
    background-color: #027780
}

.button--bgc03:hover {
    background-color: #1aabbc
}

.button--bgc08 {
    background-color: #b8cc12
}

.button--bgc08:hover {
    background-color: #1aabbc
}

.button--bgc14 {
    border-color: #e61531;
    background-color: #e61531
}

.button--bgc14:hover {
    border-color: #b681b3;
    background-color: #b681b3
}

.button--bgfb {
    border-color: #3562bf;
    background-color: #4672cc
}

.button--bgfb:hover {
    background-color: #305aaf
}

.button--bginsta {
    border-color: #d06117;
    background-color: #e66f20;
    content: "\f09a";
    color: #d0c6c6;
    color: #fefefe;
}

.button--bginsta:hover {
    background-color: #be5815
}

.button--bgtwtr {
    border-color: #48a2cc;
    background-color: #60aed3
}

.button--bgtwtr:hover {
    background-color: #389ac8
}

.button--bgyt {
    border-color: #ca1824;
    background-color: #e41d2a
}

.button--bgyt:hover {
    background-color: #b81621
}

.button--c01-bgc15 {
    color: #1aabbc;
    background-color: #201323
}

.button--c01-bgc15:hover {
    border-color: #fff;
    background-color: #fff
}

.button--wired {
    color: #1aabbc;
    background-color: transparent
}

.button--wired:hover {
    color: #fff;
    border-color: #1aabbc;
    background-color: #1aabbc
}

.button--big {
    padding: 16px 30px;
    font-size: 28px;
    font-size: 1.4rem
}

.button--fit {
    display: block;
    width: 100%
}

.button--fit + .button--fit {
    margin-top: 12px
}

.buttons {
    margin-bottom: -12px
}

.buttons .button {
    margin-right: 10px;
    margin-bottom: 12px
}

.buttons .button--fit {
    margin-right: 0;
    margin-bottom: 0
}

.content {
    position: relative;
    margin-top: 50px;
    padding-bottom: 80px
}

/*.content:before {
    content: "";
    display: block;
    position: absolute;
    left: -80px;
    right: -80px;
    top: -80px;
    bottom: 0;
    background-color: var(--c-bg);
}*/
#artist .content:before {
    content: "";
    display: block;
    position: absolute;
    left: -80px;
    right: -80px;
    top: -80px;
    bottom: 0;
    background-color: #fff
}

#artist > header {
    background-color: var(--c-primary);
}

/*#artist > header:before {*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    inset: 0;*/
/*    pointer-events: none;*/
/*    z-index: 5;*/
/*    background: url("images/interface/paper-texture.webp");*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-size: 1000px;*/
/*    mix-blend-mode: multiply;*/
/*    opacity: .7;*/
/*}*/

.content .sharethis {
    margin-top: 80px
}

.content--left {
    padding-right: 80px
}

.content--left:before {
    right: 0
}

.content__body {
    position: relative
}

.content__body h1 {
    margin-bottom: 50px;
    color: var(--c-secondary);;

    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 50px;
}

@media (min-width: 760px) {
    .content__body h1 {
        font-size: 70px;
        font-size: 3.5rem
    }
}

@media (min-width: 1199px) {

}


.content__body h2 {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    font-size: 1.5rem
}

.content__body h3 {
    margin-bottom: 20px;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    font-size: 1.1rem
}

.content__body h4 {
    margin-bottom: 20px;
    font-weight: 700;
    font-style: normal
}

.content__body h2 + h1, .content__body h3 + h1, .content__body h4 + h1, .content__body ol + h1, .content__body p + h1, .content__body ul + h1 {
    margin-top: 60px
}

.content__body ol + h2, .content__body p + h2, .content__body ul + h2 {
    margin-top: 50px
}

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

.content__body ol + h4, .content__body p + h4, .content__body ul + h4 {
    margin-top: 20px
}

.content__body ol + ol, .content__body ol + p, .content__body ol + ul, .content__body p + ol, .content__body p + p, .content__body p + ul, .content__body ul + ol, .content__body ul + p, .content__body ul + ul {
    margin-top: 15px
}

.content__body ol, .content__body ul {
    list-style: none;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0
}

.content__body ol li, .content__body ul li {
    position: relative
}

.content__body ol li:before, .content__body ul li:before {
    display: block;
    position: absolute;
    left: 10px
}

.content__body ul li {
    padding-left: 30px
}

.content__body ul li:before {
    content: "";
    top: 10px;
    width: 7px;
    height: 7px;
    background-color: #1aabbc;
    border-radius: 50%
}

.content__body ol li {
    counter-increment: step-counter;
    padding-left: 35px
}

.content__body ol li:before {
    content: counter(step-counter) ".";
    color: #3c5b83;
    font-weight: 700;
    font-style: normal;
    font-size: 18px;
    font-size: 0.9rem
}

.content__body a:not(.button) {
    text-decoration: none;
    color: var(--c-blue);
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear
}

.content__body a:not(.button):hover {
    color: var(--c-purple)
}

.content__body hr {
    display: block;
    height: 1px;
    margin-top: 40px;
    margin-bottom: 44px;
    padding: 0;
    border: none;
    background-color: #d9d9d9
}

.content__body .c01 {
    color: #1aabbc
}

.content__body .c04 {
    color: #882482
}

.content__body .c05 {
    color: #b681b3
}

.content__body .c07 {
    color: #e31766
}

.content__body .c08 {
    color: #b8cc12
}

.content__body .c09 {
    color: #61b783
}

.content__body .c10 {
    color: #9fc7e6
}

.content__body .c11 {
    color: #859bc6
}

.content__body .c12 {
    color: #ffd402
}

.content__body .c13 {
    color: #f8af00
}

.content__body .c14 {
    color: #e61531
}

.content__body .g03 {
    color: #a2a4a5
}

@media (max-width: 991px) {
    [class*=col-md] .content--left {
        padding-right: 0
    }

    [class*=col-md] .content--left:before {
        right: -80px
    }
}

@media (max-width: 767px) {
    [class*=col-sm] .content--left {
        padding-right: 0
    }

    [class*=col-sm] .content--left:before {
        right: -80px
    }
}

.content--c04 .content__body h1 {
    color: #882482
}

.content--c04 .content__body ul li:before {
    background-color: #882482
}

.content--c04 .content__body ol li:before {
    color: #882482
}

.content--c04 .content__body a:not(.button) {
    color: #882482
}

.content--c04 .content__body a:not(.button):hover {
    color: #1aabbc
}

.content--c05 .content__body h1 {
    color: #b681b3
}

.content--c05 .content__body ul li:before {
    background-color: #b681b3
}

.content--c05 .content__body ol li:before {
    color: #b681b3
}

.content--c05 .content__body a:not(.button) {
    color: #b681b3
}

.content--c05 .content__body a:not(.button):hover {
    color: #1aabbc
}

.content--c07 .content__body h1 {
    color: #e31766
}

.content--c07 .content__body ul li:before {
    background-color: #e31766
}

.content--c07 .content__body ol li:before {
    color: #e31766
}

.content--c07 .content__body a:not(.button) {
    color: #e31766
}

.content--c07 .content__body a:not(.button):hover {
    color: #b8cc12
}

.content--c08 .content__body h1 {
    color: #b8cc12
}

.content--c08 .content__body ul li:before {
    background-color: #b8cc12
}

.content--c08 .content__body ol li:before {
    color: #b8cc12
}

.content--c08 .content__body a:not(.button) {
    color: #b8cc12
}

.content--c08 .content__body a:not(.button):hover {
    color: #e61531
}

.content--c09 .content__body h1 {
    color: #61b783
}

.content--c09 .content__body ul li:before {
    background-color: #61b783
}

.content--c09 .content__body ol li:before {
    color: #61b783
}

.content--c09 .content__body a:not(.button) {
    color: #61b783
}

.content--c09 .content__body a:not(.button):hover {
    color: #2a6a43
}

.content--c10 .content__body h1 {
    color: #9fc7e6
}

.content--c10 .content__body ul li:before {
    background-color: #9fc7e6
}

.content--c10 .content__body ol li:before {
    color: #9fc7e6
}

.content--c10 .content__body a:not(.button) {
    color: #9fc7e6
}

.content--c10 .content__body a:not(.button):hover {
    color: #859bc6
}

.content--c11 .content__body h1 {
    color: var(--c-primary);
}

.content--c11 .content__body ul li:before {
    background-color: #859bc6
}

.content--c11 .content__body ol li:before {
    color: #859bc6
}

.content--c11 .content__body a:not(.button) {
    color: var(--c-primary);
}

.content--c11 .content__body a:not(.button):hover {
    color: var(--c-secondary);
}

.content--c12 .content__body h1 {
    color: #ffd402
}

.content--c12 .content__body ul li:before {
    background-color: #ffd402
}

.content--c12 .content__body ol li:before {
    color: #ffd402
}

.content--c12 .content__body a:not(.button) {
    color: #ffd402
}

.content--c12 .content__body a:not(.button):hover {
    color: #f8af00
}

.content--c13 .content__body h1 {
    color: #f8af00
}

.content--c13 .content__body ul li:before {
    background-color: #f8af00
}

.content--c13 .content__body ol li:before {
    color: #f8af00
}

.content--c13 .content__body a:not(.button) {
    color: #f8af00
}

.content--c13 .content__body a:not(.button):hover {
    color: #ffd402
}

.content--c14 .content__body h1 {
    color: #e61531
}

.content--c14 .content__body ul li:before {
    background-color: #e61531
}

.content--c14 .content__body ol li:before {
    color: #e61531
}

.content--c14 .content__body a:not(.button) {
    color: #e61531
}

.content--c14 .content__body a:not(.button):hover {
    color: #b8cc12
}

.cookie-policy {
    display: none;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 9900
}

.cookie-policy p {
    line-height: 1.2em;
    font-size: 13px;
    font-size: 0.65rem
}

.cookie-policy p + p {
    margin-top: 10px
}

.cookie-policy p a {
    text-decoration: underline;
    color: #1aabbc
}

.cookie-policy p a.continue {
    color: #bdbec0
}

.dd-filter {
    position: absolute;
    left: 50%;
    top: -3rem;
    z-index: 1100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

@media (max-width: 767px) {
    .dd-filter {
        left: 0;
        width: 100%;
        top: 0;
        padding-left: 15px;
        padding-right: 15px;
        text-align: center;
        -webkit-transform: translateX(0) translateY(-50%);
        -ms-transform: translateX(0) translateY(-50%);
        transform: translateX(0) translateY(-50%)
    }
}

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

figure figcaption {
    display: inline-block;
    position: relative;
    margin-top: 10px;
    text-align: right;
    color: #a2a4a5;
    font-weight: 400;
    font-style: italic;
    font-size: 16px;
    font-size: 0.8rem
}

figure.inside {
    display: block;
    margin-top: 30px;
    margin-bottom: 30px
}

figure.inside figcaption {
    display: block
}

figure.inside.left + ol, figure.inside.left + p, figure.inside.left + ul, figure.inside.right + ol, figure.inside.right + p, figure.inside.right + ul {
    margin-top: 30px
}

figure.inside.left + * + *, figure.inside.right + * + * {
    clear: both
}

figure.inside.left {
    float: left;
    margin-right: 30px
}

figure.inside.right {
    float: right;
    margin-left: 30px
}

figure.inside.center {
    text-align: center
}

@media (max-width: 767px) {
    figure.inside {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

img.aligncenter, img.alignleft, img.alignnone, img.alignright {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 0.5em;
    margin-bottom: 0.5em
}

img.alignleft + * + *, img.alignright + * + * {
    clear: both
}

img.alignleft {
    float: left;
    margin-right: 30px
}

img.aligncenter {
    margin-left: auto;
    margin-right: auto
}

img.alignright {
    float: right;
    margin-left: 30px
}

@media (max-width: 767px) {
    img.aligncenter, img.alignleft, img.alignnone, img.alignright {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-right: 0
    }
}

.flex-video {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 25px;
    padding-bottom: 67.5%;
    margin-left: -15px;
    margin-right: -15px;
}

.flex-video.widescreen {
    padding-bottom: 57.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.flex-video.sixteennine {
    padding-top: 0;
    padding-bottom: 56.25%;

}

.flex-video embed, .flex-video iframe, .flex-video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@media only screen and (device-width: 800px), only screen and (device-width: 1024px) and (device-height: 600px), only screen and (max-device-width: 800px), only screen and (max-width: 767px), only screen and (width: 1280px) and (orientation: landscape) {
    .flex-video {
        padding-top: 0
    }
}

form {
}

form .form-group {
    margin-bottom: 0
}

form .form-group + .form-group {
    margin-top: 20px
}

form h3 {
    margin-bottom: 35px;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    font-size: 1.2rem
}

form label {
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    font-size: 0.9rem
}

form .form-control:focus, form input[type=checkbox]:focus, form input[type=email]:focus, form input[type=password]:focus, form input[type=radio]:focus, form input[type=search]:focus, form input[type=tel]:focus, form input[type=text]:focus, form select:focus, form textarea:focus {
    border-color: #1aabbc;
    outline: none
}

form input[type=email].form-control, form input[type=password].form-control, form input[type=search].form-control, form input[type=tel].form-control, form input[type=text].form-control {
    height: 44px
}

form input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box
}

form textarea {
    resize: vertical
}

form input[type=submit] {
    -webkit-appearance: none;
    margin-top: 15px
}

form input[name=astro] {
    position: absolute;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    border: none;
    opacity: 0
}

form .form-error {
    margin-top: 15px;
    color: #cc0003;
    font-size: 16px;
    font-size: 0.8rem
}

form .has-error .form-control, form .has-error .form-control:focus {
    border: 1px solid #cc0003
}

form .has-success .form-control, form .has-success .form-control:focus {
    border: 1px solid #00b313
}

form .has-error .checkbox, form .has-error .checkbox-inline, form .has-error.checkbox-inline label, form .has-error.checkbox label, form .has-error .control-label, form .has-error .help-block, form .has-error .radio, form .has-error .radio-inline, form .has-error.radio-inline label, form .has-error.radio label {
    color: #cc0003
}

form .has-success .checkbox, form .has-success .checkbox-inline, form .has-success.checkbox-inline label, form .has-success.checkbox label, form .has-success .control-label, form .has-success .help-block, form .has-success .radio, form .has-success .radio-inline, form .has-success.radio-inline label, form .has-success.radio label {
    color: #00b313
}

.fs-pic {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.fs-pic span {
    display: block;
    width: 100%;
    height: 100%;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.gallery-item + .gallery-item {
    margin-top: 80px
}

.gallery-item h3 {
    margin-bottom: 30px;
    font-family: "BERNIER Regular", Impact, Charcoal, sans-serif;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal;
    font-size: 42px;
    font-size: 2.1rem
}

.gallery-item ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}

.gallery-item ul li {
    display: block;
    float: left;
    width: 20%;
    padding: 0 2px 4px
}

.gallery-item ul li a {
    display: block;
    overflow: hidden
}

.gallery-item ul li a img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease
}

.gallery-item ul li a:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

@media (min-width: 992px) and (max-width: 1199px) {
    .gallery-item ul li {
        width: 25%
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .gallery-item ul li {
        width: 25%
    }
}

@media (max-width: 480px) {
    .gallery-item ul li {
        width: 50%
    }
}

.grouped-collapsibles > h2 {
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    font-size: 1.5rem
}

.grouped-collapsibles + .grouped-collapsibles {
    margin-top: 60px
}

.grouped-collapsibles--c01 .collapsibles > h3 a:hover, .grouped-collapsibles--c01 > h2 {
    color: #1aabbc
}

.grouped-collapsibles--c04 .collapsibles > h3 a:hover, .grouped-collapsibles--c04 > h2 {
    color: #882482
}

.grouped-collapsibles--c05 .collapsibles > h3 a:hover, .grouped-collapsibles--c05 > h2 {
    color: #b681b3
}

.grouped-collapsibles--c07 .collapsibles > h3 a:hover, .grouped-collapsibles--c07 > h2 {
    color: #e31766
}

.grouped-collapsibles--c08 .collapsibles > h3 a:hover, .grouped-collapsibles--c08 > h2 {
    color: #b8cc12
}

.grouped-collapsibles--c09 .collapsibles > h3 a:hover, .grouped-collapsibles--c09 > h2 {
    color: #61b783
}

.grouped-collapsibles--c10 .collapsibles > h3 a:hover, .grouped-collapsibles--c10 > h2 {
    color: #9fc7e6
}

.grouped-collapsibles--c11 .collapsibles > h3 a:hover, .grouped-collapsibles--c11 > h2 {
    color: #859bc6
}

.grouped-collapsibles--c12 .collapsibles > h3 a:hover, .grouped-collapsibles--c12 > h2 {
    color: #ffd402
}

.grouped-collapsibles--c13 .collapsibles > h3 a:hover, .grouped-collapsibles--c13 > h2 {
    color: #f8af00
}

.grouped-collapsibles--c14 .collapsibles > h3 a:hover, .grouped-collapsibles--c14 > h2 {
    color: #e61531
}

.collapsibles > h3 {
    margin-top: 40px;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    font-size: 1.1rem
}

.collapsibles > h3 a {
    text-decoration: underline;
    color: #2a0431;
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear
}

.collapsibles > h3:first-child {
    margin-top: 0
}

.collapsibles > div {
    display: none;
    padding-top: 20px
}

.img-banner {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 460px;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.intro-banner {
    position: relative;
    min-height: 800px;
    background: #fff url("images/interface/artwork-03.png") no-repeat scroll center top
}

.intro-banner .presents {
    position: relative;
    padding-top: 35px;
    text-align: center
}

.intro-banner .presents p {
    font-weight: 700;
    font-style: normal
}

.intro-banner .presents span {
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px
}

.intro-banner .logo {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: 50%;
    width: 736px;
    height: 464px;
    text-indent: -6000px;
    background: url("images/interface/francofolies-bk-cd.svg") no-repeat scroll center;
    background-size: contain;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.logoFooter {
    display: block;
    width: 225px;
    height: 125px;
    max-height: 125px;
    background: url("images/interface/logo-francofolies-2026.svg") no-repeat scroll center;
    background-size: contain;
}

.intro-banner .buttons {
    position: absolute;
    overflow: hidden;
    left: 50%;
    bottom: 0;
    width: 100%;
    padding-bottom: 25px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.intro-banner .buttons a {
    display: inline-block;
    margin: 0 10px 20px;
    padding: 22px 55px;
    line-height: 1em;
    text-decoration: none;
    color: #fff;
    font-family: "BERNIER Regular", Impact, Charcoal, sans-serif;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    font-size: 2rem;
    letter-spacing: 1px
}

.intro-banner .buttons a.enter {
    background-color: #2a0431
}

.intro-banner .buttons a.tickets {
    background-color: #e61531
}

@media (max-width: 767px) {
    .intro-banner {
        display: none
    }
}

.nav-banner {
    position: relative;
    overflow: hidden;
    height: 460px;
    /*padding-top: 170px;*/
    /*padding-bottom: 260px;*/
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.nav-banner--artist {
    padding-top: 150px;
}

.nav-banner .content {
    max-width: 1000px;
    margin-inline: auto;
}

.nav-banner nav {
    display: table;
    position: absolute;
    left: 50%;
    bottom: 260px;
    width: auto;
    border-collapse: collapse;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    color: var(--c-text);
    background-color: var(--c-bg);
    /*border: 2px solid var(--c-text);*/
}

.nav-banner nav ul {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    list-style: none;
    margin: 0;
    padding: 0
}

.nav-banner nav ul li {

    line-height: 1.2em;
    /*background-color: #201323*/
}

.nav-banner nav ul li a, .nav-banner nav ul li span {
    display: block;

    text-transform: uppercase;
    font-weight: 600;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 1px
}
.nav-banner nav ul li a {
    padding: 10px 35px 12px;
}

.nav-banner nav ul li span {
    font-size: 20px;
}

.customSelect {

}

.nav-banner nav ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    border: 2px solid var(--c-text);
    border-radius: 2rem;
    /*-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.35s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.35s cubic-bezier(0.23, 1, 0.32, 1)*/
}

.nav-banner nav ul li.label {
    display: none
}

.nav-banner nav ul li.active a, .nav-banner nav ul li a:hover {
    /*-webkit-transform: translateX(-10px) translateY(-10px);
    -ms-transform: translateX(-10px) translateY(-10px);
    transform: translateX(-10px) translateY(-10px)*/
}

.nav-banner nav ul li.active a, .nav-banner nav ul li a {
    color: var(--c-text);
    font-family: var(--f-title-bold);
    font-weight: 700;
    background-color: var(--c-bg);
    border-left: 1px solid var(--c-text);
}

.nav-banner nav ul li.active a, .nav-banner nav ul li a:hover {

    background-color: var(--c-text);
    color: var(--c-bg);
}

.customSelect {
    font-family: var(--f-title-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    font-size: 20px;
    color: var(--c-text);
    background-color: var(--c-bg);
    border: 2px solid var(--c-text);
    border-radius: 2rem;
    height: 50px;
    line-height: 28px;

}

/*.nav-banner nav ul li.bgc01 {
    background-color: var(--c-bg);
}

.nav-banner nav ul li.bgc01 a {
    background-color: var(--c-secondary);
}

.nav-banner nav ul li.bgc05 {
    background-color: var(--c-bg);
}

.nav-banner nav ul li.bgc05 a {
    background-color: var(--c-secondary);
}

.nav-banner nav ul li.bgc10 {
    background-color: var(--c-bg);
}

.nav-banner nav ul li.bgc10 a {
    background-color: var(--c-secondary);
}

.nav-banner nav ul li.bgc12 {
    background-color: var(--c-bg);
}

.nav-banner nav ul li.bgc12 a {
    background-color: var(--c-secondary);
}

.nav-banner nav ul li.bgc14 {
    background-color: var(--c-bg);
}

.nav-banner nav ul li.bgc14 a {
    background-color: var(--c-secondary);
}*/

.nav-banner--lineup {
    /*height: 450px;*/
    /*padding-top: 170px;*/
    /*padding-bottom: 100px;*/
    /*background-image: url("images/interface/artwork-02.png");*/
    background-position: center center;
    background-size: auto
}

/*.nav-banner--lineup:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    width: 464px;
    height: 464px;
    margin-left: -232px;
    margin-top: -232px;
    background-color: #000;
    border-radius: 50%
}*/


.nav-banner--lineup h1, .nav-banner h1 {
    position: relative;
    font-family: var(--f-title-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    font-size: 59px;
    max-width: 80%;
    margin: 0 auto;
}

.nav-banner--lineup.has-image h1, .nav-banner.has-image h1 {
    color: var(--c-bg);
}

@media (min-width: 768px) {

    .nav-banner--lineup h1, .nav-banner h1 {
        font-size: 99px;
    }
}


.nav-banner--lineup nav {
    bottom: 100px
}

.nav-banner--lineup nav ul li.label {
    display: flex;
    flex-shrink: 0;
}

@media (max-width: 1199px) {
    .nav-banner nav ul li a, .nav-banner nav ul li span {
        padding: 20px 24px;
        font-size: 34px;
        font-size: 1.7rem
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .nav-banner nav ul li.label {
        display: none
    }
}

@media (max-width: 767px) {
    .nav-banner {
        height: auto;
        padding-top: 130px;
        padding-bottom: 240px;
        min-height: 370px;
    }

    .nav-banner nav {
        display: block;
        position: relative;
        left: auto;
        bottom: 0;

        margin-left: 15px;
        margin-right: 15px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }

    .nav-banner nav ul {
        display: block
    }

    .nav-banner nav ul li {
        display: block
    }

    .nav-banner nav ul li a, .nav-banner nav ul li span {
        padding: 18px 18px 8px;
        font-size: 24px;
        font-size: 1.2rem
    }

    .nav-banner nav ul li.active {
        padding-left: 0px;
        padding-right: 0px
    }

    .nav-banner nav ul li.active a, .nav-banner nav ul li a:hover {
        -webkit-transform: translateX(0) translateY(0);
        -ms-transform: translateX(0) translateY(0);
        transform: translateX(0) translateY(0)
    }

    .nav-banner nav ul li.label {
        display: block
    }

    .nav-banner nav ul li.label span {
        position: relative;
        cursor: pointer
    }

    .nav-banner nav ul li.label span:after {
        content: "\f0d7";
        display: block;
        position: inherit;
        margin-right: -160px;
        margin-top: -11px;
        font-family: "FontAwesome";
        font-size: 20px;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .nav-banner nav ul li + li {
        display: none
    }

    .nav-banner nav.open ul li.label span:after {
        content: "\f0d8"
    }

    .nav-banner nav.open ul li + li {
        display: block
    }

    .nav-banner--lineup {
        padding-top: 130px;
        padding-bottom: 70px;
        /*background-image: url("images/interface/artwork-02-xs.png")*/
    }

    /*.nav-banner--lineup:before {
        width: 400px;
        height: 400px;
        margin-left: -200px;
        margin-top: -230px
    }*/
    /*.nav-banner--lineup h1 {*/
    /*    font-size: 60px;*/
    /*    font-size: 3rem*/
    /*}*/
    .nav-banner--lineup nav {
        bottom: auto;
        margin-top: 18px
    }
}

.menu-btn {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 26px;
    height: 25px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.menu-btn span {
    display: block;
    width: 100%;
    height: 4px;
    background-color: #fff;
    border-radius: 50px;
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease
}

.menu-btn span:nth-child(2) {
    margin: 6px 0
}

.menu-btn.open {
    width: 26px;
    height: 26px;
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.menu-btn.open span:first-child, .menu-btn.open span:nth-child(3) {
    width: 4px;
    height: 6px;
    margin-left: 11px
}

.menu-btn.open span:first-child {
    border-radius: 50px 50px 0 0
}

.menu-btn.open span:nth-child(2) {
    margin: 5px 0
}

.menu-btn.open span:nth-child(3) {
    border-radius: 0 0 50px 50px
}

.main-nav {
    position: relative;
    overflow: hidden;
    background-color: var(--c-primary);;
    z-index: 9003;
    border-bottom: 2px solid var(--c-bg);
}

.main-nav h1.logo {
    position: absolute;
    left: 65px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.main-nav h1.logo a {
    display: block;
    overflow: hidden;
    width: 200px;
    height: 70px;
    text-indent: -6000px;
    background: url("images/interface/logo-francofolies-2026.svg") no-repeat scroll left;
    background-size: contain;
    /*margin-right:40px;*/
}

#home .BlocImage {
    position: relative;
    height: 80vh;
}

/*.title--frontpage {*/

/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 20%;*/
/*    transform: translateX(-50%) rotate(-3deg);*/
/*    display: block;*/
/*    width: 420px;*/
/*    height: 220px;*/
/*    text-indent: -6000px;*/
/*    background: url("images/interface/logo-francofolies-2026.svg") no-repeat scroll left;*/
/*    background-size: contain;*/
/*}*/

/*@media (max-width: 760px) {*/
/*    .title--frontpage {*/
/*        width: 240px;*/
/*        height: 130px;*/
/*    }*/
/*}*/

.main-nav nav {
    float: right;
    display: flex;
    margin-right: 75px;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

@media (max-width: 1450px) {
    .main-nav nav {
        margin-right: 0;
        display: block;
    }

    .main-nav nav .socials {
        margin: 2rem auto;
        justify-content: center;
    }

    .main-nav nav .tickets {
        margin: 2rem auto;
        display: flex;
        justify-content: center;
    }
}


.main-nav nav ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav nav ul > li > a {
    display: block;
    text-decoration: none;
    color: var(--c-text);
    border-right: 2px solid transparent;
    border-left: 2px solid transparent;
}

.main-nav nav ul > li.active > a,
.main-nav nav ul > li > a:hover {
    /*background-color: var(--c-secondary);*/
    color: var(--c-text);
}


.main-nav nav ul > li:not(.active):not(:hover) a[data-submenu="artistes"] {
    /*background-color: var(--c-secondary-light);*/
    color: var(--c-text);
}

@media (min-width: 760px) {

    .main-nav nav ul > li {
        margin-left: -2px;
    }

    /*.main-nav nav ul > li:has(a[data-submenu="artistes"]) + li > a {*/
    /*    border-left: 2px solid transparent;*/
    /*}*/
    /*.main-nav nav ul > li.active +  li > a:hover,*/
    /*.main-nav nav ul > li:has(a[data-submenu="artistes"]) + li > a:hover {*/
    /*    border-left: 2px solid var(--c-secondary);*/
    /*}*/
    .main-nav nav ul > li.active > a,
    .main-nav nav ul > li > a:hover {
        /*background-color: var(--c-secondary);*/
        /*border-left: 2px solid var(--c-text);*/
        /*border-right: 2px solid var(--c-text);*/
        color: var(--c-bg);
        background-color: var(--c-secondary);


    }
}

@media (min-width: 1199px) {

}


/*.main-nav nav ul > li.active > a,*/
/*.main-nav nav ul > li > a:hover {*/
/*    background-color: var(--c-secondary);*/
/*    border-right: 2px solid var(--c-text);*/
/*    color: var(--c-text);*/
/*}*/

/*

.main-nav nav ul>li.active>a.bgc01,.main-nav nav ul>li>a:hover.bgc01 {
    background-color: #1aabbc
}

.main-nav nav ul>li.active>a.bgc05,.main-nav nav ul>li>a:hover.bgc05 {
    background-color: #b681b3
}

.main-nav nav ul>li.active>a.bgc07,.main-nav nav ul>li>a:hover.bgc07 {
    background-color: #e31766
}

.main-nav nav ul>li.active>a.bgc08,.main-nav nav ul>li>a:hover.bgc08 {
    background-color: #b8cc12
}

.main-nav nav ul>li.active>a.bgc09,.main-nav nav ul>li>a:hover.bgc09 {
    background-color: #61b783
}

.main-nav nav ul>li.active>a.bgc11,.main-nav nav ul>li>a:hover.bgc11 {
    background-color: #859bc6
}

.main-nav nav ul>li.active>a.bgc13,.main-nav nav ul>li>a:hover.bgc13 {
    background-color: #f8af00
}

.main-nav nav ul>li.active>a.bgc14,.main-nav nav ul>li>a:hover.bgc14 {
    background-color: #e61531
}

.main-nav nav ul>li.has-subs li.active a,.main-nav nav ul>li.has-subs li a:hover {
    background-color: #2a0431
}*/

.main-nav nav > ul > li {
    float: left;
    line-height: 1em
}

.main-nav nav > ul > li > a {
    /*padding: 30px 20px;*/
    padding: 17.5px 50px;
    line-height: 65px;
    font-family: var(--f-title-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 21px;
    letter-spacing: var(--ls-title);
}

.main-nav nav > ul > li > a:not(.home) {
    /*-webkit-transition: all 0.25s linear;*/
    /*-o-transition: all 0.25s linear;*/
    /*transition: all 0.25s linear*/
}

.main-nav nav > ul > li.home > a {
    position: relative;
    overflow: hidden;
    width: 76px;
    text-indent: -6000px;
    background: url("images/interface/home-icon.svg") no-repeat scroll center;
    background-size: 24px 26px;
    -webkit-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear
}

.main-nav nav > ul > li.home.active > a, .main-nav nav > ul > li.home > a:hover {
    opacity: .5
}

.main-nav nav > ul > li:last-child a {
    position: relative;
    overflow: hidden
}

.main-nav nav > ul > li:last-child a:after, .main-nav nav > ul > li:last-child a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    /*-webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease*/
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)

}

.main-nav nav > ul > li:last-child a:before {
    /*background-color: var(--c-secondary);;*/
    z-index: -2;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.Dates {
    color: var(--c-text);
    /*padding-top: 25px;*/
    font-weight: 300;
    font-size: 21px;
    letter-spacing: var(--ls-title);
    line-height: 24px;
    text-transform: uppercase;

    strong {
        font-weight: 700;
    }
}

.BlocImage {
    background-position: center;
    background-size: cover;
    height: 60vh;
    display: flex;
    align-items: end;
    justify-content: center;
    padding-bottom: 60px;
}

.BlocImage .cta {
    display: flex;
}

.button,
.optanon-allow-all,
.Buttons {
    padding: 10px 35px 12px;;
    text-align: center;
    margin: 0 15px;
    text-decoration: none;
    font-family: var(--f-title-bold);
    font-weight: 700;
    letter-spacing: var(--ls-title);
    text-transform: uppercase;
    display: block;
    background-color: var(--c-secondary);
    color: var(--c-bg);
    border-radius: 2rem;
    width: fit-content;
    transition: background-color 250ms ease-in;
}

.button {
    display: inline-block;
}
.button--gold {
    padding: 10px 35px 12px;;
    text-align: center;
    margin: 0 15px;
    display: inline-block;
    text-decoration: none;
    font-family: var(--f-title-bold);
    font-weight: 700;
    letter-spacing: var(--ls-title);
    text-transform: uppercase;
    display: block;
    background-color: #ae9454;
    color: var(--c-bg) !important;
    border-radius: 2rem;
    width: fit-content;
    transition: background-color 250ms ease-in;
}

p:has(.button--gold) {
    display: flex;
    align-items: center;
    gap: 0.1rem;
}

#mce-EMAIL {
    padding: 1rem;
    width: 100%;
}

.button {
    margin: 0;;
}

/*.Buttons.ticket-link {*/
/*    padding: 0;*/
/*    text-align: left;*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*    line-height: 1;*/
/*    min-width: 100px;*/
/*    font-size: 26px;*/
/*    text-shadow: 2px 2px var(--c-text);*/
/*}*/

/*.Buttons.ticket-link span {*/
/*    padding: 15px 45px;*/
/*}*/

/*.Buttons.ticket-link:after {*/
/*    content: "";*/
/*    display: flex;*/
/*    width: 60px;*/
/*    aspect-ratio: 1 / 1;*/
/*    border-left: 2px solid var(--c-text);*/
/*    background: var(--c-bg) url("images/interface/roses.svg") no-repeat scroll center;*/
/*}*/

.Buttons:hover {
    background-color: var(--c-primary);
}

.main-nav .Buttons {
    border: 2px solid var(--c-secondary);
}
.main-nav .Buttons:hover {
    color: var(--c-secondary);
}

.socials {
    display: flex;
    gap: 1rem;
}

.socials a {
    text-decoration: none;

    path {
        fill: var(--c-secondary);
    }
}

.socials a:hover {
    svg {
        path {
            fill: var(--c-secondary);
        }
    }
}

a.BtnOrange {
    background-color: var(--c-secondary);;
    border-radius: 100px;
    color: #fff;
}

a.BtnOrange:hover {
    background-color: #fff;
    color: var(--c-secondary);;

}

a.BtnBlanc {
    background-color: #fff;
    border-radius: 100px;
    color: var(--c-secondary);;
}

a.BtnBlanc:hover {
    background-color: var(--c-secondary);;
    color: #fff;
}

a.BtnMauve {
    background-color: var(--c-primary);;
    color: #fff;
}

a.BtnMauve:hover {
    background-color: #fff;
    color: var(--c-primary);
}

a.BtnBlancMauve {
    background-color: #fff;
    color: var(--c-primary);;
}

a.BtnBlancMauve:hover {
    background-color: var(--c-primary);;
    color: #fff;
}

.main-nav nav > ul > li:last-child a:after {
    /*background-color: #e61531;*/
    z-index: -1
}

.main-nav nav > ul > li:last-child.active a, .main-nav nav > ul > li:last-child a:hover {
    /*background-color: transparent*/
}

.main-nav nav > ul > li:last-child.active a:before, .main-nav nav > ul > li:last-child a:hover:before {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.main-nav nav > ul > li:last-child.active a:after, .main-nav nav > ul > li:last-child a:hover:after {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.main-nav nav > ul > li.has-subs ul {
    display: none
}

.main-nav nav > ul > li.has-subs ul > li {
    line-height: 1.2em
}

.main-nav nav > ul > li.has-subs ul > li > a {
    padding-top: 2px;
    padding-bottom: 2px;
    text-transform: uppercase;
    font-size: 15px;
    font-size: 0.75rem;
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear
}

.main-nav nav > ul > li.has-subs ul > li.active a, .main-nav nav > ul > li.has-subs ul > li a:hover {
    color: #b681b3
}

.main-nav.fixed {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%
}


@media (min-width: 480px)  and (max-width: 1450px) {
    .Dates {
        padding-left: 25px;
        padding-bottom: 3px;
    }

    .main-nav h1.logo {
        align-items: flex-end;
    }
}

@media (max-width: 1450px) {
    .main-nav {
        overflow: inherit;
        padding: 15px;
    }

    .main-nav h1.logo {
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .main-nav h1.logo a {
        width: 160px;
        height: 80px
    }


    .main-nav nav {
        position: fixed;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        float: none;
        left: 0;
        right: 0;
        top: 112px;
        bottom: 0;
        background-color: var(--c-primary);;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }

    .main-nav nav ul > li > a {
        padding-left: 20px;
        padding-right: 20px;
        text-align: center
    }

    /*.main-nav nav ul > li.active > a {*/
    /*    background-color: rgba(0, 0, 0, 0.4)*/
    /*}*/
    .main-nav nav > ul > li {
        float: none;
        padding-bottom: 0px;
        border-bottom: 2px solid var(--c-text);
    }

    .main-nav nav > ul > li.home {
        display: none
    }

    .main-nav nav > ul > li:last-child {
        padding-bottom: 0
    }

    .main-nav nav > ul > li:last-child a {
        padding-top: 20px;
        padding-bottom: 20px
    }

    .main-nav nav > ul > li:last-child a:before {
        -webkit-transform: translateX(0) translateY(-100%);
        -ms-transform: translateX(0) translateY(-100%);
        transform: translateX(0) translateY(-100%)
    }

    .main-nav nav > ul > li:last-child a:hover:before {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    .main-nav nav > ul > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        font-size: 28px;
        font-size: 1.4rem
    }

    .main-nav nav > ul > li.has-subs ul {
        display: block
    }

    .main-nav.open nav {
        -webkit-animation-name: open-mobile-nav;
        animation-name: open-mobile-nav;
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms;
        -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    .main-nav.close nav {
        -webkit-animation-name: close-mobile-nav;
        animation-name: close-mobile-nav;
        -webkit-animation-duration: 500ms;
        animation-duration: 500ms;
        -webkit-animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        animation-timing-function: cubic-bezier(0.86, 0, 0.07, 1);
        -webkit-animation-delay: 0;
        animation-delay: 0;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-play-state: running;
        animation-play-state: running
    }

    .main-nav nav ul {

        margin-right: 0px;
    }
}

@media (max-width: 760px) {
    .Buttons {
        /*position: absolute;*/
        /*font-size: 36px;*/
        /*line-height: 43px;*/
        /*padding: 20px;*/
        /*min-width: 243px;*/
    }

    .title--frontpage {
        top: 15%;
    }

    .BlocImage {
        height: 75vh;
    }

    .BlocImage .cta {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }


    .main-nav nav {
        top: 116px;
    }

    a.BtnOrange {
        margin-bottom: 100px;
    }

    .logoFooter {
        margin: auto;
    }
}

@media (max-width: 495px) {
    .main-nav h1.logo a {
        width: 130px;
        height: 60px;
    }

    .main-nav h1.logo {
        display: block;
    }

    .main-nav h1.logo .Dates span {
        display: none;
    }

    .Dates {
        font-size: 20px;
    }

}

.main-nav__mobile {
    display: none;
    position: absolute;
    right: 0;
    top: 0
}

.main-nav__mobile, .main-nav__mobile li, .main-nav__mobile ul {
    height: 100%
}

.main-nav__mobile ul {
    display: block;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}

.main-nav__mobile ul li {
    display: block;
    position: relative;
    float: left;
    width: 64px
}

.main-nav__mobile ul li.tickets {
    display: none;
}

.main-nav__mobile ul li.tickets a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #fff;
    background-color: var(--c-secondary);;
    -webkit-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear
}

.main-nav__mobile ul li.tickets a .fa {
    position: absolute;
    left: 50%;
    top: 50%;
    font-size: 34px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.main-nav__mobile ul li.tickets a:hover {
    background-color: #1d1446;
}

@media (max-width: 1450px) {
    .main-nav__mobile {
        display: block
    }
}

@-webkit-keyframes open-mobile-nav {
    0% {
        -webkit-transform: translateX(100%);
        opacity: 0
    }

    to {
        -webkit-transform: translateX(0);
        opacity: 1
    }
}

@-moz-keyframes open-mobile-nav {
    0% {
        -moz-transform: translateX(100%);
        opacity: 0
    }

    to {
        -moz-transform: translateX(0);
        opacity: 1
    }
}

@-ms-keyframes open-mobile-nav {
    0% {
        -ms-transform: translateX(100%);
        opacity: 0
    }

    to {
        -ms-transform: translateX(0);
        opacity: 1
    }
}

@keyframes open-mobile-nav {
    0% {
        -o-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }

    to {
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@-webkit-keyframes close-mobile-nav {
    0% {
        -webkit-transform: translateX(0);
        opacity: 1
    }

    to {
        -webkit-transform: translateX(100%);
        opacity: 0
    }
}

@-moz-keyframes close-mobile-nav {
    0% {
        -moz-transform: translateX(0);
        opacity: 1
    }

    to {
        -moz-transform: translateX(100%);
        opacity: 0
    }
}

@-ms-keyframes close-mobile-nav {
    0% {
        -ms-transform: translateX(0);
        opacity: 1
    }

    to {
        -ms-transform: translateX(100%);
        opacity: 0
    }
}

@keyframes close-mobile-nav {
    0% {
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    to {
        -o-transform: translateX(100%);
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        opacity: 0
    }
}

.footer-nav li a, .footer-nav p a {
    text-decoration: none;
    color: var(--c-text);
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear
}

.footer-nav li.active a, .footer-nav li a:hover, .footer-nav p.active a, .footer-nav p a:hover {
    color: var(--c-secondary);
}

.footer-nav p {
    line-height: 30px;

    text-transform: uppercase;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    letter-spacing: 0.4px;
}

.footer-nav ul {
    list-style: none;
    margin: 25px 0 0;
    padding: 0
}

.footer-nav ul li {
    line-height: 1.1em
}

.footer-nav ul li a {
    text-transform: uppercase;
    font-size: 15px;
    font-size: 0.75rem
}

.news-item {
    color: #fff
}

.news-item--cover header {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 65%
}

.news-item--cover header a {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-indent: -6000px;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-transition: opacity 0.35s linear, -webkit-filter 0.35s linear;
    transition: opacity 0.35s linear, -webkit-filter 0.35s linear;
    -o-transition: filter 0.35s linear, opacity 0.35s linear;
    transition: filter 0.35s linear, opacity 0.35s linear;
    transition: filter 0.35s linear, opacity 0.35s linear, -webkit-filter 0.35s linear
}

.news-item--cover header a:hover {
    opacity: .5;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: gray;
    filter: gray
}

.news-item--cover .news-item__body h1 {
    margin-top: 6px;
    line-height: 1em;
}

.news-item--tweet header {
    position: relative;
    overflow: hidden
}

.news-item--tweet header > div {
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    padding: 30px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.news-item--tweet header p {
    font-weight: 400;
    font-style: italic;
    font-size: 18px;
    font-size: 0.9rem
}

.news-item--tweet .news-item__body i {
    display: block;
    margin-top: 6px;

}

@media (max-width: 767px) {
    .news-item--tweet header > div {
        padding: 20px 15px
    }
}

.news-item__body {
    padding: 15px 0px 0px;
    font-size: 21px;
    display: flex;

}

.news-item__body time {
    display: block;
    font-style: normal;
}

.news-item__body a {
    color: var(--c-text);
    width: 100%;
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    text-decoration: none;
    -webkit-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
}

.news-item__body h1 {
    font-size: 34px;
    text-transform: uppercase;
    font-weight: 700;
    color: var(--c-text);
    line-height: 1;
    font-family: var(--f-title-bold);
    font-weight: 700;
}

.news-item__body a:hover {
    opacity: .5
}

@media (max-width: 767px) {
    .news-item__body {
        padding: 20px 15px
    }

    .news-item__body time {
        font-size: 22px;
        font-size: 1.1rem
    }

    .news-item__body h1 {
        font-size: 16px;
        font-size: 0.8rem
    }
}

.optanon-alert-box-wrapper {
    z-index: 9900 !important
}

#optanon #optanon-popup-bg {
    z-index: 9901 !important
}

#optanon #optanon-popup-wrapper {
    z-index: 9902 !important
}

.page-loader {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #201323;
    z-index: 9999
}

.page-loader .spinner {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    margin-top: -25px;
    border: 4px solid #04aaba;
    border-top: 4px solid #882482;
    border-right: 4px solid #e30666;
    border-bottom: 4px solid #b8cb12;
    border-left: 4px solid #ffd402;
    border-radius: 50%;
    -webkit-animation-name: spin;
    animation-name: spin;
    -webkit-animation-duration: 500ms;
    animation-duration: 500ms;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-delay: 0;
    animation-delay: 0;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: none;
    animation-fill-mode: none;
    -webkit-animation-play-state: running;
    animation-play-state: running
}

.no-js .page-loader {
    display: none
}

.pagination {
    text-align: center
}

.pagination ul {
    display: inline-block;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}

.pagination ul li {
    display: block;
    float: left;
    margin: 0 4px 8px;
    text-align: center
}

.pagination ul li a, .pagination ul li span {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: var(--c-secondary);;
    background-color: #fff;
    font-weight: 700;
    font-style: normal;
    font-size: 14px;
    font-size: 0.7rem
}

.pagination ul li a {
    text-decoration: none;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -o-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear
}

.pagination ul li .current, .pagination ul li a:hover {
    color: #fff;
    background-color: var(--c-secondary);
}

.partners-item {
    margin-top: 80px
}

.partners-item h3 {
    margin-bottom: 30px;
    font-size: 26px;
    font-size: 1.3rem
}

.partners-item ul.logos {
    list-style: none;
    margin: 0;
    padding: 0
}

.partners-item ul.logos li {
    display: inline-block;
    margin-right: 15px;
    margin-bottom: 15px;
    padding-left: 0
}

.partners-item ul.logos li:before {
    content: "";
    display: none
}

.picture-banner {
    position: relative;
    min-height: 800px;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.picture-banner .logo {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 50%;
    top: 50%;
    width: 736px;
    height: 464px;
    text-indent: -6000px;
    background: url("images/interface/francofolies-bk-cd-nodate.svg") no-repeat scroll center;
    background-size: contain;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.picture-banner .buttons {
    position: absolute;
    overflow: hidden;
    left: 50%;
    bottom: 0;
    width: 100%;
    padding-bottom: 25px;
    text-align: center;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.picture-banner .buttons a {
    display: inline-block;
    margin: 0 10px 20px;
    padding: 22px 55px;
    line-height: 1em;
    text-decoration: none;
    color: #fff;
    background-color: #2a0431;
    font-family: "BERNIER Regular", Impact, Charcoal, sans-serif;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal;
    font-size: 40px;
    font-size: 2rem;
    letter-spacing: 1px
}

@media (max-width: 767px) {
    .picture-banner {
        display: none
    }
}

.sharethis {
    /*display: inline-block;*/
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;

}

.sharethis a, .sharethis p, .sharethis ul {
    display: block
}

.sharethis li, .sharethis p, .sharethis ul {
    float: left
}

.sharethis a, .sharethis p {
    padding: 12px 15px;
    line-height: 1em;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-style: normal;
    font-size: 13px;
    font-size: 0.65rem
}

.sharethis p {
    font-size: 20px;
    color: var(--c-text);
    text-transform: uppercase;
}

.sharethis--footer {
    display: flex;
    justify-content: center;
}

.sharethis ul {
    overflow: hidden;
    list-style: none;
    margin: 0 0 0 10px;
    padding: 0
}

.sharethis ul li + li {
    margin-left: 10px
}

.sharethis ul li a {
    position: relative;
    padding-left: 50px;
    text-decoration: none;
    border-radius: 1rem;
}

.sharethis ul li a:after, .sharethis ul li a:before {
    display: block;
    position: absolute
}

/*.sharethis ul li a:before {*/
/*    content: "";*/
/*    left: 34px;*/
/*    top: 0;*/
/*    width: 1px;*/
/*    height: 100%;*/
/*    background-color: rgba(0, 0, 0, 0.4);*/
/*    -webkit-transition: left 0.25s ease, width 0.25s ease;*/
/*    -o-transition: left 0.25s ease, width 0.25s ease;*/
/*    transition: left 0.25s ease, width 0.25s ease*/
/*}*/

.sharethis ul li a:after {
    left: 0;
    top: 50%;
    width: 50px;
    font-family: "FontAwesome";
    font-size: 16px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: width 0.25s ease;
    -o-transition: width 0.25s ease;
    transition: width 0.25s ease
}

.sharethis ul li a span {
    position: relative;
    font-size: 16px;
}

.sharethis ul li a:hover:before {
    left: 0;
    width: 100%
}


.sharethis ul li a:hover:after {
    width: 50px
}

.sharethis ul li.whatsapp a:hover {
    background-color: #60c746
}

.sharethis ul li.mailto a:after {
    content: "\f0e0"
}

.sharethis ul li.mailto a:hover {
    background-color: #afb0ae
}

.sharethis ul li.whatsapp a:after {
    content: "\f232"
}


.sharethis ul li.facebook a:hover {
    background-color: #4672cc
}

.sharethis ul li.facebook a:after {
    content: "\f09a"
}

.sharethis ul li.googleplus a:hover {
    background-color: #e42125
}

.sharethis ul li.googleplus a:after {
    content: "\f0d5"
}

.sharethis ul li.twitter a:hover {
    background-color: #60aed3
}

.sharethis ul li.twitter a:after {
    content: "\f099"
}

.sharethis ul li a {
    background-color: var(--c-text);
}


@media (max-width: 767px) {
    .sharethis {
        display: block
    }

    .sharethis li, .sharethis p, .sharethis ul {
        float: none
    }

    .sharethis p, .sharethis ul li a {
        padding-left: 35px;
        padding-right: 35px
    }

    .sharethis ul {
        margin-left: 0
    }

    .sharethis ul li + li {
        margin-left: 0
    }
}

.submenu {
    display: none;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #b681b3;
    z-index: 9001
}

.submenu > div, .submenu > span {
    width: 50%
}

.submenu > span {
    display: block;
    position: absolute;
    height: 100%;
    background-attachment: scroll;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.submenu > div {
    display: table;
    height: 100%;
    min-height: 480px;
    margin-left: 50%;
    border-collapse: collapse
}

.submenu > div nav {
    display: table-cell;
    width: 100%;
    height: 100%;
    padding: 60px 40px;
    text-align: center;
    vertical-align: middle
}

.submenu > div nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.submenu > div nav ul li + li {
    margin-top: 24px
}

.submenu > div nav ul li a {
    display: inline-block;
    text-decoration: none;
    color: #2a0431;
    font-family: "BERNIER Regular", Impact, Charcoal, sans-serif;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal;
    font-size: 24px;
    font-size: 1.2rem;
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    -o-transition: transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease
}

.submenu > div nav ul li.active a, .submenu > div nav ul li a:hover {
    -webkit-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15)
}

.submenu > div nav ul li.active a {
    text-decoration: underline
}

.submenu--bgc01 {
    background-color: #1aabbc
}

.submenu--bgc05 {
    background-color: #b681b3
}

.submenu--bgc07 {
    background-color: #e31766
}

.submenu--bgc08 {
    background-color: #b8cc12
}

.submenu--bgc09 {
    background-color: #61b783
}

.submenu--bgc11 {
    background-color: #859bc6
}

.submenu--bgc13 {
    background-color: #f8af00
}

.submenu--bgc14 {
    background-color: #e61531
}

.timetable {
    position: relative;
    padding: 90px 0 100px 300px
}

.timetable--bgc01 {
    background-color: #1aabbc
}

.timetable--bgc01 .timetable__nav button {
    background-color: rgba(2, 119, 128, 0.9)
}

.timetable--bgc01 .timetable__nav button:hover {
    background-color: #027780
}

.timetable--bgc01 .timetable-item header:before {
    background-color: #027780
}

.timetable--bgc03 {
    background-color: #027780
}

.timetable--bgc03 .timetable__nav button {
    background-color: rgba(26, 171, 188, 0.9)
}

.timetable--bgc03 .timetable__nav button:hover {
    background-color: #1aabbc
}

.timetable--bgc03 .timetable-item header:before {
    background-color: #1aabbc
}

.timetable--bgc04 {
    background-color: #882482
}

.timetable--bgc04 .timetable__nav button {
    background-color: rgba(182, 129, 179, 0.9)
}

.timetable--bgc04 .timetable__nav button:hover {
    background-color: #b681b3
}

.timetable--bgc04 .timetable-item header:before {
    background-color: #b681b3
}

.timetable--bgc05 {
    background-color: #b681b3
}

.timetable--bgc05 .timetable__nav button {
    background-color: rgba(136, 36, 130, 0.9)
}

.timetable--bgc05 .timetable__nav button:hover {
    background-color: #882482
}

.timetable--bgc05 .timetable-item header:before {
    background-color: #882482
}

.timetable--bgc07 {
    background-color: #e31766
}

.timetable--bgc07 .timetable__nav button {
    background-color: rgba(42, 4, 49, 0.9)
}

.timetable--bgc07 .timetable__nav button:hover {
    background-color: #2a0431
}

.timetable--bgc07 .timetable-item header:before {
    background-color: #2a0431
}

.timetable--bgc08 {
    background-color: #b8cc12
}

.timetable--bgc08 .timetable__nav button {
    background-color: rgba(230, 21, 49, 0.9)
}

.timetable--bgc08 .timetable__nav button:hover {
    background-color: #e61531
}

.timetable--bgc08 .timetable-item header:before {
    background-color: #e61531
}

.timetable--bgc09 {
    background-color: #61b783
}

.timetable--bgc09 .timetable__nav button {
    background-color: rgba(69, 137, 92, 0.9)
}

.timetable--bgc09 .timetable__nav button:hover {
    background-color: #2a6a43
}

.timetable--bgc09 .timetable-item header:before {
    background-color: #2a6a43
}

.timetable--bgc10 {
    background-color: #9fc7e6
}

.timetable--bgc10 .timetable__nav button {
    background-color: rgba(133, 155, 198, 0.9)
}

.timetable--bgc10 .timetable__nav button:hover {
    background-color: #859bc6
}

.timetable--bgc10 .timetable-item header:before {
    background-color: #859bc6
}

.timetable--bgc11 {
    background-color: #859bc6
}

.timetable--bgc11 .timetable__nav button {
    background-color: rgba(159, 199, 230, 0.9)
}

.timetable--bgc11 .timetable__nav button:hover {
    background-color: #9fc7e6
}

.timetable--bgc11 .timetable-item header:before {
    background-color: #9fc7e6
}

.timetable--bgc12 {
    background-color: #ffd402
}

.timetable--bgc12 .timetable__nav button {
    background-color: rgba(248, 175, 0, 0.9)
}

.timetable--bgc12 .timetable__nav button:hover {
    background-color: #f8af00
}

.timetable--bgc12 .timetable-item header:before {
    background-color: #f8af00
}

.timetable--bgc13 {
    background-color: #f8af00
}

.timetable--bgc13 .timetable__nav button {
    background-color: rgba(255, 212, 2, 0.9)
}

.timetable--bgc13 .timetable__nav button:hover {
    background-color: #ffd402
}

.timetable--bgc13 .timetable-item header:before {
    background-color: #ffd402
}

.timetable--bgc14 {
    background-color: #e61531
}

.timetable--bgc14 .timetable__nav button {
    background-color: rgba(174, 12, 33, 0.9)
}

.timetable--bgc14 .timetable__nav button:hover {
    background-color: #ae0c21
}

.timetable--bgc14 .timetable-item header:before {
    background-color: #ae0c21
}

@media (max-width: 991px) {
    .timetable {
        padding-left: 240px
    }
}

@media (max-width: 767px) {
    .timetable {
        padding-left: 30%;
        padding-top: 70px
    }
}

.timetable__hours ul, .timetable__items ul, .timetable__stages ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.timetable__hours ul li, .timetable__items ul li, .timetable__stages ul li {
    display: block
}

.timetable__items > ul > li, .timetable__stages > ul > li {
    position: relative;
    height: 230px
}

@media (max-width: 767px) {
    .timetable__items > ul > li, .timetable__stages > ul > li {
        height: 160px
    }
}

.timetable__stages {
    position: absolute;
    left: 0;
    top: 170px;
    width: 300px;
    padding-left: 75px;
    padding-right: 30px
}

.timetable__stages ul {
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: break-word;
    border-collapse: collapse
}

.timetable__stages ul li {
    display: table-row
}

.timetable__stages ul li span {
    display: table-cell;
    vertical-align: middle;
    padding-bottom: 92px;
    line-height: 1.2em;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    font-size: 1.1rem
}

@media (max-width: 991px) {
    .timetable__stages {
        width: 240px;
        padding-left: 15px
    }

    .timetable__stages ul li span {
        font-size: 18px;
        font-size: 0.9rem
    }
}

@media (max-width: 767px) {
    .timetable__stages {
        top: 130px;
        width: 30%;
        padding-right: 15px
    }

    .timetable__stages ul li span {
        padding-bottom: 64px;
        font-size: 16px;
        font-size: 0.8rem
    }
}

.timetable__body {
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.timetable__hours {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.timetable__hours ul {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%
}

.timetable__hours ul:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 80px;
    bottom: 80px;
    border-left: 3px solid #fff
}

.timetable__hours ul li {
    display: block;
    position: relative;
    float: left;
    width: 240px;
    height: 100%;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    font-style: normal
}

.timetable__hours ul li:after, .timetable__hours ul li:before {
    content: "";
    display: block;
    position: absolute;
    top: 80px;
    bottom: 80px
}

.timetable__hours ul li:before {
    left: 0;
    border-left: 3px solid #fff
}

.timetable__hours ul li:after {
    left: 50%;
    border-left: 1px solid #fff
}

.timetable__hours ul li span {
    display: block;
    position: relative;
    z-index: 1001
}

.timetable__hours ul li span:after {
    content: "\2022";
    display: block;
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.timetable__hours ul li span.footer {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%
}

@media (max-width: 767px) {
    .timetable__hours ul:after {
        top: 60px;
        bottom: 60px
    }

    .timetable__hours ul li:after, .timetable__hours ul li:before {
        top: 60px;
        bottom: 60px
    }
}

.timetable__items {
    padding-top: 80px;
    padding-bottom: 80px
}

.timetable__items > ul > li {
    overflow: hidden
}

.timetable__items > ul > li h3 {
    display: none
}

@media (max-width: 767px) {
    .timetable__items {
        padding-top: 60px;
        padding-bottom: 60px
    }
}

.timetable__nav {
    position: absolute;
    pointer-events: none;
    z-index: 1000
}

.timetable__nav button {
    display: block;
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    font-size: 24px;
    color: #fff;
    pointer-events: auto;
    -webkit-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear
}

.timetable__nav button.prev {
    left: 0
}

.timetable__nav button.next {
    right: 0
}

.timetable__nav button:hover {
    background-color: #859bc6
}

@media (max-width: 767px) {
    .timetable__nav button {
        width: 36px;
        font-size: 20px
    }
}

.timetable-item {
    position: absolute;
    overflow: hidden;
    top: 0
}

.timetable-item header {
    position: relative
}

.timetable-item header:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .5
}

.timetable-item header img {
    position: relative;
    -webkit-transition: opacity 0.35s linear, -webkit-transform 0.35s linear;
    transition: opacity 0.35s linear, -webkit-transform 0.35s linear;
    -o-transition: transform 0.35s linear, opacity 0.35s linear;
    transition: transform 0.35s linear, opacity 0.35s linear;
    transition: transform 0.35s linear, opacity 0.35s linear, -webkit-transform 0.35s linear
}

.timetable-item a {
    text-decoration: none;
    color: #2a0431
}

.timetable-item a:hover header img {
    opacity: .5;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: gray;
    filter: gray
}

.timetable-item a:hover h1 {
    opacity: .5
}

@media (max-width: 767px) {
    .timetable-item header img {
        width: auto;
        height: 96px
    }
}

.timetable-item__body {
    padding-left: 6px
}

.timetable-item__body h1 {
    overflow: hidden;
    margin-top: 10px;
    line-height: 1.2em;
    text-transform: uppercase;
    font-weight: 700;
    font-style: normal;
    -webkit-transition: opacity 0.25s linear;
    -o-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear
}

.timetable-item__body h2 {
    display: none;
    margin-top: 4px;
    font-size: 17px;
    font-size: 0.85rem
}

@media (max-width: 991px) {
    .timetable-item__body h1 {
        display: block;
        position: relative;
        font-size: 16px;
        font-size: 0.8rem
    }

    .timetable-item__body h2 {
        font-size: 13px;
        font-size: 0.65rem
    }
}

.top-slider {
    position: relative;
    background-color: #201323
}

@media (max-width: 767px) {
    .top-slider {
        display: none
    }
}

.widget .title {
    display: block;
    margin-bottom: 40px;
    padding: 16px 26px;
    text-align: center;
    color: #fff;
    background-color: #1aabbc;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal
}

.widget--articles ul, .widget--gallery ul, .widget--logos ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.widget--articles ul li + li, .widget--gallery ul li + li {
    margin-top: 30px
}

.widget--articles ul li figure, .widget--gallery ul li figure {
    margin-bottom: 15px
}

.widget--articles ul li a, .widget--gallery ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    color: #2a0431;
    font-size: 17px;
    font-size: 0.85rem;
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear
}

.widget--articles ul li a img, .widget--gallery ul li a img {
    width: 100%;
    height: auto;
    -webkit-transition: opacity 0.35s linear, -webkit-filter 0.35s linear;
    transition: opacity 0.35s linear, -webkit-filter 0.35s linear;
    -o-transition: filter 0.35s linear, opacity 0.35s linear;
    transition: filter 0.35s linear, opacity 0.35s linear;
    transition: filter 0.35s linear, opacity 0.35s linear, -webkit-filter 0.35s linear
}

.widget--articles ul li a:hover img, .widget--gallery ul li a:hover img {
    opacity: .75;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: gray;
    filter: gray
}

.widget--articles ul li p {
    text-transform: uppercase
}

.widget--logos ul li {
    padding-left: 15px;
    padding-right: 15px;
    text-align: center
}

.widget--logos ul li + li {
    margin-top: 40px
}

.widget--logos ul li a {
    display: block
}

.widget--logos ul li a img {
    max-width: 100%;
    height: auto
}

.content--c04 .widget .title {
    background-color: #882482
}

.content--c04 .widget--articles figure, .content--c04 .widget--gallery figure {
    background-color: #882482
}

.content--c04 .widget--articles a:hover, .content--c04 .widget--gallery a:hover {
    color: #882482
}

.content--c05 .widget .title {
    background-color: #b681b3
}

.content--c05 .widget--articles figure, .content--c05 .widget--gallery figure {
    background-color: #b681b3
}

.content--c05 .widget--articles a:hover, .content--c05 .widget--gallery a:hover {
    color: #b681b3
}

.content--c07 .widget .title {
    background-color: #e31766
}

.content--c07 .widget--articles figure, .content--c07 .widget--gallery figure {
    background-color: #e31766
}

.content--c07 .widget--articles a:hover, .content--c07 .widget--gallery a:hover {
    color: #e31766
}

.content--c08 .widget .title {
    background-color: #b8cc12
}

.content--c08 .widget--articles figure, .content--c08 .widget--gallery figure {
    background-color: #b8cc12
}

.content--c08 .widget--articles a:hover, .content--c08 .widget--gallery a:hover {
    color: #b8cc12
}

.content--c09 .widget .title {
    background-color: #61b783
}

.content--c09 .widget--articles figure, .content--c09 .widget--gallery figure {
    background-color: #61b783
}

.content--c09 .widget--articles a:hover, .content--c09 .widget--gallery a:hover {
    color: #61b783
}

.content--c10 .widget .title {
    background-color: #9fc7e6
}

.content--c10 .widget--articles figure, .content--c10 .widget--gallery figure {
    background-color: #9fc7e6
}

.content--c10 .widget--articles a:hover, .content--c10 .widget--gallery a:hover {
    color: #9fc7e6
}

.content--c11 .widget .title {
    background-color: #859bc6
}

.content--c11 .widget--articles figure, .content--c11 .widget--gallery figure {
    background-color: #859bc6
}

.content--c11 .widget--articles a:hover, .content--c11 .widget--gallery a:hover {
    color: #859bc6
}

.content--c12 .widget .title {
    background-color: #ffd402
}

.content--c12 .widget--articles figure, .content--c12 .widget--gallery figure {
    background-color: #ffd402
}

.content--c12 .widget--articles a:hover, .content--c12 .widget--gallery a:hover {
    color: #ffd402
}

.content--c13 .widget .title {
    background-color: #f8af00
}

.content--c13 .widget--articles figure, .content--c13 .widget--gallery figure {
    background-color: #f8af00
}

.content--c13 .widget--articles a:hover, .content--c13 .widget--gallery a:hover {
    color: #f8af00
}

.content--c14 .widget .title {
    background-color: #e61531
}

.content--c14 .widget--articles figure, .content--c14 .widget--gallery figure {
    background-color: #e61531
}

.content--c14 .widget--articles a:hover, .content--c14 .widget--gallery a:hover {
    color: #e61531
}

.page-header__submenus {
    position: relative;
    z-index: 9000
}

.page-header__submenus.fixed {
    position: fixed;
    left: 0;
    top: 104px;
    width: 100%
}

.page-wrapper {
    position: relative;
    overflow-x: hidden;
    background-color: var(--c-bg);
}

.page-wrapper__body {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
}


@media (min-width: 760px) {
    .page-wrapper__body {
        position: relative;
        padding-left: 110px;
        padding-right: 110px;
    }

    .page-wrapper__body .artists-items {
        margin-top: 60px
    }
}


@media (min-width: 1199px) {

}


@media (max-width: 991px) {
    .page-wrapper__body aside {
        margin-top: 80px
    }
}

.page-footer {
    position: relative;
    background-color: #2a0431;
    z-index: 9002
}

.page-footer .back-top {
    display: block;
    position: absolute;
    left: 50%;
    top: -0.3rem;
    width: 71px;
    background: var(--c-text);
    color: var(--c-bg);
    height: 71px;
    margin-left: -30px;
    margin-top: -30px;
    padding-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
    font-style: normal;
    font-size: 1.2rem;
    letter-spacing: -2px;
    border-radius: 50%;
    border: 2px solid var(--c-text);

}

.page-footer .back-top:before {
    content: "\f106";
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
    width: 100%;
    font-family: "FontAwesome";
    font-size: 17px;
    text-align: center
}

.page-footer .back-top span {
    display: block
}

.page-footer .back-top:before, .page-footer .back-top span {
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease
}

.page-footer .back-top:hover:before {
    -webkit-transform: translateY(28px);
    -ms-transform: translateY(28px);
    transform: translateY(28px)
}

.page-footer .back-top:hover span {
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px)
}

.page-footer__top {
    padding-top: 60px;
    padding-bottom: 60px;
    background-color: var(--c-yellow);
}

.page-footer__top .others {
    text-align: right
}

.page-footer__top .others p + ul {
    margin-top: 25px
}

.page-footer__top .others p .button + .button {
    margin-left: 10px
}

.page-footer__top .others ul {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0
}

.page-footer__top .others ul li {
    float: left
}

.page-footer__top .others ul li + li {
    margin-left: 6px
}

.page-footer__top .others ul li a {
    display: block;
    position: relative;
    width: 38px;
    height: 38px;
    text-decoration: none;
    color: #fff;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    -o-transition: transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease
}

.page-footer__top .others ul li a i {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.page-footer__top .others ul li a:hover {
    -webkit-transform: translateY(-4px);
    -ms-transform: translateY(-4px);
    transform: translateY(-4px)
}

.page-footer__top .others ul li.facebook a {
    background-color: #4672cc
}

.page-footer__top .others ul li.whatsapp a {
    background-color: #4dc247
}

.page-footer__top .others ul li.flickr a {
    background-color: #fc1688
}

.page-footer__top .others ul li.googleplus a {
    background-color: #e42125
}

.page-footer__top .others ul li.instagram a {
    background-color: #e66f20
}

.page-footer__top .others ul li.spotify a {
    background-color: #1ed760
}

.page-footer__top .others ul li.issuu a {
    background-color: #ed5225
}

.page-footer__top .others ul li.linkedin a {
    background-color: #3894bf
}

.page-footer__top .others ul li.pinterest a {
    background-color: #cb2027
}

.page-footer__top .others ul li.tumblr a {
    background-color: #34465d
}

.page-footer__top .others ul li.twitter a {
    background-color: #60aed3
}

.page-footer__top .others ul li.youtube a {
    background-color: #e41d2a
}

@media (max-width: 991px) {
    .page-footer__top .others {
        text-align: center
    }
}

@media (max-width: 767px) {
    .page-footer__top {
        text-align: center
    }

    .page-footer__top .others p .button {
        display: block;
        width: 100%
    }

    .page-footer__top .others p .button + .button {
        margin-left: 0;
        margin-top: 12px
    }
}

.page-footer__bottom {
    padding-top: 45px;
    padding-bottom: 25px;
    /*max-height: 240px;*/
    background-color: var(--c-secondary);
}

.page-footer__bottom .copyright-credits ul, .page-footer__bottom .sponsors ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0;
    text-align: center
}

.page-footer__bottom .copyright-credits ul li, .page-footer__bottom .sponsors ul li {
    display: inline-block
}

.page-footer__bottom .sponsors {
}

.page-footer__bottom .sponsors + .copyright-credits {
    margin-top: 30px
}

.page-footer__bottom .sponsors ul li a {
    display: block;
    padding-left: 15px;
    padding-right: 15px;
    opacity: 1;
    -webkit-transition: opacity 0.35s linear;
    -o-transition: opacity 0.35s linear;
    transition: opacity 0.35s linear
}

.page-footer__bottom .sponsors ul li a:hover {
    opacity: 1
}

.page-footer__bottom .sponsors ul li a[href="#"] {
    cursor: default
}

.page-footer__bottom .sponsors ul li a img {
    vertical-align: middle
}

.page-footer__bottom .copyright-credits {
    color: #fff;
}

.page-footer__bottom .copyright-credits li, .page-footer__bottom .copyright-credits p {
    line-height: 1.6em;
    font-size: 13px;
    font-size: 0.65rem
}

.page-footer__bottom .copyright-credits a {
    color: #fff;
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear
}

.page-footer__bottom .copyright-credits a:hover {
    color: #1aabbc
}

.page-footer__bottom .copyright-credits p a {
    text-decoration: underline
}

.page-footer__bottom .copyright-credits ul {
    float: right
}

.page-footer__bottom .copyright-credits ul li + li:before {
    content: "\00a0\00a0\2022\00a0\00a0"
}

.page-footer__bottom .copyright-credits ul li a {
    text-decoration: none
}

@media (max-width: 991px) {
    .page-footer__bottom .copyright-credits {
        text-align: center
    }

    .page-footer__bottom .copyright-credits ul {
        float: none
    }
}

.page-wrapper--artist {
    background-color: var(--c-bg);
}

.page-wrapper--artist .body {
    padding-top: 50px;
    padding-bottom: 140px
}

.page-wrapper--artist .logo {
    text-align: center
}

.page-wrapper--artist .logo img {
    max-width: 100%;
    height: auto
}

.page-wrapper--artist .info {
    position: relative;
    margin-bottom: 50px;
    margin-top: 20px;

}

@media (min-width: 760px) {
    .page-wrapper--artist .info {
        min-width: 490px;

    }
}

@media (min-width: 1199px) {

}


.page-wrapper--artist .info ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}

.page-wrapper--artist .info ul li {
    float: left
}

.page-wrapper--artist .info ul li a, .page-wrapper--artist .info ul li span {
    display: block;
    padding: 19px 32px;
    text-decoration: none;
    color: #fff;
    background-color: var(--c-primary);;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    letter-spacing: 2px;
    -webkit-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear
}

.page-wrapper--artist .info ul li a:hover, .page-wrapper--artist .info ul li span:hover {
    background-color: var(--c-primary);
}

.page-wrapper--artist .info ul {
    /*border: 1px solid var(--c-text);*/
}

.page-wrapper--artist .info ul li.tickets a {
    background-color: var(--c-secondary);
    border: 1px solid var(--c-text);
}

.page-wrapper--artist .info ul li.day a {
    border: 1px solid var(--c-text);
    border-right: 1px solid transparent;
}

.page-wrapper--artist .info ul li.tickets a:hover {
    background-color: var(--c-bg);;
    color: var(--c-secondary);;
}

.page-wrapper--artist .info ul li.free span {
    background-color: #fff;
    color: #00a3b2;
    padding: 26px 40px;
}


@media (max-width: 991px) {
    .page-wrapper--artist .body {
        padding-bottom: 280px
    }

    .page-wrapper--artist .info {
    }

    .page-wrapper--artist .info ul {
        display: inline-block
    }
}

@media (max-width: 767px) {
    .page-wrapper--artist .body {
        padding-bottom: 250px
    }

    .page-wrapper--artist .info {
        position: relative;
        left: auto;
        right: auto;
        bottom: auto;
        margin-top: 50px
    }

    .page-wrapper--artist .info ul {
        display: block
    }

    .page-wrapper--artist .info ul li {
        display: block;
        float: none
    }

    .page-wrapper--artist .info ul li a {
        display: block;
        padding: 18px 22px;
        font-size: 28px;
        font-size: 1.4rem
    }
}

.page-wrapper--artist .page-wrapper__body {
    padding-top: 60px;
    padding-bottom: 100px;
    background-color: var(--c-bg);
}

.page-wrapper--artist .page-wrapper__body .content {
    min-height: 620px;
    margin-top: -180px
}

.page-wrapper--artist .page-wrapper__body .content .past-years {
    margin-top: 80px
}

.page-wrapper--artist .content .past-years h3 {
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    font-size: 1.4rem
}

.page-wrapper--artist .page-wrapper__body .content .past-years ul li {
    color: #859bc6;
    font-size: 18px;
    font-size: 0.9rem
}

.page-wrapper--artist h1.name {
    margin-bottom: 0
}

.page-wrapper--artist h1.name.no-performance {
    margin-bottom: 50px
}

.page-wrapper--artist h1.name + h3.nationality {
    margin-top: 4px
}

.page-wrapper--artist h1.name + h2, .page-wrapper--artist h3.nationality + h2 {
    margin-top: 50px;
    font-size: 30px;
    font-size: 1.5rem;
    font-weight: 900;
}

.page-wrapper--artist h1.name + h2 span, .page-wrapper--artist h3.nationality + h2 span {
    color: var(--c-secondary);;
    font-weight: 400;
    text-transform: capitalize;
    padding-top: 10px;
    line-height: 50px;
    margin-bottom: 40px;


    font-size: 30px;
    font-size: 1.5rem
}

.page-wrapper--artist h3.nationality {
    color: #f8af00;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    font-size: 1.5rem
}

.page-wrapper--artist .page-wrapper__body embed, .page-wrapper--artist .page-wrapper__body iframe, .page-wrapper--artist .page-wrapper__body object {
    width: 100%;
    max-width: 100%
}

@media (max-width: 991px) {
    .page-wrapper--artist .page-wrapper__body .content {
        min-height: inherit
    }
}

.page-wrapper--artist .sharethis {
    margin-top: 60px
}

.page-wrapper--artist .links, .page-wrapper--artist .others {
    margin-top: 90px
}

.page-wrapper--artist .links .buttons {
    position: relative;
}

@media (min-width: 760px) {
    .page-wrapper--artist .links .buttons {
        position: relative;
        display: flex;
        gap: 1rem;
    }
}


.page-wrapper--artist .others {
    text-align: center
}

.page-wrapper--artist .others h3 {
    margin-bottom: 35px;
    padding-left: 15px;
    padding-right: 15px;
    text-decoration: underline;
    color: var(--c-secondary);;
    font-family: var(--f-title-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    font-size: 24px;
}

.page-wrapper--artist .others {
    padding-left: 110px;
    padding-right: 110px;
    margin-bottom: 80px;
}

/*.page-wrapper--artist .others ul {*/
/*    overflow: hidden;*/
/*    list-style: none;*/
/*    margin: 0;*/
/*    padding: 0*/
/*}*/

/*.page-wrapper--artist .others ul li {*/
/*    display: block;*/
/*    float: left;*/
/*    width: 25%*/
/*}*/

/*.page-wrapper--artist .others ul li a {*/
/*    display: block;*/
/*    text-decoration: none;*/
/*    color: var(--c-primary);*/
/*}*/

/*.page-wrapper--artist .others ul li a img {*/
/*    width: 100%;*/
/*    height: auto;*/
/*    -webkit-transition: opacity 0.35s linear, -webkit-filter 0.35s linear;*/
/*    transition: opacity 0.35s linear, -webkit-filter 0.35s linear;*/
/*    -o-transition: filter 0.35s linear, opacity 0.35s linear;*/
/*    transition: filter 0.35s linear, opacity 0.35s linear;*/
/*    transition: filter 0.35s linear, opacity 0.35s linear, -webkit-filter 0.35s linear*/
/*}*/

/*.page-wrapper--artist .others ul li a p {*/
/*    padding-top: 15px;*/
/*    padding-bottom: 15px;*/
/*    padding-left: 15px;*/
/*    padding-right: 15px;*/
/*    line-height: 1.2em;*/
/*    text-transform: uppercase;*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*    font-size: 24px;*/
/*    font-size: 1.2rem;*/
/*    -webkit-transition: color 0.25s linear;*/
/*    -o-transition: color 0.25s linear;*/
/*    transition: color 0.25s linear*/
/*}*/

/*.page-wrapper--artist .others ul li a:hover img {*/
/*    opacity: .5;*/
/*    -webkit-filter: grayscale(1);*/
/*    filter: grayscale(1);*/
/*    -webkit-filter: gray;*/
/*    filter: gray*/
/*}*/

/*.page-wrapper--artist .others ul li a:hover p {*/
/*    color: #1aabbc*/
/*}*/

/*@media (max-width: 1199px) {*/
/*    .page-wrapper--artist .others ul li a p {*/
/*        font-size: 18px;*/
/*        font-size: 0.9rem*/
/*    }*/
/*}*/

/*@media (max-width: 991px) {*/
/*    .page-wrapper--artist .others ul li {*/
/*        width: 50%*/
/*    }*/

/*    .page-wrapper--artist .info {*/
/*        min-width: inherit;*/
/*    }*/
/*}*/

/*@media (max-width: 767px) {*/
/*    .page-wrapper--artist .others ul li {*/
/*        float: none;*/
/*        width: 100%*/
/*    }*/
/*}*/

.page-wrapper--home section > footer, .page-wrapper--home section > header {
    padding-left: 30px;
    padding-right: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page-wrapper--home section > header {
    padding-top: 60px;
    padding-bottom: 50px
}

.page-wrapper--home section > header h1 {
    color: var(--c-text);;
    font-family: var(--f-title-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    font-size: 43px;
    line-height: 100px;

}

h1.name {
    color: var(--c-secondary);
    font-family: var(--f-title-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-style: normal;
    font-size: 65px;
    letter-spacing: 4px;
}

.page-wrapper--home section .body {
    position: relative
}

.page-wrapper--home section > footer {
    padding-top: 50px;
    padding-bottom: 60px
}

/*.page-wrapper--home section > footer p a {*/
/*    display: inline-block;*/
/*    text-decoration: underline;*/
/*    color: var(--c-secondary);;*/
/*    font-family: var(--f-title-bold);*/
/*    text-transform: uppercase;*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*    font-size: 24px;*/

/*    -webkit-transition: -webkit-transform 0.35s ease;*/
/*    transition: -webkit-transform 0.35s ease;*/
/*    -o-transition: transform 0.35s ease;*/
/*    transition: transform 0.35s ease;*/
/*    transition: transform 0.35s ease, -webkit-transform 0.35s ease*/
/*}*/

/*.page-wrapper--home section > footer p a:hover {*/
/*    -webkit-transform: scale(1.1, 1.1);*/
/*    -ms-transform: scale(1.1, 1.1);*/
/*    transform: scale(1.1, 1.1)*/
/*}*/

.page-wrapper--home section.c07 > footer p a, .page-wrapper--home section.c07 > header h1 {
    color: #e31766
}

.page-wrapper--home section.bgc01 > footer p a, .page-wrapper--home section.bgc01 > header h1, .page-wrapper--home section.bgc04 > footer p a, .page-wrapper--home section.bgc04 > header h1, .page-wrapper--home section.bgc05 > footer p a, .page-wrapper--home section.bgc05 > header h1, .page-wrapper--home section.bgc07 > footer p a, .page-wrapper--home section.bgc07 > header h1, .page-wrapper--home section.bgc08 > footer p a, .page-wrapper--home section.bgc08 > header h1, .page-wrapper--home section.bgc09 > footer p a, .page-wrapper--home section.bgc09 > header h1, .page-wrapper--home section.bgc10 > footer p a, .page-wrapper--home section.bgc10 > header h1, .page-wrapper--home section.bgc11 > footer p a, .page-wrapper--home section.bgc11 > header h1, .page-wrapper--home section.bgc12 > footer p a, .page-wrapper--home section.bgc12 > header h1, .page-wrapper--home section.bgc13 > footer p a, .page-wrapper--home section.bgc13 > header h1, .page-wrapper--home section.bgc14 > footer p a, .page-wrapper--home section.bgc14 > header h1 {
    color: #fff
}

.page-wrapper--home section.bgc01 {
    background-color: #1aabbc
}

.page-wrapper--home section.bgc04 {
    background-color: #882482
}

.page-wrapper--home section.bgc05 {
    background-color: #b681b3
}

.page-wrapper--home section.bgc07 {
    background-color: #e31766
}

.page-wrapper--home section.bgc08 {
    background-color: #b8cc12
}

.page-wrapper--home section.bgc09 {
    background-color: #61b783
}

.page-wrapper--home section.bgc10 {
    background-color: #9fc7e6
}

.page-wrapper--home section.bgc11 {
    background-color: #859bc6
}

.page-wrapper--home section.bgc12 {
    background-color: #3c5b83
}

.page-wrapper--home section.bgc13 {
    background-color: #f8af00
}

.page-wrapper--home section.bgc14 {
    background-color: #e61531
}

.page-wrapper--home section.bgc15 {
    background-color: var(--c-bg);
}

.page-wrapper--home .concerts__slider {
    position: relative;
    overflow: hidden
}

.page-wrapper--home .concerts__wrapper {
    overflow: hidden;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    transition: transform 0.5s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.23, 1, 0.32, 1)
}

.page-wrapper--home .concerts__nav {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.page-wrapper--home .concerts__nav button {
    display: block;
    position: absolute;
    top: 0;
    width: 60px;
    height: 100%;
    font-size: 24px;
    color: #fff;
    pointer-events: auto;
    -webkit-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear;
    background-color: rgba(42, 4, 49, 0.5)
}

.page-wrapper--home .concerts__nav button.prev {
    left: 0
}

.page-wrapper--home .concerts__nav button.next {
    right: 0
}

.page-wrapper--home .concerts__nav button span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.page-wrapper--home .concerts__nav button span i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%)
}

.page-wrapper--home .concerts__nav button:hover {
    background-color: rgba(42, 4, 49, 0.75)
}

@media (max-width: 767px) {
    .page-wrapper--home .concerts__nav button {
        width: 36px
    }
}

.page-wrapper--home .concert-item {
    float: left;
    width: 100%;
    text-align: center;
    color: #fff;
    font-family: "BERNIER Regular", Impact, Charcoal, sans-serif;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal
}

.page-wrapper--home .concert-item figure a {
    display: block;
    overflow: hidden
}

.page-wrapper--home .concert-item figure a img {
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    -o-transition: transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease
}

.page-wrapper--home .concert-item figure a:hover img {
    -webkit-transform: rotate(-3deg) scale(1.15, 1.15);
    -ms-transform: rotate(-3deg) scale(1.15, 1.15);
    transform: rotate(-3deg) scale(1.15, 1.15)
}

.page-wrapper--home .concert-item__body, .page-wrapper--home .concert-item__body .info {
    padding-left: 72px;
    padding-right: 72px
}

@media (max-width: 767px) {
    .page-wrapper--home .concert-item__body, .page-wrapper--home .concert-item__body .info {
        padding-left: 48px;
        padding-right: 48px
    }
}

.page-wrapper--home .concert-item__body {
    position: relative;
    padding-top: 45px;
    padding-bottom: 182px
}

.page-wrapper--home .concert-item__body h1 {
    margin-bottom: 10px;
    font-size: 60px;
    font-size: 3rem
}

.page-wrapper--home .concert-item__body p {
    line-height: 1.2em;
    font-size: 30px;
    font-size: 1.5rem
}

.page-wrapper--home .concert-item__body .info {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 137px
}

.page-wrapper--home .concert-item__body .info ul {
    display: inline-block;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}

.page-wrapper--home .concert-item__body .info ul li {
    float: left;
    line-height: 1em
}

.page-wrapper--home .concert-item__body .info ul li + li {
    margin-left: 18px
}

.page-wrapper--home .concert-item__body .info ul li a, .page-wrapper--home .concert-item__body .info ul li span {
    display: block;
    padding: 26px 32px;
    font-size: 40px;
    font-size: 2rem
}

.page-wrapper--home .concert-item__body .info ul li a {
    text-decoration: none;
    color: #fff;
    background-color: #2a0431;
    -webkit-transition: background-color 0.25s linear;
    -o-transition: background-color 0.25s linear;
    transition: background-color 0.25s linear
}

.page-wrapper--home .concert-item__body .info ul li a:hover {
    background-color: rgba(42, 4, 49, 0.65)
}

.page-wrapper--home .concert-item__body .info ul li span {
    background-color: #e61531
}

@media (max-width: 1199px) {
    .page-wrapper--home .concert-item__body {
        padding-bottom: 170px
    }

    .page-wrapper--home .concert-item__body h1 {
        font-size: 54px;
        font-size: 2.7rem
    }

    .page-wrapper--home .concert-item__body p {
        font-size: 26px;
        font-size: 1.3rem
    }

    .page-wrapper--home .concert-item__body .info {
        height: 125px
    }

    .page-wrapper--home .concert-item__body .info ul li a, .page-wrapper--home .concert-item__body .info ul li span {
        padding: 20px 28px;
        font-size: 32px;
        font-size: 1.6rem
    }
}

@media (max-width: 991px) {
    .page-wrapper--home .concert-item__body {
        padding-bottom: 240px
    }

    .page-wrapper--home .concert-item__body .info {
        height: 195px
    }

    .page-wrapper--home .concert-item__body .info ul li {
        display: block;
        float: none
    }

    .page-wrapper--home .concert-item__body .info ul li + li {
        margin-left: 0;
        margin-top: 10px
    }
}

@media (max-width: 767px) {
    .page-wrapper--home .concert-item__body {
        padding-bottom: 45px
    }

    .page-wrapper--home .concert-item__body h1 {
        font-size: 44px;
        font-size: 2.2rem
    }

    .page-wrapper--home .concert-item__body p {
        font-size: 22px;
        font-size: 1.1rem
    }

    .page-wrapper--home .concert-item__body .info {
        position: relative;
        left: auto;
        bottom: auto;
        width: 100%;
        height: auto;
        margin-top: 40px;
        padding-left: 0;
        padding-right: 0
    }
}

.page-wrapper--home .news .body .lSSlideOuter {
    padding-left: 110px;
    padding-right: 110px
}

@media (max-width: 767px) {
    .page-wrapper--home .news .body .lSSlideOuter {
        padding-left: 51px;
        padding-right: 51px
    }
}

.page-wrapper--home .news-item:nth-child(4n+1) {
    /*background-color: #028ea0*/
}

.page-wrapper--home .news-item:nth-child(4n+1).news-item--tweet header p a {
    color: var(--c-primary);
}

.page-wrapper--home .news-item:nth-child(4n+2) {
    /*background-color: #027780*/
}

.page-wrapper--home .news-item:nth-child(4n+2).news-item--tweet header p a {
    color: var(--c-primary);
}

.page-wrapper--home .news-item:nth-child(4n+3) {
    /*    background-color: #61b783*/
}

.page-wrapper--home .news-item:nth-child(4n+3).news-item--tweet header p a {
    color: var(--c-primary);
}

.page-wrapper--home .news-item:nth-child(4n+4) {
    /*    background-color: #b8cc12*/
}

.page-wrapper--home .news-item:nth-child(4n+4).news-item--tweet header p a {
    color: var(--c-primary);
}

@media (max-width: 767px) {
    .page-wrapper--home .news-item--tweet header > div {
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.page-wrapper--home .lineup .body {
    overflow: hidden;
    padding-bottom: 50px
}

.page-wrapper--home .lineup-item, .page-wrapper--home .lineup__more {
    float: left;
    width: 25%;
    text-align: center
}

@media (max-width: 1199px) {
    .page-wrapper--home .lineup-item, .page-wrapper--home .lineup__more {
        width: 33.33333%
    }
}

@media (max-width: 991px) {
    .page-wrapper--home .lineup-item, .page-wrapper--home .lineup__more {
        width: 50%
    }
}

@media (max-width: 767px) {
    .page-wrapper--home .lineup-item, .page-wrapper--home .lineup__more {
        float: none;
        width: 100%
    }
}

.page-wrapper--home .lineup__more {
    display: table;
    border-collapse: collapse
}

.page-wrapper--home .lineup__more a {
    display: table-cell;
    width: 100%;
    padding: 30px;
    vertical-align: middle;
    text-decoration: underline;
    color: #61b783;
    font-family: "BERNIER Regular", Impact, Charcoal, sans-serif;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal;
    font-size: 28px;
    font-size: 1.4rem;
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear
}

.page-wrapper--home .lineup__more a:hover {
    color: #b8cc12
}

@media (max-width: 767px) {
    .page-wrapper--home .lineup__more a {
        color: #fff;
        background-color: #61b783
    }
}

.page-wrapper--home .lineup-item a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #e31766
}

.page-wrapper--home .lineup-item a figure {
    overflow: hidden
}

.page-wrapper--home .lineup-item a figure img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease
}

.page-wrapper--home .lineup-item a p {
    display: block;
    padding: 14px 16px;
    line-height: 1.2em;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    font-size: 1.2rem;
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear
}

.page-wrapper--home .lineup-item a:hover figure img {
    -webkit-transform: rotate(-3deg) scale(1.15, 1.15);
    -ms-transform: rotate(-3deg) scale(1.15, 1.15);
    transform: rotate(-3deg) scale(1.15, 1.15)
}

.page-wrapper--home .lineup-item a:hover p {
    color: #b8cc12
}

.page-wrapper--home .shortcuts ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}

.page-wrapper--home .shortcuts ul li {
    display: block;
    position: relative;
    float: left;
    width: 50%;
    height: 530px
}

.page-wrapper--home .shortcuts ul li a {
    display: block;
    position: absolute;
    overflow: hidden;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.page-wrapper--home .shortcuts ul li a p {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 80px;
    line-height: 1em;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.75);
    pointer-events: none;
    font-family: "BERNIER Regular", Impact, Charcoal, sans-serif;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal;
    font-size: 65px;
    font-size: 3.25rem;
    -webkit-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear
}

.page-wrapper--home .shortcuts ul li a p span {
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.page-wrapper--home .shortcuts ul li a:hover p {
    background-color: rgba(0, 0, 0, 0.15)
}

@media (max-width: 767px) {
    .page-wrapper--home .shortcuts ul li {
        width: 100%;
        height: 460px
    }

    .page-wrapper--home .shortcuts ul li a p {
        background-color: rgba(0, 0, 0, 0.3)
    }
}

@media (max-width: 480px) {
    .page-wrapper--home .shortcuts ul li {
        height: 260px
    }

    .page-wrapper--home .shortcuts ul li a p {
        padding: 15px;
        font-size: 54px;
        font-size: 2.7rem
    }
}

.page-wrapper--home .video {
    /* background: url("images/interface/artwork-borrini-01.jpg") no-repeat scroll right bottom;*/
    background-size: cover
}

.page-wrapper--home .video > header h1 {
    color: #fff
}

.page-wrapper--home .video .body {
    /*padding-bottom: 100px;*/
}

.page-wrapper--home .advertising {
    padding-top: 50px;
    padding-bottom: 50px
}

.page-wrapper--home .advertising a {
    display: block
}

.page-wrapper--home .advertising a img {
    width: 100%;
    height: auto
}

.page-wrapper--home #newsletter-subscription {
    display: none;
    position: fixed;
    left: 50%;
    bottom: 60px;
    width: 680px;
    max-width: 100%;
    padding: 40px;
    text-align: center;
    background-color: #fff;
    z-index: 9800;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.page-wrapper--home #newsletter-subscription h3, .page-wrapper--home #newsletter-subscription p {
    color: #e61531
}

.page-wrapper--home #newsletter-subscription h3 {
    line-height: 1.1em;
    font-family: "BERNIER Regular", Impact, Charcoal, sans-serif;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal;
    font-size: 32px;
    font-size: 1.6rem
}

.page-wrapper--home #newsletter-subscription p {
    margin-top: 5px;
    font-size: 18px;
    font-size: 0.9rem
}

.page-wrapper--home #newsletter-subscription form {
    margin-top: 30px
}

.page-wrapper--home #newsletter-subscription form .form-control {
    height: 38px;
    text-align: center;
    font-size: 16px;
    font-size: 0.8rem
}

.page-wrapper--home #newsletter-subscription form .form-control.has-error {
    color: #cc0003;
    border: 2px solid #cc0003
}

.page-wrapper--home #newsletter-subscription form .form-control:focus, .page-wrapper--home #newsletter-subscription form input[type=checkbox]:focus, .page-wrapper--home #newsletter-subscription form input[type=email]:focus, .page-wrapper--home #newsletter-subscription form input[type=password]:focus, .page-wrapper--home #newsletter-subscription form input[type=radio]:focus, .page-wrapper--home #newsletter-subscription form input[type=search]:focus, .page-wrapper--home #newsletter-subscription form input[type=tel]:focus, .page-wrapper--home #newsletter-subscription form input[type=text]:focus, .page-wrapper--home #newsletter-subscription form select:focus, .page-wrapper--home #newsletter-subscription form textarea:focus {
    border-color: #2e2d2c
}

.page-wrapper--home #newsletter-subscription .close {
    position: absolute;
    right: 17px;
    top: 15px;
    font-size: 18px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.5);
    -webkit-transition: color 0.25s linear;
    -o-transition: color 0.25s linear;
    transition: color 0.25s linear
}

.page-wrapper--home #newsletter-subscription .close:hover {
    color: black
}

.page-wrapper--home #newsletter-subscription.absolute {
    position: absolute
}

@media (max-width: 767px) {
    .page-wrapper--home #newsletter-subscription {
        left: 15px;
        right: 15px;
        bottom: 15px;
        width: auto;
        padding: 20px 26px 25px;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.page-wrapper--lineup > footer {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    background-color: var(--c-bg);;
}

@media (max-width: 767px) {
    .page-wrapper--lineup > footer {
        padding-left: 15px;
        padding-right: 15px
    }
}

.page-wrapper--news {
    background-color: var(--c-bg);;
}

.page-wrapper--news > header {
    padding-top: 70px;
    padding-bottom: 55px;
    text-align: center
}

.page-wrapper--news > header h1 {
    position: relative;
    text-transform: uppercase;
    font-weight: 900;
    font-style: normal;
    font-size: 60px;
    letter-spacing: 4px;
    line-height: 100px;
    color: var(--c-secondary);;
}

@media (min-width: 760px) {
    .page-wrapper--news > header h1 {
        font-size: 70px;
    }
}

@media (min-width: 1199px) {

}


.page-wrapper--news > footer {
    padding-top: 60px;
    padding-bottom: 100px;
    text-align: center;
    color: #fff
}

.page-wrapper--news > footer p a {
    display: inline-block;
    text-decoration: underline;
    -webkit-transition: -webkit-transform 0.35s ease;
    transition: -webkit-transform 0.35s ease;
    -o-transition: transform 0.35s ease;
    transition: transform 0.35s ease;
    transition: transform 0.35s ease, -webkit-transform 0.35s ease;

    text-decoration: underline;
    color: var(--c-secondary);
    text-transform: uppercase;
    font-weight: 900;
    font-style: normal;
    font-size: 30px;

}

.page-wrapper--news > footer p a:hover {
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.page-wrapper--news .items {
    margin-left: -15px;
    margin-right: -15px;
    overflow: hidden
}

.page-wrapper--news .news-item {
    float: left;
    width: 33.33333%;
    margin-bottom: 30px;
    padding-left: 15px;
    padding-right: 15px
}

.page-wrapper--news .news-item--bgc02 .news-item__body, .page-wrapper--news .news-item--bgc02 header {
    /*background-color: #028ea0*/
}

.page-wrapper--news .news-item--bgc02.news-item--tweet header p a {
    color: #b8cc12
}

.page-wrapper--news .news-item--bgc03 .news-item__body, .page-wrapper--news .news-item--bgc03 header {
    /*    background-color: #027780*/
}

.page-wrapper--news .news-item--bgc03.news-item--tweet header p a {
    color: #1aabbc
}

.page-wrapper--news .news-item--bgc09 .news-item__body, .page-wrapper--news .news-item--bgc09 header {
    /*    background-color: #61b783*/
}

.page-wrapper--news .news-item--bgc09.news-item--tweet header p a {
    color: #2a6a43
}

.page-wrapper--news .news-item--bgc08 .news-item__body, .page-wrapper--news .news-item--bgc08 header {
    /*    background-color: #b8cc12*/
}

.page-wrapper--news .news-item--bgc08.news-item--tweet header p a {
    color: #027780
}

.page-wrapper--news .pagination {
    margin-top: 30px;
    margin-bottom: 86px
}

.page-wrapper--news .page-wrapper__body .content {
    margin-top: 80px
}

@media (max-width: 1199px) {
    .page-wrapper--news .news-item {
        width: 33.33333%
    }
}

@media (max-width: 991px) {
    .page-wrapper--news .news-item {
        width: 50%
    }
}

@media (max-width: 480px) {
    .page-wrapper--news .items {
        margin-left: 0;
        margin-right: 0
    }

    .page-wrapper--news .news-item {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    .page-wrapper--news .news-item--tweet .news-item__body, .page-wrapper--news .news-item--tweet header {
        height: auto !important
    }

    .page-wrapper--news .news-item--tweet header > div {
        position: relative;
        left: auto;
        top: auto;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.page-wrapper--page {
    /*padding-top: 460px*/
}

.page-wrapper--page .page-wrapper__body {
    padding-bottom: 100px
}

.page-wrapper--page aside nav + .widget {
    margin-top: 150px
}

.page-wrapper--page aside nav ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.page-wrapper--page aside nav ul li + li {
    margin-top: 4px
}

.page-wrapper--page aside nav ul li a {
    display: block;
    padding: 19px 34px;
    text-decoration: none;
    color: var(--c-primary);;
    background-color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
    line-height: 35px;
    font-weight: 700;
    letter-spacing: 4;
    -webkit-transition: color 0.25s linear, background-color 0.25s linear;
    -o-transition: color 0.25s linear, background-color 0.25s linear;
    transition: color 0.25s linear, background-color 0.25s linear
}

.page-wrapper--page aside nav ul li.active a, .page-wrapper--page aside nav ul li a:hover {
    color: var(--c-text);
    background-color: var(--c-primary);
}

@media (max-width: 991px) {
    .page-wrapper--page aside {
        margin-top: 80px
    }
}

@media (max-width: 767px) {
    .page-wrapper--page aside nav ul li a {
        padding: 22px 30px;
        text-align: center;
        font-size: 28px;
        font-size: 1.4rem
    }
}

.page-wrapper--page .content--c04 aside nav ul li.active a, .page-wrapper--page .content--c04 aside nav ul li a:hover {
    background-color: #882482
}

.page-wrapper--page .content--c05 aside nav ul li.active a, .page-wrapper--page .content--c05 aside nav ul li a:hover {
    background-color: #b681b3
}

.page-wrapper--page .content--c07 aside nav ul li.active a, .page-wrapper--page .content--c07 aside nav ul li a:hover {
    background-color: #e31766
}

.page-wrapper--page .content--c08 aside nav ul li.active a, .page-wrapper--page .content--c08 aside nav ul li a:hover {
    background-color: #b8cc12
}

.page-wrapper--page .content--c09 aside nav ul li.active a, .page-wrapper--page .content--c09 aside nav ul li a:hover {
    background-color: #61b783
}

.page-wrapper--page .content--c10 aside nav ul li.active a, .page-wrapper--page .content--c10 aside nav ul li a:hover {
    background-color: #9fc7e6
}

.page-wrapper--page .content--c11 aside nav ul li.active a, .page-wrapper--page .content--c11 aside nav ul li a:hover {
    background-color: var(--c-primary);
}

.page-wrapper--page .content--c12 aside nav ul li.active a, .page-wrapper--page .content--c12 aside nav ul li a:hover {
    background-color: #ffd402
}

.page-wrapper--page .content--c13 aside nav ul li.active a, .page-wrapper--page .content--c13 aside nav ul li a:hover {
    background-color: #f8af00
}

.page-wrapper--page .content--c14 aside nav ul li.active a, .page-wrapper--page .content--c14 aside nav ul li a:hover {
    background-color: #e61531
}

.page-wrapper--photos .albums-filter {
    position: absolute;
    right: 0;
    top: 0
}

.page-wrapper--photos .pictures {
    margin-top: 80px
}

.page-wrapper--photos .pictures ul {
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0
}

.page-wrapper--photos .pictures ul li {
    display: block;
    position: relative;
    overflow: hidden;
    float: left;
    width: 25%
}

.page-wrapper--photos .pictures ul li a {
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 75%;
    background-color: #882482
}

.page-wrapper--photos .pictures ul li a img {
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: opacity 0.35s linear, -webkit-filter 0.35s linear;
    transition: opacity 0.35s linear, -webkit-filter 0.35s linear;
    -o-transition: filter 0.35s linear, opacity 0.35s linear;
    transition: filter 0.35s linear, opacity 0.35s linear;
    transition: filter 0.35s linear, opacity 0.35s linear, -webkit-filter 0.35s linear
}

.page-wrapper--photos .pictures ul li a:hover img {
    opacity: .5;
    -webkit-filter: grayscale(1);
    filter: grayscale(1);
    -webkit-filter: gray;
    filter: gray
}

.page-wrapper--photos .pictures--flickr ul li a {
    padding-bottom: 62.5%
}

.page-wrapper--photos > footer {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center
}

@media (max-width: 991px) {
    .page-wrapper--photos .pictures ul li {
        width: 33.33333%
    }
}

@media (max-width: 991px) {
    .page-wrapper--photos .pictures ul li {
        width: 33.33333%
    }
}

@media (max-width: 767px) {
    .page-wrapper--photos .albums-filter {
        position: relative;
        right: auto;
        top: -30px
    }

    .page-wrapper--photos .pictures ul li {
        width: 50%
    }

    .page-wrapper--photos > footer {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (max-width: 480px) {
    .page-wrapper--photos .pictures ul li {
        float: none;
        width: 100%
    }

    .page-wrapper--photos .pictures ul li + li {
        margin-top: 15px
    }
}

.page-wrapper--videos #ut-area {
    position: relative
}

.page-wrapper--videos > footer {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center
}

@media (max-width: 767px) {
    .page-wrapper--videos > footer {
        padding-left: 15px;
        padding-right: 15px
    }
}

.page-wrapper--artist > header .info ul li:first-child {
    min-width: 349.6px;
}

.page-wrapper--artist > header .info.Plusieurs {
    /*bottom:20px;*/
}

.LiveStream {
    background-image: url("images/bandeau_fond.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;

}

.BlocBouton {
    background-image: url("images/bandeau_vague.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 350px;
}

.Bouton {
    text-align: center;
}

.CadreTop {
    background-image: url("images/bandeau_vague.png");
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
    height: 173px;
}

.CadreBottom {
    background-image: url("images/bandeau_vague.png");
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 177px;
}

.BoxBody {
    padding-left: 110px;
    padding-right: 110px;
    margin-top: 215px;
}

@media (max-width: 768px) {
    .BoxBody {
        padding-left: 10px;
        padding-right: 10px;
        margin-top: 180px;
    }
}

.TitreLiveStream {
    color: #fff;
    font-family: "BERNIER Regular", Impact, Charcoal, sans-serif;
    text-transform: lowercase;
    font-weight: 400;
    font-style: normal;
    font-size: 70px;
    font-size: 3.5rem;
}

.TexteStream {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    margin-right: 20px;
}

.BuntonLive {
    display: inline-block;
    background-color: #d876dc;
    display: inline-block;
    background-color: #d876dc;
    width: 160px;
    padding: 6px 0px;
    border-radius: 5px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: 600;
}

.nbs-flexisel-item {
    line-height: 250px !important;
}

.marquee__separator,
.marquee__section {
    /*display: flex;*/
    /*flex-wrap: nowrap;*/
    overflow-x: hidden;
    max-width: 100%;
}

.marquee__container {
    --gap: 1px;
    display: flex;
    width: fit-content;
    border-bottom: 2px solid var(--c-text);
}

.marquee__separator.marquee--footer .marquee__container {
    background-color: var(--c-secondary);
}

.marquee__separator.marquee--footer .marquee__container .marquee {
    animation-direction: normal;
}

.marquee__separator.marquee--footer:before {
    content: "";
    background-color: var(--c-primary-light);
    height: 0.8rem;
    display: flex;
    width: 100%;
    border-top: 2px solid var(--c-text);
    border-bottom: 2px solid var(--c-text);
}

.marquee__container--text {
    background-color: var(--c-secondary);
    --gap: 2rem;
}

.marquee__container--text .marquee {
    animation: marquee 25s linear infinite;
    color: var(--c-bg);
    will-change: transform;
}

.marquee__container--text .marquee a {
    color: var(--c-bg);
    text-decoration: none;
}

.marquee__container--dots {
    background-color: var(--c-primary-light);
}

.marquee__container--dots .marquee {
    animation: marquee 40s linear infinite;
    will-change: transform;
    animation-direction: reverse;
}

.marquee__container--dots svg {
    padding-top: 0.2rem;
    height: 30px;
}

.marquee__container--text .marquee {
    display: flex;
    flex-shrink: 0;
    color: var(--c-text);
    font-family: var(--f-title-bold);
    font-weight: 700;
    text-transform: uppercase;
    font-size: 22px;
    width: fit-content;
    padding: 1rem 0;
    margin: 0 2rem;
}

@keyframes marquee {
    to {
        transform: translateX(calc(-100% - (var(--gap, 0) * 2)));
    }
}

.places__block .content {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 0;
}
.places__block .content .place {
    display: grid;
    position: relative;
}


.places__block .content .place::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url("images/interface/paper-texture.webp");
    width: 100%;
    height: 100%;
    background-size: 1000px;
    mix-blend-mode: multiply;
    z-index: 4;
    opacity: .7;
    pointer-events: none;
}

.places__block .content .place .col {
    background-color: var(--c-shape);
    position: relative;
}

.places__block .content .place .col:first-child {
    padding: 2rem;
}

.places__block .content .place:first-child .col h2 {
    font-size: 84px;
    letter-spacing: -2.34px;
    line-height: 0.8;
}

.places__block .content .place:first-child .col h2 {
    font-size: 84px;
    letter-spacing: -2.34px;
    line-height: 0.8;
}

.places__block .content .place:first-child .col h2 strong {
    padding-left: 1rem;
}

.places__block .content .place .col h2 {
    font-size: 84px;
    letter-spacing: -1.25px;
    font-weight: 700;
    line-height: 0.8;
    padding-bottom: 1.5rem;
}



.places__block .content .place .col footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.places__block .content .place .col footer ul li {
    color: var(--c-text);
    text-transform: uppercase;
    text-align: right;
}

.places__block .content .place .col footer ul li a {
    color: var(--c-text);
    text-decoration: none;
}

.places__block .content .place .col footer ul li:nth-child(odd) {
    font-weight: 700;
}

.places__block .content .place .col--image figure  {
   aspect-ratio: 1 /1;
    height: 100%;
}

.places__block .content .place .col--image figure img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (min-width: 1199px) {
    .places__block .content .place .col {
        aspect-ratio: 384 / 570;
    }
    .places__block .content .place:first-child .col  {
        aspect-ratio: 4/3;
    }
    .places__block .content .place:first-child .col h2 {
        font-size: 156px;
        letter-spacing: -2.34px;
        line-height: 0.8;
    }

    .places__block .content .place:first-child .col h2 strong {
        padding-left: 1rem;
    }

    .places__block .content .place .col h2 {
        font-size: 84px;
        letter-spacing: -1.25px;
        font-weight: 700;
        line-height: 0.8;
        padding-bottom: 1.5rem;
    }
    .places__block .content .place .col--image figure  {
        aspect-ratio: auto;
    }



    .places__block .content {
        grid-template-columns: repeat(2, 1fr);
    }

    .places__block .content .place:first-child {
        grid-column: 1 / -1;
    }

    .places__block .content .place {
        display: grid;
        position: relative;
        grid-template-columns: 50% 50%;
    }

    .places__block .content .place .col footer {
        position: absolute;
        bottom: 2rem;
        right: 2rem;
    }
}

.homepage-intro {
    text-align: center;
}

.homepage-intro h1 {
    font-size: 60px;
    font-weight: 700;
    line-height: 0.9;
    letter-spacing: -2.34px;
    padding-bottom: 3.5rem;

}

.homepage-intro p {

    max-width: 1000px;
    margin: 0 auto;

}

@media (min-width: 1200px) {
    .homepage-intro h1 {
        font-size: 133px;
    }
}

.page-wrapper--home section.homepage-intro > header {
    padding-top: 100px;
    padding-bottom: 20px;
}

.homepage-intro nav {
    display: flex;
    gap: 0.3rem;
   align-items: center;
    flex-direction: column;
}

@media (min-width: 1199px) {
    .homepage-intro nav {
        justify-content: center;
        flex-direction: row;
    }
}

a.link--stretched{
    display: block;
    margin: 0.5rem 0;
}

a.link--stretched::after{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;

    z-index: 3;
}

.form--filters {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    margin-block-end: 3rem;

    @media (min-width: 1024px) {
        flex-direction: row;
        justify-content: flex-start;
    }
}

.form--filters strong{
    margin-left: 1rem;
}

.form--filters .filter {
    display: flex;
    gap: 0.5rem;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
}
.form--filters .filter--radios {
    display: flex;
    gap: 0.5rem;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;

    @media (min-width: 1024px) {
        flex-direction: row;
    }
}

.form--filters .Buttons {
    margin: 0;
    cursor: pointer;
}

.form--filters input:not(:checked) + .Buttons:not(:hover) {
    background-color:  transparent;
    color: var(--c-text);
    border: 1px solid var(--c-text);
}


.form--filters .filter--radios input {
    display: none;
}
.form--filters label {
    font-weight: 600;
}

.form--filters select {
    padding: 0.5rem 1rem;
    padding-right: 2rem;
    border-radius: 1.5rem;
    border: 2px solid var(--c-text);
    background-color: var(--c-bg);
    color: var(--c-text);
    font-family: var(--f-title-bold);
    font-weight: 700;
    text-transform: uppercase;
}


.sharethis--footer,
.row--listing {
    margin-block-end: 3rem;
}

.backdrop {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 1;
    z-index: 1000;
    display: none;
}

.backdrop.active {
    display: flex;
    gap: 1rem;
    justify-content: center;
    align-items: center;
}

.backdrop .logos {
    --h-card: 110px;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}


.backdrop .logo {
    display: block;
    overflow: hidden;
    width: 17vw;
    height: 17vw;
    background: url(images/interface/logo-francofolies-2026.svg) no-repeat scroll center;
    background-size: contain;
    animation: heartbeat-smooth 2.2s ease-in-out infinite;

}

@keyframes heartbeat-smooth {
    0%, 100% {
        transform: scale(1);
    }
    25% {
        transform: scale(1.1);
    }
    50% {
        transform: scale(1);
    }
    75% {
        transform: scale(1.15);
    }
}