.section {
    width: 100%;
    margin: 0 auto;
    max-width: 1600px;
    padding: 20px;
}

.f-invert-0 {
    filter: invert(0);
}

.f-invert {
    filter: invert(1);
}

.shadow {
    -webkit-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
}

.shadow2 {
    -webkit-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.1);
}

.shadow-off {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.1);
}

.shadow-r {
    box-shadow: 10px -4px 17px -9px rgba(0,0,0,0.5);
}

.shadow-l {
    box-shadow: -10px -4px 17px -9px rgba(0,0,0,0.5);
}

.shadow-text {
    text-shadow: 0 0 8px rgba(0,0,0,0.2);
}

.shadow-text2 {
    text-shadow: 0 0 4px rgba(0,0,0,0.8);
}

.shadow-text-off {
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mb-0 {
    margin-bottom: 0!important;
}

.mr-0 {
    margin-right: 0 !important;
}


.ml-0 {
    margin-left: 0 !important;
}

@keyframes breathe {
    0% {
        transform: scale(0);
        opacity: 0;
    }

    50% {
        transform: scale(2);
        opacity: 1;
    }

    100% {
        transform: scale(0);
        opacity: 0;
    }
}

@keyframes breathe2 {
    0% {
        transform: scale(1);
        color: #fff;
    }

    50% {
        transform: scale(1.2);
        color: #fc0;
    }

    100% {
        transform: scale(1);
        color: #fff;
    }
}

.sadmin {
    display: none !important;
}

body.is-admin .sadmin {
    display: flex !important;
    margin-left: 20%;
}

body, html {
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

::-webkit-scrollbar-thumb {
    background-color: #000;
}

body {
    min-height: 100%;
    overflow-x: hidden;
    transition: padding .4s ease-in;
    box-sizing: border-box;
    background-color: #ededed;
    background-image: url(/img/trame1.jpg);
    background-size: 60px;
}

.text-284595 {
    color: #284595;
}


@media only screen and (min-width: 801px) {
    body [data-d-model="slides"]:not[data-single-slide] {
        padding-left: calc(0% + 60px);
    }

    .mt-md-0 {
        margin-top: 0 !important;
    }

    .mb-md-0 {
        margin-bottom: 0 !important;
    }

    .mr-md-0 {
        margin-right: 0 !important;
    }


    .ml-md-0 {
        margin-left: 0 !important;
    }

}

body.zoom, body.diapo-on, body.diapo-zoom {
    overflow: hidden;
}

body.app-menu-on {
    overflow: hidden;
}

body.summary-on {
    overflow: hidden;
}

body[data-d-theme="shop"].summary-on {
    padding-left: 100%;
}

@media only screen and (max-width: 800px) {
    body.summary-on .d {
        opacity: 0;
    }

    body.summary-on h2, body.summary-on .footer, body.summary-on .bp-animation, body.summary-on .bp-default, body.summary-on .li-slide {
        display: none;
    }
}

.wrapper {
    height: 100%;
}

body {
    font-family: 'Raleway',sans-serif;
    color: #000;
}

.font1 {
    font-family: 'Raleway',sans-serif;
}

.font2 {
    font-family: 'Alata',sans-serif;
}

.fw-n {
    font-weight: 400;
}

.fw-b {
    font-weight: 700;
}

h1, h2, h3, h4, p {
    margin: 0;
    padding: 0;
    margin-bottom: 10px;
}

h2 {
    font-size: 16px;
    font-weight: 700;
}

a {
    color: #000;
}

    a[data-bg="rgb(255,255,0)"] {
        text-transform: uppercase;
        font-size: 12px;
        text-decoration: none !important;
        border: solid 1px #000;
        padding: 4px 8px;
        transition: all .2s ease-in;
        margin-right: 6px;
        display: inline-block;
    }

@media only screen and (max-width: 800px) {
    a[data-bg="rgb(255,255,0)"] {
        font-size: 16px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        padding: 6px 10px;
    }
}

a[data-bg="rgb(255,255,0)"]:hover {
    background-color: rgba(0,0,0,0.4);
    border-color: transparent;
    color: #fff;
    padding: 4px 12px;
}

* + a[data-bg="rgb(255,255,0)"] {
    margin-left: 6px;
}

a:hover {
    color: darksalmon;
}

p {
    line-height: 1.6em;
    color: #828282;
    font-size: 14px;
}

@media only screen and (max-width: 800px) {
    p {
        font-size: 18px;
    }
}

body.mob-t-l p, body.mob-t-p p {
    font-size: 24px;
}

h1, h2, h3 {
    font-family: 'Alata',sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

h1 {
    color: #000;
    padding-bottom: 10px;
    border-bottom: solid 1px #000;
    padding-left: 40px;
    margin-bottom: 40px;
    line-height: .8em;
    font-size: 30px;
}

.h1-xl h1 {
    font-size: 40px;
}

.h1-xxl h1 {
    font-size: 50px;
}

h3 {
    font-size: 14px;
    font-weight: 300;
    color: #676767;
}

h6 {
    font-style: italic;
    font-size: 10px;
    color: #b5b5b5;
    font-weight: 300;
}

body[data-d-model="slides"] h1 {
    display: none;
}

.vimeo-rgpd {
    background-color: #8c1d1d;
    color: #fff;
    padding: 60px;
    text-align: center;
}

    .vimeo-rgpd a {
        color: #fff;
    }

.tools {
    font-size: 12px;
    text-align: right;
    color: #fff;
    background-color: #000;
    padding: 20px;
    display: block;
    display: none;
}

    .tools a {
        color: #fff;
    }

.backtop {
    opacity: 1;
    width: 25px;
    height: 25px;
    position: absolute;
    right: 60px;
    top: 120px;
    border-bottom: solid 0px transparent;
    background-image: url(/img/ui/top.svg);
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(1);
    cursor: pointer;
    transition: all .2s ease;
    z-index: 6;
}

@media only screen and (max-width: 800px) {
    .backtop {
        right: 30px;
        top: 80px;
    }
}

body.top .backtop {
    opacity: 0;
}

body[data-d-theme="shop"] .backtop {
    filter: none;
    top: 110px;
}

@media only screen and (max-width: 800px) {
    body[data-d-theme="shop"] .backtop {
        top: 80px;
    }
}

.summary-on .backtop {
    display: none;
}

.header:before {
    content: "";
    width: 100%;
    height: 200px;
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0) 100%);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    transition: all 2s ease;
    pointer-events: none;
    transition-delay: .4s;
    opacity: 1;
}

.has-more .header:before, .summary-on .header:before {
    opacity: 0;
    transition: all 0s ease-in;
    transition-delay: 0s;
}

body[data-d-theme="shop"] .header:before {
    display: none;
}

body[data-d-model="default"] .header:before {
    background: linear-gradient(to bottom, rgba(0,0,0,0.8) 20%, rgba(0,0,0,0) 100%);
}

.header {
    background-color: #000;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 30px;
    z-index: 21;
    box-sizing: border-box;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    left: inherit;
    right: 0;
    background: transparent;
}

@media only screen and (min-width: 801px) {
    .header {
        padding: 60px 60px 27px 60px;
        width: calc(100% - 60px);
    }
}

.has-more .header {
    z-index: 1;
}

.mob-m-l .header {
    padding: 20px 20px 20px 30px;
    width: 100%;
    max-width: 1100px;
}

body[data-single-slide] .header {
    width: 100%;
}

.header-middle {
    display: none;
}

.logo {
    filter: invert(1);
    transition: all .4s ease-in;
    position: relative;
    z-index: 20;
}

body.summary-on .logo, body.has-more:not(.summary-on) .logo {
    filter: invert(0);
}

.synk-version {
    display: none;
}

body.summary-on .synk-version {
    position: fixed;
    bottom: 20px;
    left: 120px;
    display: inherit;
    font-size: 12px;
    opacity: .7;
}

body[data-d-theme="shop"] .header {
    background-color: #fff;
}

body[data-d-theme="shop"] .logo {
    filter: invert(0);
}

body[data-d-theme="shop"] h1, body[data-d-theme="shop"] .shop-title {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 20px;
    font-family: 'Alata',sans-serif;
    line-height: .8em;
    text-transform: uppercase;
    font-weight: 900;
    width: calc(100% - 60px);
    box-sizing: border-box;
    pointer-events: none;
    left: 60px;
    position: fixed;
    color: #000;
    z-index: 22;
    top: 0;
    text-align: center;
    border: 0;
    margin: 0;
    padding: 0;
}

@media only screen and (max-width: 800px) {
    body[data-d-theme="shop"] h1, body[data-d-theme="shop"] .shop-title {
        padding-top: 40px;
    }
}

@media only screen and (min-width: 801px) {
    body[data-d-theme="shop"] h1, body[data-d-theme="shop"] .shop-title {
        font-size: 40px;
        height: 140px;
    }
}

body[data-d-theme="shop"][data-single-slide] h1 {
    height: 170px;
}

@media only screen and (max-width: 800px) {
    body[data-d-theme="shop"][data-single-slide] h1 {
        height: 30px;
    }
}

.burger {
    cursor: pointer;
    width: 25px;
    height: 21px;
    flex-direction: column;
    justify-content: space-between;
    flex-shrink: 0;
    position: relative;
    z-index: 200;
    transition: all .3s ease;
    display: flex;
}

@media only screen and (max-width: 800px) {
    .burger {
        top: -2px;
    }
}

.burger-line {
    opacity: 1;
    position: relative;
    width: 100%;
    height: 3px;
    background-color: #fff;
    transform: rotate(0deg);
    transition: all .2s ease;
    transform-origin: center;
    top: 0px;
    bottom: 0px;
    left: 0px;
}

body.summary-on .burger {
    margin-right: 30px;
    margin-top: -20px;
    transform: scale(2.2);
    filter: invert(0) !important;
}

@media only screen and (min-width: 801px) {
    body.summary-on .burger {
        margin-right: 80px;
    }
}

@media only screen and (min-width: 801px) {
    body.summary-on .burger {
        margin-top: 0px;
    }
}

body.summary-on .burger-line {
    height: 1px;
    background-color: #000 !important;
}

    body.summary-on .burger-line:first-child {
        width: 120%;
        top: 11px;
        left: -2px;
        height: 1px;
        transform: rotate(45deg);
    }

@media only screen and (max-width: 800px) {
    body.summary-on .burger-line:first-child {
        top: 16px;
    }
}

body.summary-on .burger-line:nth-child(2) {
    opacity: 0;
}

body.summary-on .burger-line:last-child {
    width: 120%;
    bottom: 9px;
    height: 1px;
    top: inherit;
    left: -2px;
    transform: rotate(-45deg);
}

@media only screen and (max-width: 800px) {
    body.summary-on .burger-line:last-child {
        top: -4px;
    }
}

body[data-d-theme="shop"]:not(.summary-on) .burger, body.has-more .burger {
    filter: invert(1);
}

.side {
    position: fixed;
    align-items: center;
    top: 0;
    left: 0px;
    height: 100%;
    width: 60px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 10px;
    box-sizing: border-box;
    z-index: 23;
    background-color: #fff;
}

    .side > * {
        cursor: pointer;
        width: 30px;
        height: 30px;
        border: solid 2px rgba(0,0,0,0.4);
        border-radius: 50%;
        padding: 8px;
        background-image: url("/img/ui/bottom.svg");
        background-size: contain;
        background-origin: content-box;
        box-sizing: border-box;
        background-position: center;
        background-repeat: no-repeat;
        bottom: 20px;
        opacity: .8;
        transition: all .4s ease;
        transform: rotate(0deg);
        margin-bottom: 60px;
    }

        .side > *:hover {
            opacity: 1;
        }

.scroll-autoplay {
    display: none;
}

body.autoplay .scroll-autoplay {
    display: block;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: transparent;
    z-index: 1001;
    top: 0;
    left: 0;
    cursor: wait;
}

body.has-more:not(.summary-on) {
    transition: all .2s ease-in;
    padding-left: 0px;
}

    body.has-more:not(.summary-on) .side {
        left: -60px;
    }

body[data-single-slide]:not(.summary-on) {
    padding-left: 0;
}

    body[data-single-slide]:not(.summary-on) .side {
        display: none;
    }

@media only screen and (max-width: 800px) {
    body {
        padding-left: 0;
    }

    .side {
        display: none;
    }
}

body.mob-m-l .side {
    display: none;
}

.scroll-play {
    background-image: url("/img/ui/play.svg");
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
}

body.autoplay .scroll-play {
    background-image: url(/img/ui/pause.svg);
    animation-name: player;
    animation-iteration-count: infinite;
    animation-delay: 1s;
    animation-timing-function: ease;
    animation-duration: 1s;
}

.scroll-up {
    background-image: url("/img/ui/top.svg");
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: 100px;
}

.scroll-down {
    background-image: url("/img/ui/bottom.svg");
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
}

body.is-last-slide aside .scroll-down {
    transform: rotate(180deg);
}

body[data-slide-reach="1"] aside .scroll-up {
    opacity: 0;
}

@keyframes player {
    0% {
        transform: scale(1);
        opacity: .8;
    }

    50% {
        transform: scale(1.2);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: .8;
    }
}

.header .nav, .brothers .nav {
    padding: 0 40px;
    font-family: 'Alata',sans-serif;
    text-transform: uppercase;
}

    .header .nav > ul > li > ul, .brothers .nav > ul > li > ul {
        display: none;
    }

    .header .nav ul, .brothers .nav ul, .header .nav li, .brothers .nav li {
        list-style: none;
    }

    .header .nav > ul, .brothers .nav > ul {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

body.summary-on .header .nav > ul, body.summary-on .brothers .nav > ul {
    position: fixed;
    display: flex;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    justify-content: center;
    flex-direction: column;
    line-height: 2.6em;
    z-index: 1;
    padding: 0;
}
body.summary-on .header .nav > ul {
    background-color: #fff;
    margin-top: 0;
    background-image: url(/img/trame1.jpg);
    background-size: 60px;
}

    @media only screen and (min-width: 801px) {
        body .summary-on .header .nav > ul, body.summary-on .brothers .nav > ul {
        line-height: 3.4em;
    }
}

body.summary-on .header .nav > ul a, body.summary-on .brothers .nav > ul a {
    color: #000;
    font-size: 32px;
    font-weight: 700;
}

@media only screen and (min-width: 801px) {
    body.summary-on .header .nav > ul a, body.summary-on .brothers .nav > ul a {
        font-size: 36px;
    }
}

body.summary-on .header .nav > ul > li, body.summary-on .brothers .nav > ul > li {
    padding: 0;
    margin: 0;
}

    body.summary-on .header .nav > ul > li:after, body.summary-on .brothers .nav > ul > li:after, body.summary-on .header .nav > ul > li:before, body.summary-on .brothers .nav > ul > li:before {
        display: none;
    }

body.summary-on .header .nav > ul li:hover > a, body.summary-on .brothers .nav > ul li:hover > a {
    letter-spacing: 2px;
}

body.has-more:not(.summary-on) .header .nav, body.has-more:not(.summary-on) .brothers .nav {
    filter: invert(1);
}

.header .nav a, .brothers .nav a {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    transition: all .4s ease-in;
}

.header .nav > ul > li, .brothers .nav > ul > li {
    margin: 0 20px;
    text-align: center;
    position: relative;
    border-left: solid 1px #fff;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .header .nav > ul > li:before, .brothers .nav > ul > li:before {
        content: "";
        width: 7px;
        height: 7px;
        position: absolute;
        background-color: #fff;
        border-radius: 50%;
        left: -4px;
        top: 50%;
        margin-top: -4px;
    }

    .header .nav > ul > li:after, .brothers .nav > ul > li:after {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #fff;
        position: absolute;
        left: calc(50% + 10px);
        margin-left: -3px;
        bottom: -14px;
        opacity: 0;
        transition: all .4s ease;
    }

    .header .nav > ul > li.on:after, .brothers .nav > ul > li.on:after, .header .nav > ul > li:hover:after, .brothers .nav > ul > li:hover:after {
        opacity: 1;
    }

body[data-slide-reach="1"] .header .nav > ul > li:nth-child(1):after, body[data-slide-reach="1"] .brothers .nav > ul > li:nth-child(1):after {
    opacity: 1;
}

body[data-slide-reach="2"] .header .nav > ul > li:nth-child(2):after, body[data-slide-reach="2"] .brothers .nav > ul > li:nth-child(2):after {
    opacity: 1;
}

body[data-slide-reach="3"] .header .nav > ul > li:nth-child(3):after, body[data-slide-reach="3"] .brothers .nav > ul > li:nth-child(3):after {
    opacity: 1;
}

body[data-slide-reach="4"] .header .nav > ul > li:nth-child(4):after, body[data-slide-reach="4"] .brothers .nav > ul > li:nth-child(4):after {
    opacity: 1;
}

body[data-slide-reach="5"] .header .nav > ul > li:nth-child(5):after, body[data-slide-reach="5"] .brothers .nav > ul > li:nth-child(5):after {
    opacity: 1;
}

body[data-slide-reach="6"] .header .nav > ul > li:nth-child(6):after, body[data-slide-reach="6"] .brothers .nav > ul > li:nth-child(6):after {
    opacity: 1;
}

body[data-slide-reach="7"] .header .nav > ul > li:nth-child(7):after, body[data-slide-reach="7"] .brothers .nav > ul > li:nth-child(7):after {
    opacity: 1;
}

.header .nav-top > ul > li:first-child {
    display: none;
}

@media only screen and (max-width: 800px) {
    body:not(.summary-on) .header .nav {
        display: none;
    }
}

body[data-d-theme="shop"]:not(.summary-on) .header .nav > ul {
    position: absolute;
    left: 0;
    opacity: 0;
    width: 100%;
}

@media only screen and (min-width: 801px) {
    body.summary-on nav > ul {
        width: calc(100% - 60px) !important;
        left: 60px !important;
    }
}

body.summary-on .nav-shop nav ul.level0 > li > a {
    display: none
}

body.summary-on .nav-shop nav ul {
    margin: 0;
    padding: 0;
}

body.summary-on .nav-shop nav li.on > ul.level1 {
    display: block;
}

    body.summary-on .nav-shop nav li.on > ul.level1 > li {
        display: none;
    }

        body.summary-on .nav-shop nav li.on > ul.level1 > li.on {
            display: block;
        }

        body.summary-on .nav-shop nav li.on > ul.level1 > li > a {
            display: none;
        }

body.summary-on .nav-shop nav ul.level3 {
    display: none;
}

@media only screen and (max-width: 800px) {
    .brothers {
        position: relative;
    }

        .brothers.l:before, .brothers.r:after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            width: 20px;
            height: 20px;
            top: calc(50% + 2px);
            animation-name: breathe2;
            animation-duration: 2s;
            animation-iteration-count: infinite;
            animation-timing-function: ease-in;
        }

        .brothers.l:before {
            background-image: url("/img/ui/left.svg");
            background-size: contain;
            background-origin: content-box;
            box-sizing: border-box;
            background-position: center;
            background-repeat: no-repeat;
            left: -14px;
        }

        .brothers.r:after {
            background-image: url("/img/ui/right.svg");
            background-size: contain;
            background-origin: content-box;
            box-sizing: border-box;
            background-position: center;
            background-repeat: no-repeat;
            right: -14px;
        }
}

.brothers .nav {
    padding: 0;
    padding-top: 40px;
    filter: invert(1);
    transition: all .4s ease-in;
    width: 100%;
}

@media only screen and (max-width: 800px) {
    .brothers .nav {
        position: relative;
    }
}

@media only screen and (min-width: 801px) {
    .brothers .nav {
        width: 200px;
    }
}

.brothers .nav > ul > li {
    padding: 10px;
    padding-left: 14px;
    margin-bottom: 10px;
    border-color: #d0d1d2;
    align-items: flex-start;
}

    .brothers .nav > ul > li:before {
        opacity: 0;
        transition: all .2s ease-in;
    }

    .brothers .nav > ul > li:after {
        display: none;
    }

.brothers .nav > ul {
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 800px) {
    .brothers .nav > ul {
        overflow: hidden;
        overflow-x: auto;
        justify-content: flex-start;
    }
}

@media only screen and (min-width: 801px) {
    .brothers .nav > ul {
        flex-direction: column;
    }
}

.brothers .nav a {
    opacity: .4;
}

@media only screen and (max-width: 800px) {
    .brothers .nav a {
        font-size: 20px;
    }
}

.brothers .nav li {
    text-align: left !important;
}

    .brothers .nav li.on a, .brothers .nav li:hover a {
        opacity: 1;
    }

    .brothers .nav li.on:before, .brothers .nav li:hover:before {
        opacity: 1;
    }

.footer .nav {
    margin-bottom: 20px;
}

.ariane {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 30px;
    opacity: .8;
    transition: all .2s ease-in;
}

@media only screen and (min-width: 801px) {
    .ariane {
        justify-content: flex-start;
    }
}

.ariane:hover {
    opacity: 1;
}

.ariane .ariane-label {
    display: none;
}

.ariane > span {
    padding: 20px;
}

.ariane ol {
    list-style-type: none;
    display: flex;
    flex-direction: row;
    padding: 0;
    margin: 0;
    justify-content: flex-start;
}

@media only screen and (max-width: 800px) {
    .ariane ol {
        flex-wrap: wrap;
    }
}

.ariane ol li {
    white-space: nowrap;
    padding-right: 10px;
}

    .ariane ol li:after {
        content: ">";
        margin-left: 20px;
    }

    .ariane ol li a {
        text-transform: uppercase;
        text-decoration: none;
        font-size: 12px;
        opacity: .7;
    }

    .ariane ol li:last-child:after {
        display: none;
    }

    .ariane ol li:last-child a,
    .ariane ol li:last-child span {
        color: darksalmon;
        font-weight: 700;
        opacity: 1;
    }

    .ariane ol li:last-child span {
        text-transform: uppercase;
        font-size: 12px;
    }

    .ariane ol li:hover a {
        opacity: 1;
    }

body[data-d-model="slides"] .ariane {
    display: none;
}

.d {
    padding: 30px;
}

@media only screen and (min-width: 801px) {
    .d {
        padding: 30px 90px 100px 20px;
    }
}

body[data-d-model="default"] .d {
    padding-top: 100px;
}

@media only screen and (min-width: 801px) {
    body[data-d-model="default"] .d {
        padding-top: 160px;
    }
}

@media only screen and (min-width: 801px) {
    body[data-d-model="default"] .d-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

.d-content {
    border-radius: 20px;
    background-color: #fff;
    padding: 20px;
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
    box-sizing: border-box;
    flex-basis: 100%;
}

@media only screen and (min-width: 801px) {
    .d-content {
        padding: 50px 80px 80px 80px;
    }
}

body[data-d-model="slides"] .d {
    padding: 0px;
    height: 100%;
}

body[data-d-model="slides"] .d-wrapper {
    height: 100%;
    padding: 0;
    max-width: inherit;
    margin: 0;
}

body[data-d-model="slides"].mob-m-l.summary-on .d {
    display: none;
}

.brothers {
    margin-bottom: 60px;
}

body.summary-on .brothers {
    display: none;
}

.d-parent {
    font-size: 24px;
    font-family: 'Alata',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: .8em;
    color: #d0d1d2;
}

body[data-d-theme="shop"][data-single-slide] h1 {
    display: none;
}

.b-content {
    background-color: #fff;
}

.b-content-off .b-content {
    display: none;
}

.b-content p a {
    text-decoration: underline;
}

/*.b-content > ul, .b-content li {
    list-style: none;
}

.b-content > ul {
    margin: 20px 0;
    padding: 0;
    border-left: solid 2px rgba(0,0,0,0.1);
}

    .b-content > ul > li {
        padding-bottom: 10px;
        padding-left: 20px;
        display: block;
        position: relative;
        font-size: 14px;
    }

        .b-content > ul > li::before {
            content: "";
            display: block;
            width: 10px;
            height: 2px;
            background-color: rgba(0,0,0,0.1);
            position: absolute;
            left: 0px;
            top: 8px;
        }*/

.b-content ul, .b-content li {
    list-style: none;
}

.b-content ul {
    margin: 20px 0;
    padding: 0;
    border-left: solid 2px rgba(0,0,0,0.1);
}

    .b-content ul li {
        padding-bottom: 10px;
        padding-left: 20px;
        display: block;
        position: relative;
        font-size: 14px;
    }

        .b-content ul li::before {
            content: "";
            display: block;
            width: 10px;
            height: 2px;
            background-color: rgba(0,0,0,0.1);
            position: absolute;
            left: 0px;
            top: 8px;
        }

    .b-content ul ul {
        margin-bottom: 0;
    }

.b-content.afnor {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}
        
        .b-content.afnor > img {            
            margin: auto;
        }



body[data-d-model="slides"] .d-wrapper > .bp-default, body[data-d-model="slides"] .d-wrapper > .bp-preview, body[data-d-model="slides"] .d-wrapper > .bp-image {
    display: none;
}

body[data-d-model="slides"] .d-wrapper > .b {
    height: 100%;
}

.b.b-bg-ctn .ibox {
    background-size: contain !important;
}

.b.bg-blue {
    background-color: #02a0bd;
}

.li-link {
    background-color: #000;
    color: #fff;
    padding: 10px;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin: 20px 0;
    font-family: 'Alata',sans-serif;
    font-size: 12px;
    border-bottom: solid 4px #fff;
    transition: all .2s ease-in;
}

    .li-link:hover {
        background-color: #fff;
        color: #000;
        border-bottom: solid 4px #000;
    }

.l-4c {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .l-4c .li {
        flex-basis: 24%;
        padding: 20px;
        box-sizing: border-box;
        border: solid 1px #000;
        margin-bottom: 20px;
    }

    .l-4c .m {
        width: 100%;
    }

    .l-4c img {
        display: block !important;
        width: 60%;
        height: auto;
    }

.l[data-l-model="slide"] {
    height: 100%;
}

.mob-m-l .l[data-l-model="slide"] {
    height: calc(100% + 60px);
}

.l[data-l-model="slide"] .li {
    position: relative;
    background-color: #fff;
    transition: all .4s ease-in;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}

.mob-t-l .l[data-l-model="slide"] .li, .mob-t-p .l[data-l-model="slide"] .li {
    transition: none;
}

@media only screen and (max-width: 800px) {
    .l[data-l-model="slide"] .li {
        min-height: 100%;
    }

    body[data-single-slide] .l[data-l-model="slide"] .li .li-slide {
        height: auto;
        min-height: 100%;
    }    
}

.l[data-l-model="slide"] .li[data-reachtop-step] {
    visibility: hidden;
}

.l[data-l-model="slide"] .li:last-child {
    margin-bottom: 50px;
}

.l[data-l-model="slide"] .li .li-slide > .li-h2 {
    font-family: 'Alata',sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    position: absolute;
    pointer-events: none;
    top: -15%;
    width: 100%;
    text-align: center;
    z-index: 1;
    color: #fff;
    font-size: 24px;
    transition: all .4s ease-in;
    left: 0%;
}

@media only screen and (min-width: 801px) {
    .l[data-l-model="slide"] .li .li-slide > .li-h2 {
        font-size: 40px;
    }
}

.l[data-l-model="slide"] .li[data-reachtop-step="0"] {
    visibility: visible;
}

    .l[data-l-model="slide"] .li[data-reachtop-step="0"] .li-h2 {
        top: 10%;
    }

@media only screen and (max-width: 800px) {
    body[data-d-theme="shop"] .l[data-l-model="slide"] .li[data-reachtop-step="0"] .li-h2 {
        top: 0px;
        opacity: 0;
    }
}

.l[data-l-model="slide"] .li[data-reachtop-step="1"] {
    visibility: visible;
}

    .l[data-l-model="slide"] .li[data-reachtop-step="1"] .li-h2 {
        top: 50%;
        text-shadow: 0 0 8px rgba(0,0,0,0.2);
    }

@media only screen and (min-width: 801px) {
    .l[data-l-model="slide"] .li[data-reachtop-step="1"] .li-h2 {
        letter-spacing: 10px;
    }
}

@media only screen and (max-width: 800px) {
    body[data-d-theme="shop"] .l[data-l-model="slide"] .li[data-reachtop-step="1"] .li-h2 {
        top: 190px;
        opacity: 1;
    }
}

.l[data-l-model="slide"] .li[data-reachtop-step="1"] + .li {
    visibility: visible;
}

.l[data-l-model="slide"] .li[data-reachtop-step="2"] {
    visibility: visible;
}

    .l[data-l-model="slide"] .li[data-reachtop-step="2"] .li-h2 {
        top: 110%;
    }

@media only screen and (max-width: 800px) {
    body[data-d-theme="shop"] .l[data-l-model="slide"] .li[data-reachtop-step="2"] .li-h2 {
        top: 400px;
        opacity: 0;
    }
}

.l[data-l-model="slide"] .li.is-more {
    padding: 120px 30px;
    background-color: rgba(255,255,255,0);
}

@media only screen and (min-width: 801px) {
    .l[data-l-model="slide"] .li.is-more {
        padding: 180px 60px;
    }
}

.l[data-l-model="slide"] .li.is-more .li-h2 {
    letter-spacing: 10px;
    top: 30%;
}

@media only screen and (min-width: 801px) {
    .l[data-l-model="slide"] .li.is-more.li-t1 {
        padding: 150px 60px 60px 60px;
    }

        .l[data-l-model="slide"] .li.is-more.li-t1 .li-h2 {
            top: 10%;
            width: 50%;
        }
}

.l[data-l-model="slide"] .b[data-b-model="list"] {
    display: none;
}

@media only screen and (max-width: 800px) {
    body[data-d-model="slides"][data-d-theme="shop"] .l[data-l-model="slide"] {
        height: 100%;
    }

        body[data-d-model="slides"][data-d-theme="shop"] .l[data-l-model="slide"] .li {
            min-height: inherit;
        }
}

body.summary-on .li-slide {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-content: center;
}

body.summary-on .li-children, body.summary-on .bp-animation, body.summary-on .bp-default {
    /*display: none !important;*/
}

body.summary-on .li-h2 {
    white-space: normal;
    word-break: break-all;
    width: 2px !important;
    text-align: center;
    font-size: 10px !important;
    left: 20px !important;
    top: inherit !important;
    line-height: 2em;
    margin: auto 0;
    position: relative;
}

@media only screen and (min-width: 801px) {
    body.summary-on .li-h2 {
        font-size: 14px !important;
    }
}

.li-slide {
    height: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    box-sizing: border-box;
}

    .li-slide > .bp-preview {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 0;
        box-sizing: border-box;
    }

        .li-slide > .bp-preview .m-ibox, .li-slide > .bp-preview .ibox {
            height: 100%;
            width: 100%;
            opacity: 1;
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
        }

@media only screen and (max-width: 800px) {
    .li-stats.is-more .more {
        left: 80% !important;
        top: 50%;
        margin-left: 0;
    }

        .li-stats.is-more .more:before {
            background-color: rgba(0,0,0,0.9);
        }

    .li-stats.is-more .li-h2 {
        display: none;
    }
}

.teaser {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    z-index: 0;
    background-image: url(/img/sigle-akeo-w5.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center;
    background-color: #000;
}

    .teaser video {
        object-fit: cover;
        height: 100%;
        width: 100%;
        filter: grayscale(0);
    }

    .teaser + .bp-default {
        left: calc(35% + 10px) !important;
    }

    .teaser .teaser-msgs {
        display: block;
        position: absolute;
        display: none;
        top: 45%;
        width: 100%;
        right: 0;
        text-align: center;
        z-index: 1;
        transition: width .4s ease-in;
        font-size: 64px;
        color: #fff;
    }

@media only screen and (min-width: 801px) {
    .is-more .teaser .teaser-msgs {
        width: 60%;
        right: 0;
    }
}

body.teaser-ready .teaser .teaser-msgs {
    display: block;
}

.teaser .teaser-msg {
    position: absolute;
    width: 100%;
    top: 0;
    text-align: center;
    opacity: 0;
    transition: opacity .4s ease-in;
    font-family: 'Alata',sans-serif;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 0 8px rgba(0,0,0,0.2);
    font-weight: 900;
    letter-spacing: 2px;
    transition-delay: 0;
}

@media only screen and (max-width: 800px) {
    .teaser .teaser-msg {
        font-size: 36px;
    }
}

.teaser .teaser-msg.on {
    transition-delay: 1s;
    opacity: 1;
}

.li-slides {
    width: 100%;
    padding-top: 140px;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    box-sizing: border-box;
    background-color: #fff;
}

@media only screen and (min-width: 801px) {
    .li-slides {
        width: calc(100% - 30px);
        border-bottom: solid 30px #fff;
    }
}

.li-slides > * {
    flex-basis: 100%;
    background-color: #000;
}

@media only screen and (max-width: 800px) {
    .li-slides > * {
        border-bottom: solid 4px #fff;
    }
}

@media only screen and (min-width: 801px) {
    .li-slides > * {
        flex-basis: 33.3%;
    }
}

.li-slides img {
    display: none;
}

.li-slides .ibox {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all .2s ease-in;
}

.li-slides > div {
    position: relative;
    cursor: pointer;
    transition: all .2s ease-in;
}

    .li-slides > div .li-h2 {
        z-index: 1;
        padding: 20px;
        position: absolute;
        text-align: center;
        font-size: 22px;
        color: #fff;
        width: 100%;
        margin: 0;
        font-family: 'Alata',sans-serif;
        font-weight: 700;
        text-transform: uppercase;
        box-sizing: border-box;
        text-shadow: 0 0 8px rgba(0,0,0,0.2);
    }

body.summary-on .li-slides > div .li-h2 {
    display: none;
}

@media only screen and (max-width: 800px) {
    .li-slides > div .li-h2 {
        height: 100%;
        background: #000;
        background-repeat: no-repeat;
        background: linear-gradient(146deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.30298057) 26%, rgba(0,0,0,0.39821866) 69%, rgba(0,0,0,0) 100%);
    }
}

@media only screen and (min-width: 801px) {   
        .li-slides > div .li-h2 {
        box-sizing: border-box;
        transform: translate(-50%, 0);
        margin: 0;
        bottom: 0;
        width: calc(80% + 60px);
        left: 50%;
        text-align: right;
        border: solid 1px rgba(255,255,255,0.6);
        border-bottom: 0;
        padding-top: 120px;
        background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 80%);
    }

    .li-slides > div.itd:nth-of-type(1) .li-h2,
    .li-slides > div.itd:nth-of-type(4) .li-h2,
    .li-slides > div.itd:nth-of-type(7) .li-h2 {
        width: 80%;
        left: calc(50% + 28px);
    }    
}

.li-slides > div:hover {
    opacity: 1;
}

    .li-slides > div:hover .ibox {
        opacity: .8;
    }

.li-title {
    position: absolute;
    font-size: 46px;
    font-weight: 300 !important;
    bottom: 30px;
    left: 30px;
    color: #fff;
    line-height: .8em;
    z-index: 20;
    transition: all .4s ease-in;
    letter-spacing: 2px;
    font-family: 'Alata',sans-serif;
    text-transform: uppercase;
}

@media only screen and (min-width: 801px) {
    .li-title {
        font-size: 96px;
        bottom: 60px;
        left: calc(100px + 0%);
    }
}

.is-more .li-title {
    left: calc(100px - 100%);
}

.li-teaser .li-title {
    display: none;
}

body.summary-on .li-title {
    display: none;
}

.li-children {
    background-color: rgba(0,0,0,0.4);
    padding: 20px;
    bottom: 0;
    line-height: 1.8em;
    padding: 30px 100px 140px 30px;
    border-top: solid 1px rgba(255,255,255,0.6);
    border-left: solid 1px rgba(255,255,255,0.6);
    border-right: solid 1px rgba(255,255,255,0.6);
    z-index: 20;
}

@media only screen and (min-width: 801px) {
    .li-children {
        margin-right: 200px;
        right: 200px;
    }
}

.mob-t-l .li-children {
    padding: 30px 100px 40px 30px;
}

@media only screen and (min-width: 801px) {
    .li-children {
        line-height: 1.4em;
        padding: 30px 100px 100px 30px;
    }
}

.li-children a {
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 24px;
    text-shadow: 0 0 8px rgba(0,0,0,0.2);
    font-family: 'Alata',sans-serif;
    opacity: .8;
    transition: all .2s ease-in;
}

@media only screen and (min-width: 801px) {
    .li-children a {
        font-size: 16px;
    }
}

.mob-t-p .li-children a, .mob-m-l .li-children a {
    font-size: 28px;
    display: block;
    margin-bottom: 16px;
}

.mob-m-l .li-children a {
    margin-bottom: 6px;
}

.mob-t-l .li-children a {
    font-size: 22px;
    display: block;
    margin-bottom: -10px;
}

.li-children a:hover {
    opacity: 1;
    letter-spacing: 2px;
}

.li-children:empty {
    display: none;
}

body.summary-on .li-slide .li-children, body.summary-on .li-slide .bp-default {
    display: none;
}

body[data-d-theme="default"] .li-slide .bp-default {
    background-color: #000;
    opacity: 0;
    color: #fff;
    transition: all .2s ease-in;
    position: absolute;
    bottom: 0;
    width: 90%;
    left: 5%;
    padding: 60px 60px 120px 60px;
    box-sizing: border-box;
    z-index: 2;
}

    body[data-d-theme="default"] .li-slide .bp-default p {
        color: #fff;
    }

@media only screen and (max-width: 800px) {
    body[data-d-theme="default"] .li-slide .bp-default p {
        font-size: 16px;
    }
}

@media only screen and (min-width: 801px) {
    body[data-d-theme="default"] .li-slide .bp-default {
        width: 30%;
    }
}

body[data-d-theme="default"] .li-slide .bp-default .b-content {
    background: transparent;
}

body[data-d-theme="default"].mob-t-l .bp-default p, body[data-d-theme="default"].mob-t-p .bp-default p {
    font-size: 20px;
}

body[data-d-theme="default"].mob-m-l .bp-default {
    left: 20px;
    width: 60%;
}

    body[data-d-theme="default"].mob-m-l .bp-default p {
        font-size: 12px;
    }

body[data-d-theme="default"] .li.is-more .li-slide {
    overflow: inherit;
}

    body[data-d-theme="default"] .li.is-more .li-slide .bp-default {
        opacity: 1;
        bottom: -120px;
        display: block;
    }

@media only screen and (min-width: 801px) {
    body[data-d-theme="default"] .li.is-more .li-slide .bp-default {
        bottom: -180px;
    }
}

@media only screen and (min-width: 801px) {
    body[data-d-theme="default"] .li.is-more.li-t1 .bp-default {
        bottom: 0px;
    }
}

@media only screen and (max-width: 800px) {
    body[data-d-theme="default"] .li.is-more:first-child .li-slide .bp-default {
        padding-bottom: 180px;
    }
}

@media only screen and (max-width: 800px) {
    body[data-d-theme="shop"]:not(.summary-on) .l > .li:not(:first-child) {
        height: auto;
    }

        body[data-d-theme="shop"]:not(.summary-on) .l > .li:not(:first-child) .li-h2 {
            font-size: 36px !important;
        }

    body[data-d-theme="shop"]:not(.summary-on) .li-children {
        padding: 40px 20px;
        width: 100%;
        text-align: center;
        background-color: #000;
        margin: 0;
        box-sizing: border-box;
        border: 0;
    }

        body[data-d-theme="shop"]:not(.summary-on) .li-children a {
            color: #fff;
            text-shadow: none;
        }
}

body[data-d-theme="shop"]:not(.summary-on) .li-slide {
    border-bottom: solid 30px #fff;
}

@media only screen and (max-width: 800px) {
    body[data-d-theme="shop"]:not(.summary-on) .li-slide > * {
        order: 1;
    }
}

body[data-d-theme="shop"]:not(.summary-on) .li-slide > .bp-preview {
    width: 100%;
}

@media only screen and (max-width: 800px) {
    body[data-d-theme="shop"]:not(.summary-on) .li-slide > .bp-preview {
        order: 0;
        margin-top: 40px;
        height: 250px;
        position: relative;
    }
}

@media only screen and (min-width: 801px) {
    body[data-d-theme="shop"]:not(.summary-on) .li-slide > .bp-preview {
        top: inherit;
        bottom: 0;
        width: calc(100% - 20px);
    }
}

body[data-d-theme="shop"]:not(.summary-on) .li-slide .bp-default {
    width: 100%;
    background-color: #fff;
    bottom: 0;
    padding: 40px 60px;
    box-sizing: border-box;
    position: relative;
    z-index: 2;
    text-align: center;
}

    body[data-d-theme="shop"]:not(.summary-on) .li-slide .bp-default > .b-content {
        background: transparent;
    }

.li-offer {
    overflow: hidden;
}

    .li-offer .clone {
        display: none;
    }

    .li-offer .li-slide > .bp-preview .ibox {
        background-position: 20%;
    }

    .li-offer .li-h2 {
        letter-spacing: 4px;
        transition: all .1s ease-in;
    }

@media only screen and (max-width: 800px) {
    .li-offer .li-h2 {
        font-size: 20px !important;
    }
}

.li-offer .li-h2 > span {
    top: 0%;
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 40px;
    padding-top: 0%;
    transition: width 1s ease,padding .6s ease,transform .1s ease;
}

@media only screen and (max-width: 800px) {
    .li-offer .li-h2 > span {
        width: 25px;
    }
}

.li-offer[data-reachtop-step="1"] .li-h2, .li-offer[data-reachtop-step="2"] .li-h2 {
    top: 20%;
}

    .li-offer[data-reachtop-step="1"] .li-h2 > span, .li-offer[data-reachtop-step="2"] .li-h2 > span {
        transition: all 2s ease-in;
        opacity: 1;
        transform: scale(.3) rotate(90deg);
        text-shadow: -2px 1px 4px rgba(0,0,0,0.4);
        transform-origin: center;
        opacity: .8;
        margin-right: -20px;
        position: relative;
    }

        .li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(even), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(even) {
            transform: scale(.4) rotate(-90deg);
        }

        .li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(18), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(18) {
            padding-top: 24%;
            transition-delay: 2.3s;
            animation-delay: 2.3s;
            opacity: 0;
        }

        .li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(17), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(17) {
            padding-top: 28%;
            transition-delay: 2.4s;
            animation-delay: 2.4s;
            opacity: 0;
        }

        .li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(15), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(15) {
            padding-top: 30%;
            transition-delay: 2.5s;
            animation-delay: 2.5s;
            opacity: 0;
        }

        .li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(16), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(16) {
            padding-top: 32%;
            transition-delay: 2.6s;
            animation-delay: 2.6s;
            opacity: 0;
        }

@media only screen and (max-width: 1400px) {
    .li-offer .li-h2 > span:nth-child(18), .li-offer .li-h2 > span:nth-child(18) {
        display: block;
    }
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(14), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(14) {
    padding-top: 38%;
    transition-delay: 2.7s;
    animation-delay: 2.7s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(19), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(19) {
    padding-top: 32%;
    transition-delay: 2.8s;
    animation-delay: 2.8s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(13), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(13) {
    padding-top: 30%;
    transition-delay: 2.9s;
    animation-delay: 2.9s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(20), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(20) {
    padding-top: 28%;
    transition-delay: 3s;
    animation-delay: 3s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(12), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(12) {
    padding-top: 25%;
    transition-delay: 3.1s;
    animation-delay: 3.1s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(21), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(21) {
    padding-top: 27%;
    transition-delay: 3.2s;
    animation-delay: 3.2s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(11), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(11) {
    padding-top: 29%;
    transition-delay: 3.3s;
    animation-delay: 3.3s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(22), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(22) {
    padding-top: 34%;
    transition-delay: 3.4s;
    animation-delay: 3.4s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(10), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(10) {
    padding-top: 37%;
    transition-delay: 3.5s;
    animation-delay: 3.5s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(23), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(23) {
    margin-top: 42%;
    transition-delay: 3.6s;
    animation-delay: 3.6s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(9), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(9) {
    padding-top: 40%;
    transition-delay: 3.7s;
    animation-delay: 3.7s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(24), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(24) {
    padding-top: 38%;
    transition-delay: 3.8s;
    animation-delay: 3.8s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(8), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(8) {
    padding-top: 28%;
    transition-delay: 3.9s;
    animation-delay: 3.9s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(25), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(25) {
    padding-top: 33%;
    transition-delay: 4s;
    animation-delay: 4s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(7), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(7) {
    padding-top: 35%;
    transition-delay: 4.1s;
    animation-delay: 4.1s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(26), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(26) {
    padding-top: 38%;
    transition-delay: 4.2s;
    animation-delay: 4.2s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(6), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(6) {
    padding-top: 40%;
    transition-delay: 4.3s;
    animation-delay: 4.3s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(27), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(27) {
    padding-top: 40%;
    transition-delay: 4.4s;
    animation-delay: 4.4s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(5), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(5) {
    padding-top: 42%;
    transition-delay: 4.5s;
    animation-delay: 4.5s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(28), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(28) {
    padding-top: 40%;
    transition-delay: 4.5s;
    animation-delay: 4.5s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(4), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(4) {
    padding-top: 42%;
    transition-delay: 4.6s;
    animation-delay: 4.6s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(29), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(29) {
    padding-top: 37%;
    transition-delay: 4.7s;
    animation-delay: 4.7s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(3), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(3) {
    padding-top: 39%;
    transition-delay: 4.8s;
    animation-delay: 4.8s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(30), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(30) {
    padding-top: 37%;
    transition-delay: 4.9s;
    animation-delay: 4.9s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(2), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(2) {
    padding-top: 39%;
    transition-delay: 5s;
    animation-delay: 5s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(31), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(31) {
    padding-top: 35%;
    transition-delay: 5.1s;
    animation-delay: 5.1s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(1), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(1) {
    padding-top: 32%;
    transition-delay: 5.2s;
    animation-delay: 5.2s;
    opacity: 0;
}

.li-offer[data-reachtop-step="1"] .li-h2 > span:nth-child(32), .li-offer[data-reachtop-step="2"] .li-h2 > span:nth-child(32) {
    padding-top: 37%;
    transition-delay: 5.3s;
    animation-delay: 5.3s;
    opacity: 0;
}

.li-concept .bp-animation {
    position: absolute;
    display: none;
    transition: all .2s ease-in;
    width: 50%;
    bottom: -60px;
    right: 30px;
}

.mob-m-l .li-concept .bp-animation {
    width: 45%;
    bottom: inherit;
    top: -60px;
    right: -20px;
}

.li-concept .li-h2 {
    display: none;
}

.li-concept.is-more .li-children {
    display: none;
}

.li-concept.is-more .bp-default {
    z-index: 100 !important;
}

.li-concept.is-more .bp-animation {
    display: block;
    opacity: 1;
    z-index: 102;
}

@media only screen and (max-width: 800px) {
    .li-concept.is-more .bp-animation {
        width: calc(100% - 0px);
        top: 0px;
        right: 0px;
    }
}

.mob-m-l .li-concept.is-more .motion {
    display: none;
}

@media only screen and (max-width: 800px) {
    .li-concept.is-more .more {
        bottom: -100px;
        left: calc(50% + 5px);
    }

    .li-concept.is-more .ibox {
        background-position: center top !important;
    }
}

.li-press .bp-animation {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: all .1s ease-in-out;
}

    .li-press .bp-animation .ibox {
        width: 100%;
        height: 100%;
        position: absolute;
        margin: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

.li-press.on .bp-animation {
    animation-name: motionPress;
    animation-duration: .4s;
    animation-timing-function: ease-in-out;
    animation-fill-mode: forwards;
    animation-iteration-count: 1;
}

.li-press.on .li-h2 {
    color: #000 !important;
    text-shadow: 0 0 0 rgba(0,0,0,0) !important;
    transition: all .1s ease-in-out;
}

@keyframes motionPress {
    0% {
        opacity: 0;
    }

    90% {
        opacity: 1;
    }

    95% {
        opacity: .8;
    }

    100% {
        opacity: 1;
    }
}

.bp-children .li-link {
    margin-bottom: 20px;
}

.li-no-preview {
    background-image: url(/img/trame1.jpg);
    background-size: 60px;
}

.l[data-slider] {
    position: relative;
}

@media only screen and (min-width: 801px) {
    .l[data-slider] {
        overflow: hidden;
        min-height: 400px;
    }
}

.l[data-slider] .li {
    position: absolute;
}

.l[data-slider] .ibox {
    background-color: #000;
    background-position: left;
}

@media only screen and (max-width: 800px) {
    .l[data-slider] .m-ibox .ibox {
        height: 300px;
        background-size: contain;
        background-position: center;
    }
}

.l[data-slider] .li {
    padding: 0;
    width: 100%;
    flex-basis: 100%;
    opacity: 0;
    transition: opacity .6s ease-in;
    display: flex;
    flex-direction: column-reverse;
    z-index: 8;
}

@media only screen and (min-width: 801px) {
    .l[data-slider] .li {
        flex-direction: row;
    }
}

.l[data-slider] .li.on {
    position: relative;
    opacity: 1;
    z-index: 10;
}

.l[data-slider] .bp-preview {
    left: 0;
    margin-bottom: 0 !important;
}

    .l[data-slider] .bp-preview .m-infos {
        display: none;
    }

@media only screen and (min-width: 801px) {
    .l[data-slider] .bp-preview .ibox {
        height: 400px;
    }
}

.l[data-slider] .li-title {
    background-color: #000;
    color: #fff;
    margin: 0;
    padding: 40px 80px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-sizing: border-box;
}

@media only screen and (max-width: 800px) {
    .l[data-slider] .li-title {
        min-height: 200px;
        font-size: 24px;
    }
}

@media only screen and (min-width: 801px) {
    .l[data-slider] .li-title {
        padding: 40px;
    }
}

@media only screen and (min-width: 801px) {
    .l[data-slider] .li-title {
        flex-basis: 30%;
    }
}

.l[data-slider] .li-link {
    display: none;
}

.l[data-slider]:not(.zoom).l-2c + .slider-nav, .l[data-slider]:not(.zoom).l-3c + .slider-nav, .l[data-slider]:not(.zoom).l-4c + .slider-nav, .l[data-slider]:not(.zoom).l-5c + .slider-nav, .l[data-slider]:not(.zoom).l-6c + .slider-nav {
    display: none;
}

    .l[data-slider]:not(.zoom).l-2c + .slider-nav + .slider-pages, .l[data-slider]:not(.zoom).l-3c + .slider-nav + .slider-pages, .l[data-slider]:not(.zoom).l-4c + .slider-nav + .slider-pages, .l[data-slider]:not(.zoom).l-5c + .slider-nav + .slider-pages, .l[data-slider]:not(.zoom).l-6c + .slider-nav + .slider-pages {
        display: none;
    }

.slider-pages {
    display: flex;
    flex-direction: row;
    padding: 10px;
    box-sizing: border-box;
    justify-content: center;
    width: 100%;
    left: 0;
    bottom: 0px;
}

@media only screen and (max-width: 800px) {
    .slider-pages {
        bottom: 20px;
        width: 100%;
        box-sizing: border-box;
        left: 25%;
        z-index: 1000;
        pointer-events: none;
    }
}

[data-slider-num="0"] + .slider-nav + .slider-pages, [data-slider-num="1"] + .slider-nav + .slider-pages {
    display: none
}

.slider-page {
    background-color: darksalmon;
    border-radius: 30px;
    width: 10px;
    height: 10px;
    margin: 10px;
}

    .slider-page.on {
        background-color: #000;
    }

.slider-nav {
    width: 90%;
    left: 20px;
}

@media only screen and (max-width: 800px) {
    .slider-nav {
        bottom: 0px;
        top: inherit;
        background-color: rgba(255,255,255,0.7);
        width: 100%;
        height: 60px;
        left: 0;
        z-index: 100;
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 10px;
        padding-bottom: 60px;
    }
}

@media only screen and (min-width: 801px) {
    .slider-nav {
        bottom: inherit;
        top: 0;
        left: 0;
        width: 100%;
    }
}

.slider-nav > * {
    z-index: 30;
    cursor: pointer
}

@media only screen and (min-width: 801px) {
    .slider-nav > * {
        position: absolute;
        top: 500px;
    }
}

.slider-nav > *::before {
    display: block;
    content: "";
    width: 40px;
    height: 40px;
    background-color: #fff;
    border-radius: 100px;
    position: absolute;
    left: -10px;
    top: -8px;
    -webkit-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    z-index: 10;
    cursor: pointer;
}

@media only screen and (max-width: 800px) {
    .slider-nav > *::before {
        display: none;
    }
}

.slider-nav > *::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border: solid 2px #000;
    transform: rotate(45deg);
    pointer-events: auto;
    z-index: 1;
    top: 6px;
    position: relative;
    z-index: 10;
    cursor: pointer;
}

@media only screen and (max-width: 800px) {
    .slider-nav > *::after {
        width: 20px;
        height: 20px;
    }
}

[data-slider-num="0"] + .slider-nav, [data-slider-num="1"] + .slider-nav {
    display: none;
}

@media only screen and (min-width: 801px) {
    .slider-nav-prev {
        left: -20px;
        left: 0px;
    }
}

.slider-nav-prev:after {
    border-right: 0;
    border-top: 0;
    left: 6px;
}

@media only screen and (min-width: 801px) {
    .slider-nav-next {
        right: -20px;
    }
}

.slider-nav-next:after {
    border-left: 0;
    border-bottom: 0;
}

.l[data-slider]:not(.zoom).d-col-slider {
    cursor: zoom-in;
    height: 600px;
    position: relative;
}

    .l[data-slider]:not(.zoom).d-col-slider .m, .l[data-slider]:not(.zoom).d-col-slider .ibox {
        width: 100%;
        height: 100%;
    }

    .l[data-slider]:not(.zoom).d-col-slider .ibox {
        background-repeat: no-repeat;
        background-position: center;
        background-color: #fff;
        background-size: contain;
    }

    .l[data-slider]:not(.zoom).d-col-slider > .li {
        height: 100%;
        position: absolute !important;
        opacity: 0;
    }

        .l[data-slider]:not(.zoom).d-col-slider > .li.on {
            opacity: 1;
        }

.d-col[data-slider-p] {
    height: 100%;
}

    .d-col[data-slider-p] .slider-nav-prev {
        left: 0;
    }

    .d-col[data-slider-p] .slider-nav-next {
        right: 0;
    }

body.zoom .d-col[data-slider-p] {
    margin: 0;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1000;
}

    body.zoom .d-col[data-slider-p] .l {
        width: 100%;
        height: 100%;
        min-height: inherit;
    }

        body.zoom .d-col[data-slider-p] .l > .li {
            width: 100%;
            height: calc(100% - 40px);
        }

    body.zoom .d-col[data-slider-p] .slider-nav {
        position: fixed;
        bottom: 0;
        height: 100%;
        background: transparent;
        padding: 0;
        z-index: 1000;
        pointer-events: none;
    }

    body.zoom .d-col[data-slider-p] .slider-nav-prev {
        left: 50px;
        bottom: 60px;
        position: absolute;
        pointer-events: all;
    }

    body.zoom .d-col[data-slider-p] .slider-nav-next {
        right: 60px;
        bottom: 60px;
        position: absolute;
        pointer-events: all;
    }

    body.zoom .d-col[data-slider-p] .slider-pages {
        position: absolute;
        bottom: 0px;
        width: 100%;
        z-index: 100;
        box-sizing: border-box;
        left: 0;
        margin: 0;
    }

    body.zoom .d-col[data-slider-p] .m, body.zoom .d-col[data-slider-p] .ibox {
        width: 100%;
        height: 100%;
    }

    body.zoom .d-col[data-slider-p] .ibox {
        background-repeat: no-repeat;
        background-position: center;
        background-color: #fff;
        background-size: contain;
        padding: 40px;
        background-origin: content-box;
        box-sizing: border-box;
    }

    body.zoom .d-col[data-slider-p]::after {
        content: "";
        cursor: pointer;
        width: 40px;
        height: 40px;
        position: fixed;
        top: 40px;
        right: 40px;
        background-color: #fff;
        background-image: url(/img/ui/close.svg);
        background-size: contain;
        border-radius: 100px;
        -webkit-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
        -moz-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
        box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
        padding: 12px;
        background-repeat: no-repeat;
        box-sizing: border-box;
        background-origin: content-box;
        z-index: 1000;
        pointer-events: none;
    }

.footer {
    background-color: #000;
    position: relative;
    padding: 60px 30px;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
}

@media only screen and (min-width: 801px) {
    .footer {
        padding: 60px 100px;
    }
}

.footer h2 {
    font-size: 16px;
    margin-bottom: 14px;
}

.footer a {
    color: #fff;
    text-decoration: none;
    opacity: .7;
    transition: all .2s ease-in;
}

    .footer a:hover {
        text-decoration: underline;
        opacity: 1;
    }

.footer ul, .footer li {
    list-style: none;
    padding: 0;
    margin: 0;
}

@media only screen and (min-width: 801px) {
    .footer-section {
        display: flex;
        justify-content: space-between;
    }
}

.footer-col {
    flex-basis: 100%;
    line-height: 1.4em;
}

@media only screen and (max-width: 800px) {
    .footer-col {
        margin-bottom: 40px;
    }
}

.networks {
    display: flex;
    filter: invert(1);
    transition: all .4s ease-in;
}

body[data-d-model="slides"] .networks {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 20;
}

@media only screen and (max-width: 800px) {
    body[data-d-model="slides"] .networks {
        flex-direction: row;
        margin-right: 80px;
        right: 0;
        bottom: inherit;
        top: 40px;
        z-index: 24;
    }
}

@media only screen and (min-width: 801px) {
    body.summary-on .networks {
        filter: invert(0);
        right: 60px;
        padding-right: 60px;
        z-index: 100;
    }
}

body[data-d-theme="shop"] .networks {
    position: inherit;
}

@media only screen and (max-width: 800px) {
    body[data-d-model="default"] .networks {
        position: absolute;
        right: 20px;
        bottom: 40px;
        transform: scale(1.2);
        transform-origin: right;
    }

        body[data-d-model="default"] .networks span {
            display: none;
        }
}

body.has-more .networks {
    opacity: 0;
    pointer-events: none;
}

.network {
    width: 16px;
    height: 16px;
    margin: 0 6px;
    position: relative;
    padding-right: 0px;
}

@media only screen and (max-width: 800px) {
    .network {
        width: 24px;
        height: 30px;
        margin: 0 10px;
    }
}

.network span {
    color: #000;
    position: absolute;
    display: block;
    text-align: center;
    width: 100px;
    left: 0;
    margin-left: -44px;
    bottom: -26px;
    font-size: 12px;
    opacity: 0;
    transition: all .2s ease;
}

@media only screen and (max-width: 800px) {
    .network span {
        display: none;
    }
}

.network[data-network="twitter"] {
    background-image: url("/img/ui/twitter.svg");
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
}

.network[data-network="facebook"] {
    background-image: url("/img/ui/facebook.svg");
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
}

.network[data-network="instagram"] {
    background-image: url("/img/ui/instagram.svg");
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
}

.network[data-network="linkedin"] {
    background-image: url("/img/ui/linkedin.svg");
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
}

.network[data-network="youtube"] {
    background-image: url("/img/ui/youtube.svg");
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
}

.network:hover span {
    opacity: 1;
}

.container-fluid.footer .container, .container-fluid.footer .row {
    box-sizing: border-box;
}

    .container-fluid.footer .row > * {
        box-sizing: border-box;
    }

table {
    width: 100%;
    table-layout: fixed;
}

    table.planning,
    table.planning th,
    table.planning td {
        border: solid 2px rgba(0,0,0,0.1);
        border-collapse: collapse;
    }

    .planning-inline {
        display: none;
    }


@media only screen and (min-width: 801px) {
    td,
    th{
        padding: 20px;
    }
}

@media only screen and (max-width: 800px) {
    table tr > td,
    table th {
        display: block;
        width: 100% !important;
        box-sizing: border-box;
        margin-bottom: 40px;
    }

    table.planning{
        display:none;
    }

    .planning-inline {
        display: block;
    }
}

.m-ibox > img {
    display: none;
}

.ibox {
    background-position: center;
    background-repeat: no-repeat;
}

.m > img {
    width: 100%;
    height: auto;
}

.m-title {
    font-size: 12px;
    padding: 4px 0;
    font-style: italic;
}

.m-infos {
    display: none;
}

iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    background-color: rgba(0,0,0,0.05);
}

.g-link {
    border: 0;
    display: inline-block;
}

    .g-link span {
        display: none;
    }

    .g-link.fl-l {
        float: left;
        margin-right: 20px;
        margin-bottom: 20px;
    }

.m-video img, .m-video ibox {
    display: none;
}

.more {
    width: 100px;
    height: 100px;
    position: absolute;
    bottom: 20%;
    left: 50%;
    margin-left: -50px;
    border-radius: 4px;
    cursor: pointer;
    transform: scale(1) rotate(45deg);
    transition: all .4s ease;
    z-index: 201;
}

@media only screen and (min-width: 801px) {
    .li-more-r .more {
        bottom: 40%;
        left: 90%;
    }
}

.li-no-more .more {
    display: none;
}

.more:before {
    content: "";
    width: 100%;
    height: 100%;
    border: solid 2px #fff;
    position: absolute;
    background-color: rgba(255,255,255,0.1);
    top: 0;
    left: 0;
    border-radius: 4px;
    transform: scale(1);
    animation: moreBg 4s infinite;
}

.more:after {
    content: "";
    width: 100%;
    height: 100%;
    background-image: url("/img/ui/close.svg");
    background-size: contain;
    background-origin: content-box;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    filter: invert(1);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    padding: 40px;
    transform: scale(1);
    animation: morePlus 3s infinite;
}

.more:hover:before {
    background-color: rgba(255,255,255,0.2);
}

.is-more .more {
    transform: scale(.6) rotate(0deg);
    left: calc(100% - 60px);
    bottom: calc(100% - 160px);
}

@media only screen and (min-width: 801px) {
    .is-more .more {
        left: 95%;
    }
}

.li-concept .more {
    bottom: 65%;
}

body.summary-on .more {
    display: none;
}

.btn {
    text-transform: uppercase;
    font-size: 12px;
    text-decoration: none !important;
    border: solid 1px #000;
    padding: 4px 8px;
    transition: all .2s ease-in;
    margin-right: 6px;
    display: inline-block;
}

@media only screen and (max-width: 800px) {
    .btn {
        font-size: 16px;
        text-align: center;
        width: 100%;
        box-sizing: border-box;
        padding: 6px 10px;
    }
}

.btn:hover {
    background-color: rgba(0,0,0,0.4);
    border-color: transparent;
    color: #fff;
    padding: 4px 12px;
}

* + .btn {
    margin-left: 6px;
}

@keyframes moreBg {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.2);
    }

    0% {
        transform: scale(1);
    }
}

@keyframes morePlus {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(2);
    }

    0% {
        transform: scale(1);
    }
}

.c-p {
    cursor: pointer;
}

.p-0 {
    padding: 0;
}

.p-10 {
    padding: 10px;
}

.m-0 {
    margin: 0;
}

.m-10 {
    margin: 10px;
}

.d-n {
    display: none;
}

.d-f {
    display: flex;
}

.d-b {
    display: block;
}

.d-ib {
    display: inline-block;
}

.fxd-r {
    flex-direction: row;
}

.fxd-rr {
    flex-direction: row-reverse;
}

.fxd-c {
    flex-direction: column;
}

.fxd-cr {
    flex-direction: column-reverse;
}

.jc-sb {
    justify-content: space-between;
}

.jc-sa {
    justify-content: space-around;
}

.jc-c {
    justify-content: center;
}

.jc-fs {
    justify-content: flex-start;
}

.jc-fe {
    justify-content: flex-end;
}

.ai-c {
    align-items: center;
}

.ai-s {
    align-items: stretch;
}

.ai-fs {
    align-items: flex-start;
}

.ai-fe {
    align-items: flex-end;
}

.ac-c {
    align-content: center;
}

.ac-s {
    align-content: stretch;
}

.ac-fs {
    align-content: flex-start;
}

.ac-fe {
    align-content: flex-end;
}

.fxw-w {
    flex-wrap: wrap;
}

.fxw-n {
    flex-wrap: nowrap;
}

.fxb-100 {
    flex-basis: 100%;
}

.fxb-50 {
    flex-basis: 50%;
}

.fxb-25 {
    flex-basis: 25%;
}

.bgsz-cv {
    background-size: cover;
}

.bgsz-ct {
    background-size: contain;
}

.bgr-n {
    background-repeat: no-repeat;
}

.bgp-c {
    background-position: center;
}

.ta-c {
    text-align: center;
}

.ta-j {
    text-align: justify;
}

.ta-l {
    text-align: left;
}

.ta-r {
    text-align: right;
}

.td-n {
    text-decoration: none;
}

.td-u {
    text-decoration: underline;
}

.tt-u {
    text-transform: uppercase;
}

.tt-n {
    text-transform: none;
}

.f-l {
    float: left;
    margin: 0 20px 20px 0;
}

.f-r {
    float: right;
    margin: 0 0 20px 20px;
}

.ibox-bgsz-ct .ibox {
    background-size: contain;
    background-position: center;
}

.ibox-bgp-tl .ibox {
    background-position: top left;
}

.ibox-bgp-tr .ibox {
    background-position: top right;
}

.ibox-bgp-tc .ibox {
    background-position: top center;
}

.ibox-bgp-bl .ibox {
    background-position: bottom left;
}

.ibox-bgp-br .ibox {
    background-position: bottom right;
}

.ibox-bgp-bc .ibox {
    background-position: bottom center;
}

.ibox-bgp-cl .ibox {
    background-position: center left;
}

.ibox-bgp-cr .ibox {
    background-position: center right;
}

.bg-c {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.i-trp img, .i-trp .ibox {
    mix-blend-mode: multiply;
}

.ibox {
    height: auto;
}

.ibox-ar1 .ibox {
    aspect-ratio: 1;
}

.ibox-ar21 .ibox {
    aspect-ratio: 2 / 1;
}

.ibox-ar31 .ibox {
    aspect-ratio: 3 / 1;
}

.ibox-ar41 .ibox {
    aspect-ratio: 4 / 1;
}

.ibox-ar51 .ibox {
    aspect-ratio: 5 / 1;
}

.ibox-ar12 .ibox {
    aspect-ratio: 1 / 2;
}

.ibox-ar13 .ibox {
    aspect-ratio: 1 / 3;
}

.ibox-ar14 .ibox {
    aspect-ratio: 1 / 4;
}

.ibox-ar15 .ibox {
    aspect-ratio: 1 / 5;
}

.ibox-ar07 .ibox {
    aspect-ratio: .7;
}

.ibox-ar14 .ibox {
    aspect-ratio: 1.4;
}

.ibox-ar18 .ibox {
    aspect-ratio: 1.8;
}

.ibox-ar28 .ibox {
    aspect-ratio: 2.8;
}

.ibox-ar36 .ibox {
    aspect-ratio: 3.6;
}

.ibox-ar-auto .ibox {
    height: 100%;
    width: 100%;
    aspect-ratio: auto;
}

.mob-l-to-p {
    display: none;
}

body.mob-m-l {
    overflow: hidden;
}

    body.mob-m-l .mob-l-to-p {
        display: flex;
    }

    body.mob-m-l .d, body.mob-m-l .side, body.mob-m-l .header {
        filter: blur(4px);
    }

.mob-l-to-p {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.8);
    position: fixed;
    z-index: 11000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

    .mob-l-to-p .mob-l-to-p-zone {
        position: relative;
    }

    .mob-l-to-p img.mobile {
        animation-name: lToP;
        transition-timing-function: ease-in-out;
        animation-delay: .5s;
        animation-duration: 3s;
        animation-direction: normal;
        animation-iteration-count: infinite;
        transform: rotate(90deg) scale(.6);
        opacity: 0;
        position: relative;
    }

    .mob-l-to-p img.rotate {
        animation-name: mobRotate;
        transition-timing-function: ease-in-out;
        animation-delay: .5s;
        animation-duration: 3s;
        animation-direction: normal;
        animation-iteration-count: infinite;
        transform: rotate(0deg);
        transform-origin: center;
        opacity: 0;
        position: relative;
        left: 10px;
        top: 10px;
    }

    .mob-l-to-p img.valid {
        animation-name: mobValid;
        position: absolute;
        top: 75px;
        right: 20px;
        animation-duration: 3s;
        animation-direction: normal;
        animation-iteration-count: infinite;
    }

    .mob-l-to-p p {
        color: #fff;
        font-weight: 700;
        padding: 20px;
    }

@keyframes lToP {
    0% {
        transform: rotate(-90deg) scale(.6);
        opacity: 0;
    }

    10% {
        transform: rotate(-90deg) scale(.6);
        opacity: 1;
    }

    80% {
        transform: rotate(0deg) scale(.8);
        opacity: 1;
    }

    100% {
        transform: rotate(0deg) scale(.8);
        opacity: 0;
    }
}

@keyframes mobRotate {
    0% {
        transform: rotate(-90deg);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    80% {
        transform: rotate(0deg);
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes mobValid {
    0% {
        opacity: 0;
    }

    60% {
        opacity: 0;
    }

    70% {
        opacity: 1;
    }

    80% {
        opacity: 1;
    }

    85% {
        opacity: .4;
    }

    90% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.kindle {
    display: none;
}

@media only screen and (min-width: 801px) {
    .d-chapo {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

        .d-chapo > * {
            flex-basis: 100%;
        }
}

.d-col {
    opacity: 0;
}

@media only screen and (max-width: 800px) {
    .d-col {
        width: 100%;
    }
}

@media only screen and (min-width: 801px) {
    .d-col {
        margin: 20px;
        flex-basis: 100%;
    }
}

.d-col:first-child {
    margin-left: 0;
}

.d-col:last-child {
    margin-right: 0;
}

.d-col > .b {
    margin-bottom: 40px;
}

.fade-items > * {
    animation-name: appear;
    -webkit-animation-name: appear;
    animation-delay: .2s;
    -webkit-animation-delay: 0.2s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    animation-direction: normal;
    -webkit-animation-direction: normal;
    animation-fill-mode: forwards;
    -webkit-animation-fill-mode: forwards;
    animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    will-change: opacity, filter;
}

    .fade-items > *:nth-child(0) {
        animation-delay: .2s;
        -webkit-animation-delay: .2s;
    }

    .fade-items > *:nth-child(1) {
        animation-delay: .3s;
        -webkit-animation-delay: .3s;
    }

    .fade-items > *:nth-child(2) {
        animation-delay: .4s;
        -webkit-animation-delay: .4s;
    }

    .fade-items > *:nth-child(3) {
        animation-delay: .5s;
        -webkit-animation-delay: .5s;
    }

    .fade-items > *:nth-child(4) {
        animation-delay: .6s;
        -webkit-animation-delay: .6s;
    }

    .fade-items > *:nth-child(5) {
        animation-delay: .7s;
        -webkit-animation-delay: .7s;
    }

    .fade-items > *:nth-child(6) {
        animation-delay: .8s;
        -webkit-animation-delay: .8s;
    }

    .fade-items > *:nth-child(7) {
        animation-delay: .9s;
        -webkit-animation-delay: .9s;
    }

    .fade-items > *:nth-child(8) {
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
    }

    .fade-items > *:nth-child(9) {
        animation-delay: 1.1s;
        -webkit-animation-delay: 1.1s;
    }

    .fade-items > *:nth-child(10) {
        animation-delay: 1.2s;
        -webkit-animation-delay: 1.2s;
    }

.d-left:empty {
    display: none;
}

@keyframes appear {
    0% {
        opacity: 0;
        filter: blur(10px);
    }

    100% {
        opacity: 1;
        filter: blur(0);
    }
}

@media only screen and (max-width: 800px) {
    .d-parent {
        text-align: center;
        margin: 20px;
    }

    h1 {
        text-align: center;
        padding: 0;
        padding-bottom: 20px;
    }
}

.p-xl .d-parent {
    font-size: 90px;
}

.p-xxl .d-parent {
    font-size: 120px;
}

@media only screen and (min-width: 801px) {
    body[data-d-model="default"][data-d-theme="default"] .d-layout {
        display: flex;
        justify-content: space-between;
    }
}

body[data-d-model="default"][data-d-theme="default"] .bp-preview, body[data-d-model="default"][data-d-theme="default"] .bp-image {
    margin-bottom: 40px;
}

body[data-d-model="default"][data-d-theme="default"].d-11 .d-layout .d-col:first-child {
    flex-basis: 50%;
    flex-shrink: 0;
}

body[data-d-model="default"][data-d-theme="default"].d-12 .d-layout .d-col:first-child {
    flex-basis: 30%;
    flex-shrink: 0;
}

body[data-d-model="default"][data-d-theme="default"].d-13 .d-layout .d-col:first-child {
    flex-basis: 25%;
    flex-shrink: 0;
}

body[data-d-model="default"][data-d-theme="default"].d-14 .d-layout .d-col:first-child {
    flex-basis: 20%;
    flex-shrink: 0;
}

body[data-d-model="default"][data-d-theme="default"].d-rev .d-layout {
    flex-direction: row-reverse;
}

@media only screen and (min-width: 801px) {
    body[data-d-model="default"][data-d-theme="default"].d-rev .d-col:last-child {
        margin-right: 20px;
        margin-left: 0;
    }

    body[data-d-model="default"][data-d-theme="default"].d-rev .d-col:first-child {
        margin-right: 0;
        margin-left: 20px;
    }
}

body[data-d-theme="a"].d-chapo-rev .d-chapo {
    flex-direction: row-reverse;
}

body[data-d-theme="a"].d-chapo-rev .d-chapo-titles {
    margin-right: 10px;
}

body[data-d-theme="a"].d-chapo-column .d-chapo {
    display: flex;
    flex-direction: column;
}

    body[data-d-theme="a"].d-chapo-column .d-chapo > * {
        width: 100%;
        margin: 0;
    }

body[data-d-theme="a"].d-chapo-column .d-parent, body[data-d-theme="a"].d-chapo-column h1 {
    text-align: center;
    margin-top: 20px;
    padding-left: 0;
}

body[data-d-theme="a"].d-chapo-column.d-chapo-rev .d-chapo {
    flex-direction: column-reverse;
}

    body[data-d-theme="a"].d-chapo-column.d-chapo-rev .d-chapo h1 {
        margin-bottom: 10px;
    }

.li-diapo.is-more .more {
    position: fixed;
    right: 10px;
    bottom: calc(100% - 120px);
}

@media only screen and (max-width: 800px) {
    .li-diapo.is-more .diapo-nav {
        display: none;
    }
}

.li-diapo.is-more .diapo-nav > * {
    position: fixed;
    width: 40px;
    height: 40px;
    top: calc(50% - 20px);
    left: 20px;
    z-index: 204;
    background-image: url(/img/ui/left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-origin: content-box;
    padding: 10px;
    border: solid 1px #000;
    background-color: rgba(255,255,255,0.2);
    filter: invert(1);
    transition: all .4s ease-in;
    cursor: pointer;
}

@media only screen and (min-width: 801px) {
    .li-diapo.is-more .diapo-nav > * {
        left: 50px;
    }
}

.li-diapo.is-more .diapo-nav > *:last-child {
    left: inherit;
    right: 20px;
    background-image: url(/img/ui/right.svg);
}

@media only screen and (min-width: 801px) {
    .li-diapo.is-more .diapo-nav > *:last-child {
        right: 50px;
    }
}

.li-diapo.is-more .diapo-nav > *:hover {
    background-color: rgba(255,255,255,0.6);
}

body.diapo-zoom .more {
    display: none;
}

.diapo {
    display: flex;
    position: fixed;
    height: 100%;
    width: 100%;
    transform: scale(0);
    transform-origin: center;
    top: 0;
    left: 0;
    z-index: 100;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: stretch;
    background-color: transparent;
    transition: all .1s ease-in;
}

@media only screen and (max-width: 800px) {
    .diapo {
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
    }
}

.diapo-zoom .diapo {
    z-index: 202 !important;
}

body:not(.summary-on) .is-more .diapo {
    z-index: 100;
    transition: all .6s ease-in;
    transform: scale(1);
    background-color: #000;
}

    body:not(.summary-on) .is-more .diapo + .bp-default {
        display: none !important;
    }

    body:not(.summary-on) .is-more .diapo > .b {
        transition: all .6s ease-out;
        width: 100%;
        transform: scale(1);
        cursor: pointer;
    }

@media only screen and (min-width: 801px) {
    body:not(.summary-on) .is-more .diapo > .b {
        position: absolute;
    }
}

@media only screen and (max-width: 800px) {
    body:not(.summary-on) .is-more .diapo > .b {
        flex-basis: 100%;
        flex-shrink: 0;
    }
}

@media only screen and (min-width: 801px) {
    body:not(.summary-on) .is-more .diapo > .b {
        opacity: 0;
    }
}

body:not(.summary-on) .is-more .diapo > .b .m, body:not(.summary-on) .is-more .diapo > .b .ibox {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

body:not(.summary-on) .is-more .diapo > .b .ibox {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (max-width: 800px) {
    body:not(.summary-on) .is-more .diapo > .b .ibox {
        border-top: solid 140px #000;
        border-bottom: solid 140px #000;
        box-sizing: border-box;
    }
}

body:not(.summary-on) .is-more .diapo > .b.d1 {
    height: 100%;
    top: 0;
    left: 0%;
}

    body:not(.summary-on) .is-more .diapo > .b.d1.zoom {
        left: 0%;
    }

body:not(.summary-on) .is-more .diapo > .b.d2 {
    top: 0;
    width: 50%;
    height: calc(50% - 4px);
    transition-delay: .1s;
    right: -50%;
}

    body:not(.summary-on) .is-more .diapo > .b.d2:last-child {
        height: 100%;
    }

    body:not(.summary-on) .is-more .diapo > .b.d2.zoom {
        right: 0%;
    }

body:not(.summary-on) .is-more .diapo > .b.d3 {
    height: calc(50% - 4px);
    width: 50%;
    transition-delay: .2s;
    right: -50%;
    bottom: 0;
}

    body:not(.summary-on) .is-more .diapo > .b.d3.zoom {
        right: 0%;
    }

body:not(.summary-on) .is-more .diapo > .b .m-title {
    display: none;
}

@media only screen and (max-width: 800px) {
    body:not(.summary-on) .is-more .diapo > .b .m-infos {
        display: block;
        position: absolute;
        bottom: 60px;
        left: 40px;
        color: #fff;
        font-size: 20px;
        text-shadow: 0 0 4px rgba(0,0,0,0.8);
        opacity: 1;
        transition: all 1s ease-in;
        transition-delay: .6s;
    }
}

@media only screen and (max-width: 800px) and only screen and (min-width: 801px) {
    body:not(.summary-on) .is-more .diapo > .b .m-infos {
        bottom: 20px;
    }
}

body:not(.summary-on) .is-more .diapo > .b[class*="on"] {
    -webkit-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    width: 100%;
    opacity: 1;
}

    body:not(.summary-on) .is-more .diapo > .b[class*="on"] .m {
        transition: all .2s ease-in;
    }

    body:not(.summary-on) .is-more .diapo > .b[class*="on"].zoom {
        width: 100%;
    }

    body:not(.summary-on) .is-more .diapo > .b[class*="on"] .m-infos {
        display: block;
        position: absolute;
        bottom: 60px;
        left: 40px;
        color: #fff;
        font-size: 20px;
        text-shadow: 0 0 4px rgba(0,0,0,0.8);
        opacity: 1;
        transition: all 1s ease-in;
        transition-delay: .6s;
    }

@media only screen and (min-width: 801px) {
    body:not(.summary-on) .is-more .diapo > .b[class*="on"] .m-infos {
        bottom: 20px;
    }
}

body:not(.summary-on) .is-more .diapo > .b.on1 {
    left: 0%;
    z-index: 1;
}

body:not(.summary-on) .is-more .diapo > .b.on2 {
    z-index: 3;
    right: 0%;
}

body:not(.summary-on) .is-more .diapo > .b.on3 {
    right: 0%;
    z-index: 2;
}

body:not(.summary-on) .is-more .diapo > .b.zoom {
    transition-delay: 0s;
    z-index: 4;
    transform: scale(1) rotate(0deg) !important;
    filter: blur(0) !important;
    width: 100%;
    height: 100%;
    opacity: 1;
}

    body:not(.summary-on) .is-more .diapo > .b.zoom:after {
        content: "";
        display: block;
        width: 20px;
        height: 20px;
        position: fixed;
        top: 60px;
        right: 70px;
        background-image: url(/img/ui/close.svg);
        filter: invert(1);
    }

    body:not(.summary-on) .is-more .diapo > .b.zoom .m {
        -webkit-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
        -moz-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
        box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    }

.diapo-infos {
    display: block;
    position: absolute;
    bottom: 60px;
    left: 40px;
    color: #fff;
    font-size: 20px;
    text-shadow: 0 0 4px rgba(0,0,0,0.8);
    opacity: 1;
    transition: all 1s ease-in;
    transition-delay: .6s;
}

@media only screen and (min-width: 801px) {
    .diapo-infos {
        bottom: 20px;
    }
}

.diapo-anim {
    transform-origin: center;
    animation-name: diapo;
    animation-duration: 5s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
}

@keyframes diapo {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

@media only screen and (max-width: 800px) {
    .d-diapo > * {
        position: relative;
        left: -20px;
        width: calc(100% + 40px);
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 801px) {
    .d-diapo {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .d-diapo > * {
            flex-basis: 30%;
            margin-bottom: 3%;
            margin-right: 3%;
        }
}

.g-link.portrait img {
    width: 100%;
    height: auto;
}

@media only screen and (min-width: 801px) {
    .g-link.portrait img {
        border-radius: 0 0 0 40px;
        position: absolute;
        z-index: 2;
        margin: 0;
        bottom: 0;
    }
}

@media only screen and (max-width: 800px) {
    .g-link.portrait img {
        width: calc(100% + 40px);
        position: relative;
        left: -20px;
    }
}

.li-custom[data-place="portraits"] {
    position: absolute;
    opacity: 0;
    transition: all .4s ease-in;
    bottom: -183px;
    width: 62%;
    right: 20px;
    height: auto;
}

.is-more .li-custom[data-place="portraits"] {
    opacity: 1;
}

.li-custom[data-place="portraits"] .b {
    display: block !important;
}

.li-custom[data-place="portraits"] .b-content, .li-custom[data-place="portraits"] .li {
    background: transparent;
}

@media only screen and (min-width: 801px) {
    .li-custom[data-place="portraits"] td:nth-child(2) {
        background: #fff;
        background: linear-gradient(180deg, #fff 0%, rgba(255,255,255,0.9108237) 51%, rgba(255,255,255,0.69793855) 100%);
    }
}

.li-custom[data-place="portraits"] .li {
    margin-bottom: 0 !important;
}

.li-custom[data-place="portraits"] .slider-pages {
    position: absolute;
    bottom: 10px;
    right: 20px;
    width: 40%;
}

.b-portrait {
    position: relative;
}

@media only screen and (min-width: 801px) {
    .b-portrait::after {
        content: "";
        width: 100%;
        height: 80%;
        position: absolute;
        bottom: 2px;
        left: 20px;
        background: linear-gradient(23deg, #000 0%, rgba(0,0,0,0.34359681) 35%, rgba(0,0,0,0) 100%);
        background: linear-gradient(23deg, #000 0%, rgba(0,0,0,0.34359681) 16%, rgba(0,0,0,0) 39%);
        background: linear-gradient(23deg, #000 0%, rgba(0,0,0,0.34359681) 37%, rgba(0,0,0,0) 69%);
        background: #000;
        background: linear-gradient(23deg, #000 0%, rgba(0,0,0,0.34359681) 18%, rgba(0,0,0,0) 38%);
        border-radius: 0 0 0 40px;
        z-index: 1;
        pointer-events: none;
    }
}

.b-portrait .b-content td {
    position: relative;
}

.b-portrait p {
    margin-bottom: 40px;
}

.b-portrait h2 {
    font-size: 36px;
    line-height: .9em;
    margin-bottom: 30px;
}

.bp-animation.stats {
    position: fixed;
    pointer-events: none;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    flex-direction: column;
    justify-content: center;
    background-color: transparent;
    display: none;
}

@media only screen and (min-width: 801px) {
    .bp-animation.stats {
        width: 50%;
    }
}

@media only screen and (max-width: 800px) {
    .bp-animation.stats {
        z-index: 24;
        background-color: #fff;
        height: auto;
        width: 90%;
        left: 5%;
        top: 110px;
        -webkit-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
        -moz-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
        box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    }
}

.is-more .bp-animation.stats {
    display: flex;
}

.bp-animation.stats .b-content {
    background: transparent;
    color: #fff;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 800px) {
    .bp-animation.stats .b-content {
        align-content: flex-start;
    }
}

.bp-animation.stats .b-content p {
    display: block;
    text-align: center;
    width: 100%;
    font-size: 24px;
    box-sizing: border-box;
    padding: 20px;
    top: 120px;
    z-index: 10;
    transform-origin: center;
    transform: scale(0);
    opacity: 0;
    color: #fff;
    transition: all 3s ease-in;
    text-shadow: 0 0 8px rgba(0,0,0,0.2);
}

@media only screen and (min-width: 801px) {
    .bp-animation.stats .b-content p {
        position: absolute;
    }
}

@media only screen and (max-width: 800px) {
    .bp-animation.stats .b-content p {
        display: none;
        padding: 40px;
        text-transform: uppercase;
        transition: none;
        top: 0;
    }
}

@media only screen and (min-width: 801px) {
    .bp-animation.stats .b-content p {
        padding: 0;
        text-align: right;
        top: 40%;
        right: 100px;
        font-size: 14px;
    }

        .bp-animation.stats .b-content p:nth-child(2n) {
            top: 50%;
        }

        .bp-animation.stats .b-content p:nth-child(3n) {
            top: 60%;
        }
}

@media only screen and (min-width: 801px) {
    .bp-animation.stats .b-content p {
        transform-origin: right center;
    }
}

@media only screen and (max-width: 800px) {
    .bp-animation.stats .b-content p {
        color: #000;
        text-shadow: none;
    }
}

.bp-animation.stats .b-content p strong {
    display: inline-block;
    transform-origin: right center;
    transform: scale(1);
    transition: all 3s ease-in;
    color: #fff;
}

.bp-animation.stats .b-content p.on {
    opacity: 1;
    transform: scale(1);
}

@media only screen and (max-width: 800px) {
    .bp-animation.stats .b-content p.on {
        display: block;
    }
}

@media only screen and (min-width: 801px) {
    .bp-animation.stats .b-content p.on {
        transform: scale(2);
        transition: all 1s ease-in;
    }
}

.bp-animation.stats .b-content p.on strong {
    transform: scale(1);
    color: #fc0;
    transition: all 1.4s ease-in;
    transition-delay: .4s;
}

@media only screen and (min-width: 801px) {
    .bp-animation.stats .b-content p.on strong {
        transform: scale(2.5);
    }
}

body.mob-m-l .bp-animation.stats {
    z-index: 24 !important;
    position: absolute;
    bottom: 60px !important;
    right: 20px !important;
    background-color: #fff !important;
    height: auto;
    width: 90% !important;
    left: inherit !important;
    top: inherit !important;
    -webkit-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    -moz-box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
    box-shadow: 4px 6px 5px 0 rgba(0,0,0,0.24);
}

    body.mob-m-l .bp-animation.stats .b-content p {
        display: none;
        transition: none !important;
    }

        body.mob-m-l .bp-animation.stats .b-content p.on {
            display: block;
        }

.b.bp-image .m {
    opacity: 1;
}

.b.bp-image.o-1 .m {
    opacity: .1;
}

.b.bp-image.o-2 .m {
    opacity: .2;
}

.b.bp-image.o-3 .m {
    opacity: .3;
}

.b.bp-image.o-4 .m {
    opacity: .4;
}

.b.bp-image.o-5 .m {
    opacity: .5;
}

.b.bp-image.b.o-6 .m {
    opacity: .6;
}

.b.bp-image.o-7 .m {
    opacity: .7;
}

.b.bp-image.o-8 .m {
    opacity: .8;
}

.b.bp-image.o-9 .m {
    opacity: .9;
}

.b.bg-black {
    background-color: #000;
}

.motion {
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    background-color: #02a0bd;
    width: 100%;
    height: 100%;
    z-index: 1;
}

    .motion > * {
        position: absolute;
        overflow: hidden;
        opacity: 0;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

.motion-base {
    opacity: 1;
    background-image: url(/img/motion-base.png)
}

.motion-hands {
    transition: transform .4s ease-in;
    background-image: url(/img/motion-hands.png);
    animation-name: motionHands;
}

.li-concept[data-reachtop-step="1"]:not(.is-more) .motion-light {
    background-image: url(/img/motion-light.png);
    transition: all .1s ease-in;
}

    .li-concept[data-reachtop-step="1"]:not(.is-more) .motion-light.on {
        opacity: .9;
    }

.li-concept[data-reachtop-step="1"]:not(.is-more) .motion-sign {
    background-image: url(/img/motion-sign.png);
    animation-name: motionSign;
    animation-duration: 4s;
    animation-delay: 1s;
    animation-timing-function: ease-in;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

.li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"] {
    opacity: 0;
    transition: all .3s ease-in;
}

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"].on {
        opacity: 1;
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"].motion-btn1 {
        background-image: url(/img/motion-btn1.png);
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"].motion-btn2 {
        background-image: url(/img/motion-btn2.png);
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"].motion-btn3 {
        background-image: url(/img/motion-btn3.png);
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"].motion-btn4 {
        background-image: url(/img/motion-btn4.png);
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"].motion-btn5 {
        background-image: url(/img/motion-btn5.png);
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"].motion-btn6 {
        background-image: url(/img/motion-btn6.png);
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"].motion-btn7 {
        background-image: url(/img/motion-btn7.png);
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"][data-v="1"] {
        filter: invert(17%) sepia(53%) saturate(1163%) hue-rotate(265deg) brightness(98%) contrast(90%);
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-btn"][data-v="2"] {
        filter: invert(55%) sepia(60%) saturate(3233%) hue-rotate(350deg) brightness(102%) contrast(106%);
    }

.li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-rocket"] {
    opacity: 0;
    background-image: url(/img/rocket.gif);
    transform: rotate(180deg);
    background-size: 10%;
    background-position: 70% 51%;
}

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-rocket"].on {
        opacity: .8;
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-rocket"][data-v="1"].on {
        opacity: 1;
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-rocket"][data-v="2"].on {
        opacity: .6;
    }

    .li-concept[data-reachtop-step="1"]:not(.is-more) [class*="motion-rocket"].motion-rocket2 {
        transform: rotate(180deg) scaleX(-1);
        background-position: 27% 52%;
    }

.li-concept[data-reachtop-step="1"]:not(.is-more) .motion-arms {
    animation-name: motionArms;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    background-image: url(/img/motion-arms.png);
    transform: scaleY(1);
    opacity: 1;
}

.li-concept[data-reachtop-step="1"]:not(.is-more) .motion-eyes {
    opacity: 1;
    background-image: url(/img/motion-eyes.png);
    transition: all .1s ease-in;
}

    .li-concept[data-reachtop-step="1"]:not(.is-more) .motion-eyes.on {
        animation-name: motionBlink;
        animation-duration: .4s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
    }

.li-concept[data-reachtop-step="1"]:not(.is-more) .motion-hands {
    opacity: 1;
    animation-name: motionHands;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in;
    transform-origin: 30% 54%;
}

.li-concept.is-more .motion > * {
    opacity: 0;
}

.li-concept.is-more .motion .motion-hands {
    transition: none;
    background-size: 70%;
    opacity: 1;
    background-image: url(/img/motion-hands-on.png);
    padding: 40px;
    background-origin: content-box;
    box-sizing: border-box;
}

@keyframes motionSign {
    0% {
        opacity: 0;
        clip-path: polygon(25% 0%, 0% 0, 0% 100%, 0% 100%);
    }

    100% {
        opacity: 1;
        clip-path: polygon(25% 0%, 100% 0, 69% 100%, 0% 100%);
    }
}

@keyframes motionBlink {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    50% {
        transform: scaleY(1.02);
    }

    100% {
        transform: scaleY(1);
    }
}

@keyframes motionHands {
    0% {
        transform: scale(1);
    }

    80% {
        transform: scale(1);
    }

    90% {
        transform: scale(1.1);
    }

    92% {
        transform: scale(1);
    }

    97% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

#account {
    margin-top: 20px;
}

    #account p {
        color: #fff;
    }

    #account h2 {
        color: #fff;
        letter-spacing: 0px;
    }

input {
    padding: 10px;
    outline: 0;
    border-radius: 0;
    border: 0;
    margin-bottom: 20px;
    opacity: .6;
    width: 100%;
    box-sizing: border-box;
    color: #000;
}

    input:focus {
        opacity: 1
    }

@media only screen and (max-width: 800px) {
    input {
        font-size: 20px;
    }
}

button {
    background-color: #000;
    cursor: pointer;
    color: #fff;
    padding: 10px 14px;
    border: 0;
    outline: 0;
    text-transform: uppercase;
    transition: all .4s ease-in;
}

    button:hover {
        background-color: #fff;
        color: #000;
    }

@media only screen and (max-width: 800px) {
    button {
        width: 100%;
        font-size: 20px;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 801px) {
    button {
        margin-right: 20px;
    }
}

.account-forget {
    color: #fff;
    padding: 4px;
    display: block;
}

    .account-forget a {
        text-transform: none;
        text-decoration: none;
        font-size: 14px;
        opacity: .7;
    }

        .account-forget a:hover {
            opacity: 1;
            letter-spacing: 0;
        }

body.mob-t-l button, body.mob-t-p button {
    width: 100%;
    font-size: 20px;
    margin-bottom: 20px;
}

body.mob-t-l .account-forget a, body.mob-t-p .account-forget a {
    font-size: 16px;
}

.eco {
    padding-top: 40px;
}

    .eco p {
        font-size: 14px !important;
    }

@media only screen and (min-width: 801px) {
    .eco {
        padding-left: 200px;
    }
}

.d-404 {
    height: 100%;
    width: 100%;
    position: relative;
}

    .d-404 .m, .d-404 .ibox {
        height: 100%;
        width: 100%;
    }

.d-404-infos {
    position: absolute;
    top: 50%;
    right: 20%;
    z-index: 100;
    background-color: rgba(0,0,0,0.8);
    padding: 60px;
}

    .d-404-infos h1, .d-404-infos h2, .d-404-infos p, .d-404-infos a {
        color: #fff;
    }

    .d-404-infos h1 {
        font-size: 36px;
        border: 0;
        padding: 0;
    }

    .d-404-infos a {
        border-color: #fff;
    }

        .d-404-infos a:hover {
            background-color: #fff;
            color: #000;
        }

.sitemap {
    line-height: 2em;
}

    .sitemap ul, .sitemap li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .sitemap ul {
        margin-left: 30px;
    }

    .sitemap nav > ul > li {
        margin-bottom: 20px;
        font-weight: 700;
        font-family: 'Alata',sans-serif;
    }

        .sitemap nav > ul > li > a {
            font-size: 24px;
            text-transform: uppercase;
            text-decoration: none;
        }

        .sitemap nav > ul > li > ul > li > a {
            font-size: 18px;
            text-transform: uppercase;
            font-weight: 400;
            text-decoration: none;
        }

        .sitemap nav > ul > li > ul > li > ul > li a {
            font-weight: 400;
            color: rgba(0,0,0,0.2);
            text-transform: uppercase;
            text-decoration: none;
            font-family: 'Alata',sans-serif;
        }

        .sitemap nav > ul > li > ul > li > ul > li > ul {
            border-left: solid 1px darksalmon;
            padding-left: 20px;
            margin-left: 0;
            margin-top: 10px;
            margin-bottom: 20px;
        }

            .sitemap nav > ul > li > ul > li > ul > li > ul > li > a {
                font-weight: 400;
                text-decoration: none;
                text-transform: none;
                color: rgba(0,0,0,0.6);
                font-family: 'Raleway',sans-serif;
            }

                .sitemap nav > ul > li > ul > li > ul > li > ul > li > a:hover {
                    color: darksalmon;
                }

@media only screen and (min-width: 801px) {
    [data-d-theme="shop"] .li-slide > .bp-preview .m-ibox,
    [data-d-theme="shop"] .li-slide > .bp-preview .ibox {
        height: calc(100% - 80px);
    }
}