/* Minification failed. Returning unminified contents.
(4890,1): run-time error CSS1019: Unexpected token, found '}'
 */
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */

/* Perso */

p:first-child {
    margin-top: 0;
}

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
    scroll-behavior: smooth;
    overflow-x:hidden;
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

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

.mb-20 {
    margin-bottom: 20px !important;
}

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

.mt-20 {
    margin-top: 20px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
hgroup,
main,
nav,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background: transparent;
}

    /**
 * Improve readability when focused and also mouse hovered in all browsers.
 */

    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: 600;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}


/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {
    color: inherit; /* 1 */
    font: inherit; /* 2 */
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

    input[type="checkbox"],
    input[type="radio"] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

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

    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box; /* 2 */
        box-sizing: content-box;
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: 600;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

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

td,
th {
    padding: 0;
}


/*#region Généralités*/

@font-face {
    font-family: 'QuattrocentoSans';
    src: url('../fonts/QuattrocentoSans-Regular.ttf');
}

@font-face {
    font-family: 'QuattrocentoSans-Bold';
    src: url('../fonts/QuattrocentoSans-Bold.ttf');
}

@font-face {
    font-family: 'Lora';
    src: url('../fonts/Lora-Regular.ttf');
}


@font-face {
    font-family: 'Lora-SemiBold';
    src: url('../fonts/Lora-SemiBold.ttf');
}

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    box-sizing: border-box;
    position: relative;
    color: #737779;
    font-size: 17px;
    line-height: 1.5;
    letter-spacing: 0.01em;
    font-family: 'QuattrocentoSans';
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    text-align: justify;
}

a {
    text-decoration: none;
    color: #737779;
}

p {
    margin: 17px 0 0 0;
    padding: 0;
}

    p + a {
        padding: 25px 0 0 0;
    }

h1 {
    font-family: 'Lora-SemiBold';
    font-size: 45px;
    color: #4e5152;
    margin: 0;
    padding: 0;
    text-align: left;
}

h2 {
    font-family: 'Lora-SemiBold';
    font-size: 25px;
    line-height: 45px;
    color: #fff;
    margin: 0;
    padding: 0;
    text-align: left;
}

h3 {
    font-family: 'Lora-SemiBold';
    font-size: 22px;
    color: #737779;
    margin: 0;
    padding: 0;
    text-align: left;
}

b {
    font-family: 'QuattrocentoSans-Bold';
}

* {
    box-sizing: border-box;
}

.negative-mt-55 {
    margin-top: -55px;
}

.negative-mt-110 {
    margin-top: -110px;
}

.negative-margin-top {
    margin-top: -110px;
}

.ml-5 {
    margin-left: 5% !important;
}

.mb-55 {
    margin-bottom: 55px;
}

.pt-0 {
    padding-top: 0 !important;
}

.pbt-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.pt-65 {
    padding-top: 65px;
}

.pb-65 {
    padding-bottom: 65px;
}

.ptb-65 {
    padding: 65px 0;
}

.pb-110 {
    padding-bottom: 110px;
}

.ptb-110 {
    padding: 110px 0px;
}

.bg-grey {
    background: #fafafa;
    padding: 30px;
    width: 100%;
    text-align: center;
}

/*#endregion Généralités*/

/*#region Général - boutons */

.btn {
    font-family: 'QuattrocentoSans-Bold';
    position: relative;
    color: #4e5152;
    font-size: 17px;
    line-height: 17px;
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    transition: all ease 0.3s;
}

    .btn:before {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 100%;
        height: 3px;
        background-color: #fafafa;
    }

    .btn:after {
        position: absolute;
        content: "";
        bottom: 0;
        left: 0;
        width: 0;
        height: 3px;
        background-color: #4e5152;
        transition: all ease 0.5s;
    }

    .btn:hover:after {
        width: 100%;
        transition: all ease 0.5s;
    }

    .btn.large {
        font-family: 'Lora-SemiBold';
        font-size: 40px;
        line-height: 40px;
    }

        .btn.large:before {
            bottom: -5px;
        }

        .btn.large:after {
            bottom: -5px;
        }

    .btn.upper {
        text-transform: uppercase;
    }

.icon-lien {
    display: flex;
    align-items: center;
    gap: 10px;
}

    .icon-lien img {
        height: 20px;
    }

    .icon-lien div {
        padding-top: 3px;
    }

    .icon-lien h3 {
        margin-bottom: 0;
    }

/*#endregion Général - boutons */

/*#region Général - Gallery*/

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 30px;
    padding: 0 180px 110px 180px;
}

    .gallery .items {
        width: calc(33.33% - 20px);
        height: 440px;
    }

        .gallery .items:hover {
            cursor: pointer;
        }

        .gallery .items img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .gallery .items .title {
            position: fixed;
            display: flex;
            flex-direction: row;
            gap: 25px;
            padding-top: 70px;
            padding-left: 60px;
            color: #fff;
            z-index: 2;
            align-items: flex-end;
            justify-content: space-between;
        }

            .gallery .items .title p {
                flex: 1;
                font-family: 'Lora';
                font-size: 20px;
            }

            .gallery .items .title:before {
                content: "";
                position: absolute;
                left: 40px;
                top: 0;
                width: 2px;
                height: 100%;
                background-color: #fff;
            }

.overlayed {
    overflow: hidden !important;
}

.overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 999;
    background-color: rgba(38, 38, 38, 0.544);
    display: none;
}

.overlayed .overlay {
    display: flex;
    justify-content: center;
    align-items: center;
    animation: fadeIn 0.3s ease-in-out;
}

.overlay .viewer {
    height: 80vh;
    width: 80vw;
    box-sizing: border-box;
    user-select: none;
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: column;
    padding: 60px;
}

    .overlay .viewer div {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .overlay .viewer div:first-child {
            display: flex;
            justify-content: flex-start;
            align-items: center;
        }

    .overlay .viewer img {
        max-height: 80vh;
        max-width: 80vw;
    }

    .overlay .viewer .prev,
    .overlay .viewer .next {
        position: absolute;
        bottom: -80px;
        height: 30px;
        width: 30px;
        border-radius: 50%;
        border: 0;
        margin: 30px;
        background-color: rgba(255,255,255,0.7);
    }

    .overlay .viewer .prev {
        left: 0;
    }

    .overlay .viewer .next {
        right: 0;
    }

        .overlay .viewer .prev:after,
        .overlay .viewer .next:after {
            content: "";
            position: absolute;
            top: calc(50% - 7.5px);
            left: calc(50% - 7.5px);
            height: 15px;
            width: 15px;
            border-radius: 50%;
            border: 0;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            filter: brightness(0) saturate(100%) invert(33%) sepia(6%) saturate(188%) hue-rotate(149deg) brightness(93%) contrast(97%);
            transition: all 0.3s ease;
        }

        .overlay .viewer .prev:hover,
        .overlay .viewer .next:hover {
            background-color: rgba(255,255,255,0.9);
            transition: all 0.3s ease;
        }

    .overlay .viewer .prev:after {
        background-image: url(/images/ico/chevron-left-black.svg);
    }

    .overlay .viewer .next:after {
        background-image: url(/images/ico/chevron-right-black.svg);
    }

    .overlay .viewer .close {
        position: absolute;
        top: 20px;
        right: 20px;
        height: 35px;
        width: 35px;
        border: 0;
        border-radius: 50%;
        box-shadow: 5px 5px 7px -2px rgba(0,0,0,0.6);
        transition: all 0.3s ease;
        z-index: 1;
    }

        .overlay .viewer .close:after {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-image: url(/images/ico/circle-xmark-black.svg);
            background-size: 70%;
            background-repeat: no-repeat;
            background-position: center;
            filter: brightness(0) saturate(100%) invert(33%) sepia(6%) saturate(188%) hue-rotate(149deg) brightness(93%) contrast(97%);
        }

        .overlay .viewer .close:hover {
            background-color: #fafafa;
            transform: scale(1.1);
        }

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

    100% {
        opacity: 1;
    }
}

/*#endregion */

/*#region Général - Picto-list */

div[class^='picto-list'] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 30px;
    width: 100%;
    text-align: center;
}

    div[class^='picto-list'] .item {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        gap: 15px;
        width: calc(33.33% - 20px);
    }

        div[class^='picto-list'] .item img {
            height: 40px;
        }

        div[class^='picto-list'] .item p {
            text-align: center;
        }

div[class^='picto-bed'] {
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    gap: 30px;
    width: 100%;
}

    div[class^='picto-bed'] .item {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-start;
        gap: 40px;
        width: 30%;
    }

        div[class^='picto-bed'] .item img {
            height: 40px;
        }

        div[class^='picto-bed'] .item p {
            text-align: center;
            margin-top: 0;
        }

/*#endregion Général - Picto-list */

/*#region Général - Loader */

.loader-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

@keyframes fadeInStars {

    0% {
        opacity: 0
    }

    20% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInRM {

    0% {
        opacity: 0
    }

    20% {
        opacity: 0
    }

    30% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInLM {

    0% {
        opacity: 0
    }

    30% {
        opacity: 0
    }

    40% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInfirstA {

    0% {
        opacity: 0
    }

    40% {
        opacity: 0
    }

    45% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInL {

    0% {
        opacity: 0
    }

    45% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInP {

    0% {
        opacity: 0
    }

    50% {
        opacity: 0
    }

    55% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInI {

    0% {
        opacity: 0
    }

    55% {
        opacity: 0
    }

    60% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInN {

    0% {
        opacity: 0
    }

    60% {
        opacity: 0
    }

    65% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInLastA {

    0% {
        opacity: 0
    }

    65% {
        opacity: 0
    }

    70% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInHotel {

    0% {
        opacity: 0
    }

    70% {
        opacity: 0
    }

    80% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}

.loader-stars {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-stars-grey.svg);
    background-size: 100% auto;
    animation: fadeInStars 1000ms ease-in;
    background-position: center;
}

.loader-montain-right {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-right-mountain-grey.svg);
    animation: fadeInRM 1000ms ease-in;
    background-position: center;
}

.loader-montain-left {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-left-mountain-grey.svg);
    animation: fadeInLM 1000ms ease-in;
    background-position: center;
}

.loader-A-first {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-first-A-grey.svg);
    animation: fadeInfirstA 1000ms ease-in;
    background-position: center;
}

.loader-L {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-L-grey.svg);
    animation: fadeInL 1000ms ease-in;
    background-position: center;
}

.loader-P {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-P-grey.svg);
    animation: fadeInP 1000ms ease-in;
    background-position: center;
}

.loader-I {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-I-grey.svg);
    animation: fadeInI 1000ms ease-in;
    background-position: center;
}

.loader-N {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-N-grey.svg);
    animation: fadeInN 1000ms ease-in;
    background-position: center;
}

.loader-A-last {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-last-A-grey.svg);
    animation: fadeInLastA 1000ms ease-in;
    background-position: center;
}

.loader-hotel {
    position: absolute;
    width: 300px;
    height: 300px;
    background-image: url(/images/logo/logo-alpina-hotel-grey.svg);
    animation: fadeInHotel 1000ms ease-in;
    background-position: center;
}

.loader-container.loaded {
    opacity: 0;
    pointer-events: none;
    transition: all 0.8s linear;
}

    .loader-container.loaded.loader {
        opacity: 0;
        transition: all 0.2s linear;
    }

/*#endregion Général - Loader */

/*#region Général mobile - menu-bis-mobile */

.menu-bis-mobile {
    display: none;
}

/*#endregion Général mobile - menu-bis-mobile */

/*#region menu active*/

body[data-menu="service"] header .navigation .menu-holder .menu .menu-item[data-menu="service"],
body[data-menu="chalet"] header .navigation .menu-holder .menu .menu-item[data-menu="chalet"],
body[data-menu="fleur-des-alpes"] header .navigation .menu-holder .menu .menu-item[data-menu="fleur-des-alpes"],
body[data-menu="spa"] header .navigation .menu-holder .menu .menu-item[data-menu="spa"],
body[data-menu="restaurant"] header .navigation .menu-holder .menu .menu-item[data-menu="restaurant"],
body[data-menu="hotel"] header .navigation .menu-holder .menu .menu-item[data-menu="hotel"],
body[data-menu="index"] header .navigation .menu-holder .menu .menu-item[data-menu="index"] {
    color: #737779;
    padding: 0 0 0 20px;
    transition: all 200ms ease;
}

    body[data-menu="service"] header .navigation .menu-holder .menu .menu-item[data-menu="service"]:after,
    body[data-menu="chalet"] header .navigation .menu-holder .menu .menu-item[data-menu="chalet"]:after,
    body[data-menu="fleur-des-alpes"] header .navigation .menu-holder .menu .menu-item[data-menu="fleur-des-alpes"]:after,
    body[data-menu="spa"] header .navigation .menu-holder .menu .menu-item[data-menu="spa"]:after,
    body[data-menu="restaurant"] header .navigation .menu-holder .menu .menu-item[data-menu="restaurant"]:after,
    body[data-menu="hotel"] header .navigation .menu-holder .menu .menu-item[data-menu="hotel"]:after,
    body[data-menu="index"] header .navigation .menu-holder .menu .menu-item[data-menu="index"]:after {
        width: 15px;
        height: 15px;
        left: 0px;
        filter: brightness(0) saturate(100%) invert(44%) sepia(0%) saturate(4917%) hue-rotate(248deg) brightness(103%) contrast(89%);
        opacity: 1;
        transition: all 200ms ease;
    }

/*#endregion menu */

/*#region Header*/

header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 20px 40px;
    display: flex;
    align-items: start;
    transform: translateY(0);
    transition: all 0.5s ease-in-out;
    z-index: 99;
}

    header.hide {
        transform: translateY(-100%);
        transition: transform 0.5s ease-in-out;
    }


    header.scrolled {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        align-items: center;
        padding: 20px 40px;
        background-color: #fff;
        transition: all 1s ease-in;
        z-index: 99;
    }

    header .navigation {
        width: 30%;
        height: auto;
    }

        header .navigation .checkbox {
            display: none;
        }

            /*            header .navigation .checkbox:checked ~ .background {
                background: #fff;
                transform: scale(600);
            }*/

            header .navigation .checkbox:checked ~ .nav {
                width: 100%;
                visibility: visible;
                opacity: 1;
            }

            header .navigation .checkbox:checked + .button:after {
                content: "fermer";
                color: #737779;
            }

            header .navigation .checkbox:checked + .button .icon {
                background-color: transparent;
            }

                header .navigation .checkbox:checked + .button .icon::before {
                    top: 0;
                    height: 3px;
                    background-color: #737779;
                    transform: rotate(135deg);
                }

                header .navigation .checkbox:checked + .button .icon::after {
                    top: 0;
                    height: 3px;
                    background-color: #737779;
                    transform: rotate(-135deg);
                }

        header .navigation .button {
            position: absolute;
            top: 40px;
            left: 40px;
            height: 20px;
            width: 30px;
            text-align: center;
            z-index: 300;
            cursor: pointer;
        }


            header .navigation .button:after {
                content: "Menu";
                position: absolute;
                top: calc(50% - 5px);
                left: 0px;
                color: #fff;
                font-size: 20px;
                line-height: 20px;
                font-family: 'QuattrocentoSans-Bold';
                padding-left: 70px;
                text-transform: uppercase;
            }

    header.scrolled .navigation .button:after {
        color: #737779;
    }

    header .navigation .button .icon {
        position: relative;
        top: calc(50% - 13px);
    }

        header .navigation .button .icon,
        header .navigation .button .icon::before,
        header .navigation .button .icon::after {
            display: inline-block;
            width: 30px;
            height: 2px;
            border-radius: 2px;
            background-color: #fff;
        }

    header.scrolled .navigation .button .icon,
    header.scrolled .navigation .button .icon::before,
    header.scrolled .navigation .button .icon::after {
        background-color: #737779;
    }

    header .navigation .button .icon::before,
    header .navigation .button .icon::after {
        content: '';
        position: absolute;
        left: 0;
        transition: all 200ms;
    }

    header .navigation .button .icon::before {
        top: -8px;
    }

    header .navigation .button .icon::after {
        top: 8px;
    }

    header .navigation .button:hover .icon::before {
        top: -10px;
    }

    header .navigation .button:hover .icon::after {
        top: 10px;
    }

    header .navigation .background {
        position: fixed;
        top: 45px;
        left: 45px;
        height: 10px;
        width: 10px;
        border-radius: 50%;
        background: transparent;
        z-index: 100;
        transition: all 200ms ease;
    }

    header .navigation .nav {
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        opacity: 0;
        width: 0;
        visibility: hidden;
        z-index: 200;
        transition: all 200ms ease;
    }

    header .navigation .menu-holder {
        display: flex;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transform: translate(0, 0);
        text-align: center;
        width: 100%;
        list-style: none;
    }

        header .navigation .menu-holder .menu {
            position: relative;
            display: flex;
            gap: 15px;
            width: 39%;
            min-width: 700px;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            padding: 100px 55px 200px 55px;
            background-color: #FFF;
            background-size: 140px;
            background-position: bottom 100px right 40px;
            background-repeat: no-repeat;
            background-image: url(/images/logo/logo-alpina-montain-grey.svg);
        }


            header .navigation .menu-holder .menu .langue {
                position: absolute;
                top: 40px;
                right: 30px;
                display: flex;
                gap: 20px;
                width: 115px;
                justify-content: center;
            }

                header .navigation .menu-holder .menu .langue a {
                    position: relative;
                    text-transform: uppercase;
                    font-family: 'QuattrocentoSans-Bold';
                    color: #737779;
                    transition: all ease 0.2s;
                }

                    header .navigation .menu-holder .menu .langue a:first-child:after {
                        position: absolute;
                        content: "";
                        top: 0;
                        right: -10px;
                        width: 1px;
                        height: 100%;
                        background-color: #737779;
                    }

                    header .navigation .menu-holder .menu .langue a.active {
                        color: #4e5152;
                    }

                    header .navigation .menu-holder .menu .langue a:hover {
                        color: #737779;
                        text-decoration: underline;
                        transition: all ease 0.2s;
                    }

            header .navigation .menu-holder .menu .logo {
                height: 100px;
                margin-bottom: calc(110px - 35px);
            }

                header .navigation .menu-holder .menu .logo img {
                    height: 100%;
                }

            header .navigation .menu-holder .menu .menu-item {
                position: relative;
                padding: 0;
                font-family: 'QuattrocentoSans-Bold';
                font-size: 28px;
                color: #4e5152;
                width: 100%;
                text-align: left;
                transition: all 200ms ease;
                line-height: normal;
            }

                header .navigation .menu-holder .menu .menu-item:hover {
                    padding: 0 0 0 20px;
                    transition: all 200ms ease;
                }



                header .navigation .menu-holder .menu .menu-item:after {
                    position: absolute;
                    content: "";
                    width: 3px;
                    height: 3px;
                    left: -30px;
                    opacity: 0;
                    top: calc(50% - 6px);
                    background-image: url(/images/ico/chevron-right-black.svg);
                    background-size: contain;
                    background-position: center;
                    background-repeat: no-repeat;
                    transition: all 200ms ease;
                }

                header .navigation .menu-holder .menu .menu-item:hover:after {
                    width: 15px;
                    height: 15px;
                    left: 0px;
                    opacity: 1;
                    transition: all 200ms ease;
                }

            header .navigation .menu-holder .menu .mentions {
                position: absolute;
                bottom: 35px;
                width: 100%;
                font-family: 'QuattrocentoSans';
                font-size: 17px;
                color: #737779;
                text-align: center;
            }

        header .navigation .menu-holder .illustrationIndex {
            background-color: #000;
            opacity: .5;
            width: 100%
        }

    header .logo-holder {
        width: 40%;
    }

@keyframes fadeInWhiteLogo {
    0% {
        height: 50px;
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        height: 50px;
        opacity: 0;
        display: none;
    }
}


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

    100% {
        height: 50px;
        opacity: 1;
    }
}

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

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

header .logo-holder .logo {
    display: flex;
    justify-content: center;
}

    header .logo-holder .logo .whiteLogo {
        position: absolute;
        height: 190px;
        animation: fadeInWhiteLogo 500ms ease-in-out forwards;
    }

header.scrolled .logo-holder .logo .whiteLogo {
    animation: fadeOutWhiteLogo 500ms ease-in-out forwards;
}


header.scrolled .logo-holder .logo .greyLogo {
    height: 50px;
    animation: fadeInGreyLogo 500ms ease-in-out forwards;
}

header .logo-holder .logo .greyLogo {
    height: 50px;
    animation: fadeOutGreyLogo 500ms ease-in-out forwards;
}

header .action {
    position: absolute;
    top: 40px;
    right: 40px;
    display: flex;
    gap: 50px;
    justify-content: flex-end;
    align-items: center;
}

    header .action a {
        position: relative;
        color: #fff;
        font-family: 'QuattrocentoSans-Bold';
        text-transform: uppercase;
        font-size: 20px
    }

header.scrolled .action a {
    color: #737779;
}


header .action a:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: transparent;
}

header .action a:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 0;
    height: 3px;
    background-color: #ffffff;
    transition: all ease 0.6s;
}

header.scrolled .action a:after {
    background-color: #737779;
}

header .action a:hover:after {
    width: 100%;
    transition: all ease 0.6s;
}

header .action span:first-child:after {
    content: "";
    position: absolute;
    width: 2px;
    height: 40px;
    right: -25px;
    top: calc(50% - 20px);
    background-color: #fff;
}

header.scrolled .action span:first-child:after {
    background-color: #737779;
}

/*#endregion Header - Menu overlay*/

/*#region Header - Header bottom*/

.header-bottom {
    display: flex;
    position: relative;
    align-items: flex-end;
    justify-content: space-between;
    height: 100vh;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 2;
}

    .header-bottom:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgb(0,0,0);
        background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3981967787114846) 30%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.40379901960784315) 70%, rgba(0,0,0,1) 100%);
        opacity: 0.5;
        z-index: 1;
    }

    .header-bottom .scroll-indication,
    .header-bottom > div {
        z-index: 2;
    }

    .header-bottom .reseaux {
        position: relative;
        display: flex;
        align-items: flex-end;
        gap: 40px;
        padding: 0px 0px 40px 80px;
        width: 35%;
    }

        .header-bottom .reseaux a {
            position: relative;
            height: 50px;
            width: 50px;
            background-repeat: no-repeat;
            background-position: center center;
        }

            .header-bottom .reseaux a:hover {
                background-position: center 5px;
                opacity: 0.6;
                transition: all ease 0.6s;
            }

            .header-bottom .reseaux a.email {
                background-size: 25px;
                background-image: url(/images/ico/email-white.svg)
            }

            .header-bottom .reseaux a.facebook {
                background-size: 25px;
                background-image: url(/images/ico/facebook-white.svg)
            }

            .header-bottom .reseaux a.instagram {
                background-size: 25px;
                background-image: url(/images/ico/instagram-white.svg)
            }


    .header-bottom .scroll-indication {
        position: relative;
        bottom: 20px;
        height: 50px;
        margin-left: auto;
        margin-right: auto;
    }

        .header-bottom .scroll-indication:after {
            content: "";
            position: absolute;
            top: 0;
            left: calc(50% - 25px);
            width: 50px;
            height: 50px;
            background-color: #fff;
            opacity: 0.2;
            border-radius: 5px;
            transform: rotate(45deg);
            transition: all ease 0.5s;
        }

        .header-bottom .scroll-indication:hover:after {
            opacity: 0.1;
            transform: rotate(45deg) scale(90%);
            transition: all ease 0.5s;
        }

        .header-bottom .scroll-indication img {
            position: absolute;
            left: calc(50% - 7.5px);
            top: 20%;
            width: 15px;
            animation-duration: 3s;
            animation-name: top-to-bottom;
            animation-iteration-count: infinite;
        }

@keyframes top-to-bottom {
    0% {
        top: 20%;
        transform: scale(50%);
    }

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

    50% {
        top: 65%;
        transform: scale(75%);
    }

    100% {
        top: 20%;
        transform: scale(75%);
    }
}

.header-bottom .widget {
    z-index: 2;
    width: 35%;
}

    .header-bottom .widget img {
        position: absolute;
        bottom: 20px;
        right: 40px;
    }

.header-bottom .title {
    display: flex;
    justify-content: end;
    align-items: center;
    padding-bottom: 40px;
    width: 45%;
    text-align: left;
}

    .header-bottom .title p {
        position: relative;
        height: auto;
        width: 300px;
        color: #fff;
        text-transform: uppercase;
        text-align: left;
    }

        .header-bottom .title p:after {
            position: absolute;
            content: "";
            left: 0;
            bottom: -10px;
            width: calc(100% + 40px);
            height: 2px;
            background-color: #fff;
        }


/*#endregion */

/*#region Sections */

section {
    display: flex;
    justify-content: space-between;
    /*align-items: center;*/
}

    section > .content {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        width: 35%;
        margin-left: 5%;
        margin-right: 5%;
        padding-top: 40px;
    }

img.illustration {
    max-height: 600px;
    width: 55%;
    object-fit: cover;
    min-height: 500px
}

    img.illustration.portrait {
        height: auto;
        object-fit: unset;
        width: 30%;
        max-height: unset;
        margin-left: 10%;
        margin-right: 10%;
    }

section.right-content > img.illustration.portrait {
    margin-left: 10%;
    margin-right: 5%;
}

    section.right-content > img.illustration.portrait + .content {
        width: 40%;
        margin-right: 10%;
    }

/*#endregion Sections */

/*#region Section - Section image large size */

img[class^='large-size'] {
    position: relative;
    height: calc(100vh - 100px);
    width: 90%;
    object-fit: cover;
}

img.large-size {
    width: 100%;
}

section[class^='large-size'] {
    position: relative;
    height: calc(100vh - 100px);
    width: 90%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
}

    section[class^='large-size']:before {
        position: absolute;
        content: "";
        height: 20px;
        width: 100%;
        top: -20px;
        left: 0;
    }

/*#endregion*/

/*#region Section - Section image double */

section.double-image {
    display: flex;
    gap: 2%;
    padding: 30px 0;
}

    section.double-image img {
        max-height: 600px;
        width: 49%;
        object-fit: cover;
        min-height: 500px;
    }

/*#endregion*/

/*#region Section - Section image full size */

section.full-size {
    position: relative;
    height: 315px;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    z-index: -2;
}

/*#endregion*/

/*#region Section - Section title-center */

section.title-center {
    display: flex;
    flex-direction: column;
    padding: 65px 10%;
    margin: 0 auto;
    align-items: center;
}

    section.title-center h1 {
        max-width: 900px;
        text-align: center;
        margin: 0 auto;
    }

    section.title-center p {
        text-align: center;
    }


.content-center {
    display: flex;
    gap: 65px;
    padding: 2% 0;
    justify-content: center;
}


section.title-center > .content-center p {
    flex: 1;
    text-align: left;
}


section.title-center-equipement {
    display: flex;
    flex-direction: column;
    padding: 65px 5%;
    margin: 0 auto;
    align-items: center;
}

section.title-center-carrousel {
    flex-direction: column;
    padding: 65px 5%;
}

    section.title-center-carrousel h1 {
        max-width: 900px;
        text-align: center;
        margin: 0 auto;
    }


section.title-center > .lien {
    display: flex;
    margin: 25px;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}
/*#endregion Section - Section title-center */

/*#region Section - Section title-flex-center */

section.title-flex-center {
    display: flex;
    gap: 220px;
    padding: 110px 180px;
}

    section.title-flex-center h1 {
        max-width: 600px;
    }

    section.title-flex-center p {
        flex: 1;
        text-align: left;
        align-self: center;
    }

/*#endregion Section - Section title-flex-center */

/*#region Section - simple-content */

section.simple-content {
    flex-direction: column;
    gap: 30px;
    padding: 110px 0;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.lien {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

section.simple-content .lien .visite {
    display: flex;
    margin-right: 5%;
    flex-direction: row;
    align-items: flex-start;
    gap: 20px;
}

/*#endregion*/

/*#region Accueil - Illustrations */

.logo .content {
    background-size: 70px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-image: url(/images/logo/logo-alpina-montain-grey.svg);
}

/*#endregion Accueil - Illustrations */

/*#region Accueil - Chalets */

.chalets {
    gap: 25px;
    padding: 0;
    padding-bottom: 20px;
}

    .chalets.liste-adelphine {
        background-color: #fff;
    }

    .chalets.liste-adelphine-5-6 {
        background-color: #fff;
    }

        .chalets.liste-adelphine-5-6 .item {
            height: 600px;
            width: 100%;
        }

    .chalets .item {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: calc(100vh - 100px);
        width: calc(33.33% - 8.33px);
        padding: 0 40px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

        .chalets .item:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 30%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 100%);
            opacity: 0.5;
            transition: all ease 1s;
            z-index: 1;
        }

        /*    .chalets .item:hover:after {
        background-image: linear-gradient(0deg, rgba(181,39,55,1) 0%, rgba(181,39,55,0.6) 30%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 100%);
        opacity: 0.8;
        transition: all ease 2s;
    }*/

        .chalets .item .title {
            position: relative;
            display: flex;
            flex-direction: column;
            padding-top: 50px;
            padding-left: 15px;
            color: #fff;
            z-index: 2;
        }

            .chalets .item .title h2 {
                font-size: 30px;
                padding-bottom: 5px;
                line-height: normal;
            }

            .chalets .item .title p {
                font-family: 'Lora';
                font-size: 20px;
                line-height: normal;
                padding-bottom: 25px;
            }

            .chalets .item .title:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 2px;
                height: 100%;
                background-color: #fff;
            }

        .chalets .item .content {
            position: relative;
            display: flex;
            justify-content: flex-end;
            z-index: 2;
        }

        .chalets .item .content-home {
            position: relative;
            display: flex;
            justify-content: space-between;
            z-index: 2;
        }

        .chalets .item .content p {
            flex: 1;
            line-height: 20px;
            padding-bottom: 40px;
            color: #fff;
        }

        .chalets .item .content .capacity {
            font-family: 'Lora';
            position: absolute;
            left: 0px;
            bottom: 0px;
            font-size: 20px;
        }

        .chalets .item .chevron {
            display: flex;
            position: relative;
            align-items: center;
            width: 100px;
            height: 100px;
            margin-bottom: 85px;
            border: 2px solid #fff;
            border-radius: 50%;
        }

            .chalets .item .chevron:before {
                position: absolute;
                content: "";
                width: 101%;
                height: 101%;
                border-radius: 50%;
                background-color: #fff;
                transform: scale(0%);
            }

        .chalets .item:hover .chevron:before {
            transform: scale(101%);
            transition: all ease 0.5s;
        }

        .chalets .item .chevron:after {
            content: "";
            position: absolute;
            left: calc(50% - 2px);
            bottom: -85px;
            width: 2px;
            height: 85px;
            background-color: #fff;
        }

        .chalets .item .chevron img {
            height: 20px;
            margin: 0 auto;
            filter: invert(100%)
        }

        .chalets .item:hover .chevron img {
            filter: brightness(0) saturate(100%) invert(33%) sepia(6%) saturate(188%) hue-rotate(149deg) brightness(93%) contrast(97%);
            transition: all ease 0.2s;
        }

.chalet-lien {
    display: flex;
    gap: 40px;
}
/*#endregion */

/*#region Hotel - Hotel-liste-chambre */

#hotel-liste-chambre {
    position: absolute;
    top: -125px;
}

.hotel-liste-chambre {
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
    padding-bottom: 5%
}

    .hotel-liste-chambre .item {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 450px;
        width: calc(33.33% - 20px);
        padding: 0 40px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

        .hotel-liste-chambre .item:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            opacity: 0.5;
            z-index: 1;
            transition: all ease 1s;
        }

        .hotel-liste-chambre .item:hover:after {
            opacity: 0.8;
            transition: all ease 0.5s;
            background-color: rgba(0, 0, 0, 0.5);
        }

        .hotel-liste-chambre .item .title {
            position: relative;
            display: flex;
            flex-direction: column;
            padding-top: 50px;
            margin: auto;
            color: #fff;
            z-index: 2;
            transition: transform 1s ease
        }

        .hotel-liste-chambre .item:hover .title {
            transform: translateY(-20px);
        }

        .hotel-liste-chambre .item .title p {
            font-family: 'Lora';
        }

        .hotel-liste-chambre .item .content {
            position: relative;
            display: flex;
            align-items: flex-end;
            z-index: 2;
            justify-content: center;
        }

            .hotel-liste-chambre .item .content p {
                flex: 1;
            }

        .hotel-liste-chambre .item .chevron {
            display: flex;
            position: relative;
            align-items: center;
            width: 90px;
            height: 90px;
            margin-bottom: 80px;
            border: 2px solid #fff;
            border-radius: 50%;
            transition: transform 1s ease
        }

        .hotel-liste-chambre .item:hover .chevron {
            transform: translateY(20px);
        }

        .hotel-liste-chambre .item .chevron:before {
            position: absolute;
            content: "";
            width: 101%;
            height: 101%;
            border-radius: 50%;
            background-color: #fff;
            transform: scale(0%);
            transition: transform 1s ease
        }

        .hotel-liste-chambre .item:hover .chevron:before {
            transform: scale(101%);
            transition: all ease 0.5s;
        }

        .hotel-liste-chambre .item .chevron:after {
            content: "";
            position: absolute;
            left: calc(50% - 2px);
            bottom: -85px;
            width: 2px;
            height: 85px;
            background-color: #fff;
        }

        .hotel-liste-chambre .item .chevron img {
            height: 20px;
            margin: 0 auto;
            filter: invert(100%)
        }

        .hotel-liste-chambre .item:hover .chevron img {
            filter: brightness(0) saturate(100%) invert(33%) sepia(6%) saturate(188%) hue-rotate(149deg) brightness(93%) contrast(97%);
            transition: all ease 0.2s;
        }

/*#endregion*/

/*#region Fiche chambre - retour-liste */

.retour-liste {
    display: flex;
    gap: 15px;
    align-items: center;
    padding: 25px 180px 0 180px;
    color: #737779;
}

    .retour-liste img {
        height: 15px;
    }

    .retour-liste a {
        flex: 1;
    }
/*#endregion*/

/*#region Diaporama */

.diaporama-illustration {
    position: relative;
    max-width: 55%;
    width: 55%;
    height: 600px;
}

    .diaporama-illustration img.slide {
        position: absolute;
        top: 0;
        right: 0;
        height: 600px;
        width: 100%;
        object-fit: cover;
        opacity: 0;
    }

    .diaporama-illustration .diaporama-slides img.slide.active.opacity-1,
    .diaporama-illustration .diaporama-slides img.slide.opacity-1 {
        transition: opacity ease-out 1000ms;
        opacity: 1;
    }

    .diaporama-illustration .diaporama-slides img.slide.opacity-0 {
        transition: opacity ease-out 1000ms;
        opacity: 0;
    }

    .diaporama-illustration .dot {
        cursor: pointer;
        height: 15px;
        width: 15px;
        margin: 0 2px;
        border-radius: 50%;
        display: inline-block;
        transition: background-color 0.6s ease;
        border: 2px solid #fff;
        box-shadow: 2px 2px 2px rgba(0,0,0,.2);
    }

        .diaporama-illustration .active,
        .diaporama-illustration .dot:hover {
            background-color: #fff;
        }


    .diaporama-illustration > .diaporama-dots {
        display: flex;
        position: absolute;
        z-index: 10;
        right: 0;
        bottom: 0;
        left: 0;
        flex-direction: row;
        gap: 5px;
        justify-content: center;
        margin-bottom: 10px;
    }

/*#endregion*/

/*#region Carrousel*/

.carousel-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 1500px;
    margin: 0 auto;
}

.carousel-wrapper {
    overflow: hidden;
}

.carousel-track {
    display: flex;
    transition: transform 0.5s ease-in-out;
}

    .carousel-track .items {
        flex: 0 0 auto;
        width: calc(100% / 3); /* 3 images visibles */
        padding: 10px;
        box-sizing: border-box;
        max-height: 330px;
        overflow: hidden;
    }

        .carousel-track .items img {
            width: 100%;
            display: block;
            height: 100%;
            object-fit: cover;
            object-position: center;
        }

        .carousel-track .items:hover {
            cursor: pointer;
        }

.carousel-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
}

    .carousel-btn button {
        background: #fff;
        color: #737779;
        border: none;
        font-size: 80px;
        cursor: pointer;
        z-index: 10;
        padding: 0 10px;
        border-radius: 5px;
    }

        .carousel-btn button:hover {
            background: #fafafa;
            transition: all ease 0.3s;
        }

/*#endregion*/

/*#region services - service-list */

.service-list {
    position: relative;
    padding-bottom: 110px;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 25px;
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

    .service-list:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 325px;
        bottom: 0;
        left: 0;
        z-index: -1;
    }

    .service-list .item {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 450px;
        width: 30%;
        padding: 0 40px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

        .service-list .item:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 30%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 100%);
            opacity: 0.8;
            transition: all ease 1s;
            z-index: 1;
        }

        .service-list .item .title {
            position: relative;
            display: flex;
            flex-direction: row;
            gap: 25px;
            padding-top: 70px;
            padding-left: 15px;
            color: #fff;
            z-index: 2;
            align-items: flex-end;
            justify-content: space-between;
        }

            .service-list .item .title p {
                flex: 1;
                font-family: 'Lora';
            }

            .service-list .item .title img {
                width: 30%;
                max-width: 250px;
                border-radius: 5px;
            }

            .service-list .item .title:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 2px;
                height: 100%;
                background-color: #fff;
            }

        .service-list .item .content {
            position: relative;
            display: flex;
            align-items: flex-end;
            gap: 40px;
            z-index: 2;
        }

            .service-list .item .content p {
                flex: 1;
                line-height: 20px;
                padding-bottom: 40px;
                color: #fff;
                text-align: left;
            }


        .service-list .item .chevron {
            display: flex;
            position: relative;
            align-items: center;
            width: 100px;
            height: 100px;
            margin-bottom: 85px;
            border: 2px solid #fff;
            border-radius: 50%;
        }

            .service-list .item .chevron:before {
                position: absolute;
                content: "";
                width: 101%;
                height: 101%;
                border-radius: 50%;
                background-color: #fff;
                transform: scale(0%);
            }

        .service-list .item:hover .chevron:before {
            transform: scale(101%);
            transition: all ease 0.5s;
        }

        .service-list .item .chevron:after {
            content: "";
            position: absolute;
            left: calc(50% - 2px);
            bottom: -85px;
            width: 2px;
            height: 85px;
            background-color: #fff;
        }

        .service-list .item .chevron img {
            height: 20px;
            margin: 0 auto;
            filter: invert(100%)
        }

        .service-list .item:hover .chevron img {
            filter: brightness(0) saturate(100%) invert(33%) sepia(6%) saturate(188%) hue-rotate(149deg) brightness(93%) contrast(97%);
            transition: all ease 0.2s;
        }

/*#endregion*/

/*#region menu accordéon */

.accordion {
    padding-bottom: 15px;
}

.accordion-header {
    padding: 15px 40px 15px 15px;
    cursor: pointer;
    position: relative;
    background: #fff;
    border-bottom: 1px solid #ccc;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
    color: #737779;
    opacity: 0.75;
}

    .accordion-header:hover,
    .accordion-header.active,
    .accordion-header.active .accordion-content {
        color: #4e5152;
        opacity: 1;
    }

.header-icon {
    display: flex;
    align-items: center;
    gap: 30px;
}

.fly {
    width: 50px;
    height: 50px;
    background-image: url('/images/ico/fly.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease;
}

.car {
    width: 50px;
    height: 50px;
    background-image: url('/images/ico/car.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease;
}

.train {
    width: 50px;
    height: 50px;
    background-image: url('/images/ico/train.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: background-image 0.3s ease;
}

.plus {
    width: 40px;
    height: 40px;
    background-image: url('/images/ico/plus.svg');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}

.accordion-header:hover .fly,
.accordion-header.active .fly {
    background-image: url('/images/ico/fly-grey.svg');
}

.accordion-header:hover .car,
.accordion-header.active .car {
    background-image: url('/images/ico/car-grey.svg');
}

.accordion-header:hover .train,
.accordion-header.active .train {
    background-image: url('/images/ico/train-grey.svg');
}

.accordion-header:hover .plus {
    background-image: url('/images/ico/plus-grey.svg');
    transform: rotate(0deg);
}

.accordion-header.active .plus {
    background-image: url('/images/ico/plus-grey.svg');
    transform: rotate(45deg);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease;
    background: #fff;
    border-left: 1px solid #ccc;
}

.accordion-inner {
    padding: 30px;
}

/*#endregion*/

/*#region fleur des alpes*/

.link-reservit {
    display: flex;
    flex-direction: column;
    width: fit-content;
    gap: 30px;
}

.appartement {
    gap: 25px;
    padding: 0;
    padding-bottom: 20px;
}

    .appartement.fleur-des-alpes {
        background-color: #fff;
    }

    .appartement.fleur-des-alpes-2 {
        background-color: #fff;
    }

        .appartement.fleur-des-alpes-2 .item {
            height: 600px;
            width: 100%;
        }

    .appartement .item {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        height: calc(100vh - 100px);
        width: calc(33.33% - 8.33px);
        padding: 0 40px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
    }

        .appartement .item:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-image: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0.3) 30%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 100%);
            opacity: 0.5;
            transition: all ease 1s;
            z-index: 1;
        }

        /*    .appartement .item:hover:after {
        background-image: linear-gradient(0deg, rgba(181,39,55,1) 0%, rgba(181,39,55,0.6) 30%, rgba(255,255,255,0) 50%, rgba(0,0,0,0.4) 70%, rgba(0,0,0,1) 100%);
        opacity: 0.8;
        transition: all ease 2s;
    }*/

        .appartement .item .title {
            position: relative;
            display: flex;
            flex-direction: column;
            padding-top: 15px;
            padding-left: 15px;
            color: #fff;
            z-index: 2;
        }

            .appartement .item .title h2 {
                font-size: 30px;
                padding-bottom: 5px;
                line-height: normal;
            }

            .appartement .item .title p {
                font-family: 'Lora';
                font-size: 20px;
                line-height: normal;
                padding-bottom: 25px;
            }

            .appartement .item .title:before {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 2px;
                height: 100%;
                background-color: #fff;
            }

        .appartement .item .content {
            position: relative;
            display: flex;
            justify-content: flex-end;
            z-index: 2;
        }

        .appartement .item .content-home {
            position: relative;
            display: flex;
            justify-content: space-between;
            z-index: 2;
            align-items: flex-end;
        }

        .appartement .item .content p {
            flex: 1;
            line-height: 20px;
            padding-bottom: 40px;
            color: #fff;
        }

        .appartement .item .content .capacity {
            font-family: 'Lora';
            position: absolute;
            left: 0px;
            bottom: 0px;
            font-size: 20px;
        }

        .appartement .item .chevron {
            display: flex;
            position: relative;
            align-items: center;
            width: 100px;
            height: 100px;
            margin-bottom: 85px;
            border: 2px solid #fff;
            border-radius: 50%;
        }

            .appartement .item .chevron:before {
                position: absolute;
                content: "";
                width: 101%;
                height: 101%;
                border-radius: 50%;
                background-color: #fff;
                transform: scale(0%);
            }

        .appartement .item:hover .chevron:before {
            transform: scale(101%);
            transition: all ease 0.5s;
        }

        .appartement .item .chevron:after {
            content: "";
            position: absolute;
            left: calc(50% - 2px);
            bottom: -85px;
            width: 2px;
            height: 85px;
            background-color: #fff;
        }

        .appartement .item .chevron img {
            height: 20px;
            margin: 0 auto;
            filter: invert(100%)
        }

        .appartement .item:hover .chevron img {
            filter: brightness(0) saturate(100%) invert(33%) sepia(6%) saturate(188%) hue-rotate(149deg) brightness(93%) contrast(97%);
            transition: all ease 0.2s;
        }

.chalet-lien {
    display: flex;
    gap: 40px;
}

.equipement-fleur {
    display: grid;
    grid-template-columns: 100%;
    grid-gap: 2%;
    width: 32%;
    margin-top: 10px;
}

.equipement {
    display: grid;
    grid-template-columns: 32% 32% 32%;
    grid-gap: 2%;
    width: 100%;
    margin-top: 10px;
}

    .equipement .item,
    .equipement-fleur .item {
        background-color: #fafafa;
        padding: 20px;
    }

/*#endregion fleur des alpes*/

/*#region video index page*/

.video {
    position: absolute;
    width: 100%;
    height: 100vh;
    object-fit: cover;
}

/*#endregion video index page*/

/*#region Footer*/

footer {
    display: flex;
    flex-direction: column;
    padding: 0 180px;
}

    footer hr {
        width: 100%;
        border-top: 1px solid #737779;
        opacity: 0.5;
    }

.footerTop {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
    align-items: center;
    padding: 30px 0px 30px 0px;
}

    .footerTop .wrapper {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-around;
        gap: 20px;
    }

        .footerTop .wrapper .reseaux {
            display: flex;
            justify-content: space-between;
        }

            .footerTop .wrapper .reseaux a {
                position: relative;
                height: 50px;
                width: 50px;
                background-size: cover;
                background-repeat: no-repeat;
                background-position: center;
                opacity: 1;
            }


                .footerTop .wrapper .reseaux a:before {
                    content: "";
                    position: absolute;
                    height: 50px;
                    width: 50px;
                    border-radius: 50%;
                    background-color: #737779;
                    opacity: 0.25;
                    transform: scale(0);
                    transition: all ease 0.3s;
                    z-index: -1;
                }


                .footerTop .wrapper .reseaux a:hover {
                    opacity: 1;
                    transition: all ease 0.3s;
                }

                    .footerTop .wrapper .reseaux a:hover:before {
                        transform: scale(100%);
                        transition: all ease 0.3s;
                    }

                .footerTop .wrapper .reseaux a.email {
                    background-size: 25px;
                    background-image: url(/images/ico/email-black.svg)
                }

                .footerTop .wrapper .reseaux a.facebook {
                    background-size: 25px;
                    background-image: url(/images/ico/facebook-black.svg)
                }

                .footerTop .wrapper .reseaux a.instagram {
                    background-size: 25px;
                    background-image: url(/images/ico/instagram-black.svg)
                }


        .footerTop .wrapper .logo {
            display: flex;
            flex-direction: column;
            gap: 30px;
        }

            .footerTop .wrapper .logo .alpina-logo {
                background-image: url('/images/logo/logo-alpina-grey.svg');
                width: 115px;
                height: 90px;
                background-repeat: no-repeat;
                background-size: contain;
            }

        .footerTop .wrapper .contact {
            display: flex;
            flex-direction: column;
            line-height: 25px;
        }

            .footerTop .wrapper .contact a:hover {
                text-decoration: underline;
                color: #4e5152;
            }


        .footerTop .wrapper > div img {
            width: 115px;
        }

        .footerTop .wrapper > div .langue {
            display: flex;
            gap: 20px;
            width: 115px;
            justify-content: center;
        }

            .footerTop .wrapper > div .langue a {
                position: relative;
                text-transform: uppercase;
                font-family: 'QuattrocentoSans-Bold';
                color: #737779;
                transition: all ease 0.2s;
            }

                .footerTop .wrapper > div .langue a:first-child:after {
                    position: absolute;
                    content: "";
                    top: 0;
                    right: -10px;
                    width: 1px;
                    height: 100%;
                    background-color: #737779;
                }

                .footerTop .wrapper > div .langue a.active {
                    color: #4e5152;
                }

                .footerTop .wrapper > div .langue a:hover {
                    color: #737779;
                    text-decoration: underline;
                    transition: all ease 0.2s;
                }

        .footerTop .wrapper > p {
            text-transform: uppercase;
            font-family: 'QuattrocentoSans-Bold';
        }

            .footerTop .wrapper > p a {
                position: relative;
                color: #737779;
                padding-bottom: 1px;
            }

                .footerTop .wrapper > p a:after {
                    content: "";
                    position: absolute;
                    bottom: 0px;
                    left: 0;
                    width: 0;
                    height: 1px;
                    background-color: #737779;
                    transition: all ease 0.1s;
                }

                .footerTop .wrapper > p a:hover:after {
                    width: 100%;
                    transition: all ease 0.3s;
                }

.footerBottom {
    display: flex;
    justify-content: space-between;
    padding: 30px 0px;
}

    .footerBottom a {
        font-family: 'QuattrocentoSans';
        color: #737779;
        text-transform: uppercase
    }

        .footerBottom a:hover {
            color: #4e5152;
        }

/*#endregion*/

/*#region Visite*/

div #container-visite {
    height: 100vh;
    min-height: 100%;
    width: 100%;
    margin: 0 auto;
}

div#tourDIV {
    height: calc(100vh - 50px);
}

div#panoDIV {
    height: 100%;
    position: relative;
    overflow: hidden;
    user-select: none;
}

.langue-visit {
    position: absolute;
    top: 40px;
    right: 30px;
    display: flex;
    width: 115px;
    justify-content: center;
    gap: 20px;
}


    .langue-visit a {
        position: relative;
        text-transform: uppercase;
        font-family: 'QuattrocentoSans-Bold';
        color: #4e5152;
        transition: all ease 0.2s;
    }

        .langue-visit a:first-child:after {
            position: absolute;
            content: "";
            top: 0;
            right: -10px;
            width: 1px;
            height: 100%;
            background-color: #4e5152;
        }

        .langue-visit a.active {
            color: #737779;
        }

        .langue-visit a:hover {
            color: #737779;
            text-decoration: underline;
            transition: all ease 0.2s;
        }


.informations {
    color: #ffffff;
}

    .informations a {
        color: #ffffff;
    }

.footer-visite {
    display: flex;
    height: 50px;
    padding-left: 25px;
}

    .footer-visite p {
        margin-bottom: -3px;
        margin-top: 0;
    }

    .footer-visite > .retour-liste {
        padding: unset;
    }

/*#endregion*/

/*#region error page*/

.error-page {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    max-width: 1280px;
    width: 100%;
    margin: auto;
    height: 100vh;
}

    .error-page > .logo {
        max-width: 40%;
    }

    .error-page > .text {
        margin-top: 80px;
        margin-bottom: 130px;
        font-size: 50px;
    }

    .error-page > .link {
        text-decoration: underline;
        font-size: 35px;
    }

/*#endregion error page*/

@media screen and (max-width: 1255px) {

    /*#region Généralités*/

    body {
        font-size: 15px;
    }

    h1 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 10px;
    }

    h2 {
        font-size: 20px;
        line-height: 20px;
    }

    .negative-mt-55 {
        margin-top: -40px;
    }

    .negative-mt-110 {
        margin-top: -40px;
    }

    .negative-margin-top {
        margin-top: -40px;
    }

    .pt-65 {
        padding-top: 40px;
    }

    .pb-65 {
        padding-bottom: 40px;
    }

    .pb-110 {
        padding-bottom: 40px;
    }

    .ptb-110 {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    /*#endregion Généralités*/

    /*#region Général - boutons */

    .btn.large {
        font-size: 30px;
        line-height: 30px;
    }

    /*#endregion Général - boutons */

    /*#region Général - Gallery*/

    .gallery {
        padding: 0 40px 40px 40px;
    }

        .gallery .items {
            height: 300px;
        }

        .gallery .items .title {
            padding-left: 45px;
        }

            .gallery .items .title p {
                font-size: 17px;
            }

            .gallery .items .title:before {
                left: 30px;
            }

    .overlay .viewer {
        height: 60vh;
        padding: 0;
    }

        .overlay .viewer .prev,
        .overlay .viewer .next {
            top: calc(50% - 30px);
        }

        .overlay .viewer .prev {
            margin-left: 0;
            left: -45px;
        }

        .overlay .viewer .next {
            margin-right: 0;
            right: -45px;
        }

    /*#endregion Général - Gallery*/

    /*#region Général - Picto-list */

    div[class^='picto-list'] {
        padding: 5% 0;
    }

        div[class^='picto-list'] .item {
            width: calc(50% - 15px);
        }

    div[class^='picto-bed'] .item {
        width: 25%;
        gap: 10px;
    }

    /*#endregion Général - Picto-list */

    /*#region Header*/

    header.scrolled {
        padding: 15px;
    }

        header .navigation .button,
        header.scrolled .navigation .button {
            top: 30px;
        }

            header .navigation .button:after {
                top: calc(50% - 5px);
                padding-left: 50px;
                font-size: 15px;
                line-height: 15px;
            }

    header .navigation .menu-holder .menu {
        height: 100vh;
        gap: 25px;
        width: 55%;
        min-width: 400px;
        padding: 50px;
        background-size: 100px;
    }

        header .navigation .menu-holder .menu .langue {
            top: 31px;
            right: 10px;
        }

        header .navigation .menu-holder .menu .logo {
            height: 75px;
            margin-bottom: 30px;
        }

        header .navigation .menu-holder .menu .menu-item {
            font-size: 18px;
        }

            header .navigation .menu-holder .menu .menu-item:after {
                top: 0;
            }

            header .navigation .menu-holder .menu .menu-item.active:after,
            header .navigation .menu-holder .menu .menu-item:hover:after {
                width: 10px;
                height: 10px;
            }

        header .navigation .menu-holder .menu .mentions {
            right: 35px;
            font-size: 14px;
            text-align: right;
        }

    header .navigation .menu-holder .illustrationIndex {
        width: 100%;
        height: 100vh;
    }

    header .logo-holder {
        width: 40%;
        height: 100px;
    }

        header .logo-holder .logo {
            height: 100px;
            margin: 0 auto;
        }

    header.scrolled .logo-holder {
        height: 40px;
    }

        header.scrolled .logo-holder .logo {
            width: auto;
            height: 40px;
        }

    header .action {
        top: 30px;
    }

        header .action span:first-child:after {
            height: 30px;
            top: calc(50% - 15px);
        }

    /*#endregion Header - Menu overlay*/

    /*#region Header - Header bottom*/

    .header-bottom {
        margin-top: -180px;
    }

        .header-bottom .reseaux {
            gap: 30px;
            padding: 0px 0px 20px 40px;
        }

            .header-bottom .reseaux a {
                height: 35px;
                width: 35px;
            }

                .header-bottom .reseaux a:before {
                    height: 40px;
                    width: 40px;
                    top: calc(50% - 20px);
                    left: calc(50% - 20px);
                }

                .header-bottom .reseaux a.email {
                    background-size: 20px;
                    background-image: url(/images/ico/email-white.svg)
                }

                .header-bottom .reseaux a.facebook {
                    background-size: 20px;
                    background-image: url(/images/ico/facebook-white.svg)
                }

                .header-bottom .reseaux a.instagram {
                    background-size: 20px;
                    background-image: url(/images/ico/instagram-white.svg)
                }

        .header-bottom .widget {
            padding: 0px 20px 20px 0px;
        }

            .header-bottom .widget img {
                width: 120px;
            }

        .header-bottom .scroll-indication {
            height: 30px;
        }

            .header-bottom .scroll-indication:after {
                left: calc(50% - 12.5px);
                width: 30px;
                height: 30px;
                border-radius: 2px;
            }

            .header-bottom .scroll-indication img {
                left: calc(50% - 5.5px);
            }


        .header-bottom .title p {
            width: 250px;
        }

    /*#endregion Header - Header bottom*/

    /*#region Sections */

    img.illustration.portrait {
        width: 43%;
        margin-left: 6%;
        margin-right: 6%;
    }

    section.left-content > .content + img.illustration.portrait {
        margin-right: 5%;
        margin-left: 5%;
    }

    section > .content {
        padding-top: 15px;
    }

    /*#endregion Sections */

    /*#region Section - Section image large size */
    section[class^='large-size'] {
        height: 450px;
        width: calc(100% - 40px);
    }

    img.large-size {
        width: 100%;
    }

    img [class^='large-size'] {
        height: 380px;
        width: 80%;
    }

    section[class^='large-size']:before {
        height: 10px;
        top: -10px;
    }

    /*#endregion Section - Section image large size */

    /*#region Section - Section image full size */

    section.full-size {
        height: 150px;
    }

    /*#endregion Section - Section image full size */

    /*#region Section - Section title-center */

    section.title-center {
        padding: 40px 10%;
    }

        section.title-center h1 {
            max-width: 600px;
        }

    .content-center {
        gap: 55px;
    }

    /*#endregion Section - Section title-center */

    /*#region Section - Section title-flex-center */

    section.title-flex-center {
        gap: 100px;
        padding: 40px;
    }

        section.title-flex-center h1 {
            width: 40%;
            max-width: 40%;
        }

        section.title-flex-center p {
            width: 60%;
            max-width: 60%;
        }

    /*#endregion Section - Section title-flex-center */

    /*#region Section - simple-content */

    section.simple-content {
        gap: 25px;
        padding: 40px 0;
    }

        section.simple-content .lien {
            padding: 20px 0;
        }

    /*#endregion Section - Simple-content */

    /*#region Accueil - Illustrations */

    .logo .content {
        background-size: 45px;
        background-position: bottom 20px right;
    }

    .spa .content {
        background-size: 75px;
        background-position: bottom 0 right 40px;
    }

    /*#endregion Accueil - Illustrations */

    /*#region Accueil - Chalets */

    .chalets {
        flex-wrap: wrap;
        padding: 40px 0;
        gap: 40px;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

        .chalets.liste-adelphine-5-6 {
            padding-top: 0;
        }

        .chalets.liste-adelphine {
            margin-top: -25px;
        }


        .chalets.liste-adelphine-5-6 .item,
        .chalets .item {
            height: 400px;
            width: 100%;
        }

            .chalets .item .title {
                padding-top: 75px;
            }

            .chalets .item .chevron {
                width: 75px;
                height: 75px;
                margin-bottom: 75px;
            }

                .chalets .item .chevron:after {
                    height: 75px;
                    bottom: -75px;
                }

                .chalets .item .chevron img {
                    height: 15px;
                }

    /*#endregion Accueil - Illustrations */

    /*#region Hotel - Hotel-liste-chambre */

    .hotel-liste-chambre {
        gap: 25px;
        background-size: 110px;
        background-position: bottom 40px right 40px
    }

        .hotel-liste-chambre .item {
            height: 250px;
        }

            .hotel-liste-chambre .item .title {
                padding-top: 30px;
                padding-left: 0px;
            }

                .hotel-liste-chambre .item .title:before {
                    left: -20px;
                }

            .hotel-liste-chambre .item .chevron {
                width: 50px;
                height: 50px;
                margin-bottom: 35px;
            }

                .hotel-liste-chambre .item .chevron:after {
                    height: 75px;
                    bottom: -75px;
                }

                .hotel-liste-chambre .item .chevron img {
                    height: 15px;
                }

    /*#endregion Hotel - Hotel-chambre-liste */

    /*#region Fiche chambre - retour-liste */

    .retour-liste {
        padding: 25px 40px 0 40px;
    }

        .retour-liste img {
            height: 10px;
        }

    /*#endregion Hotel - hotel-suites */

    /*#region Fiche chambre / chalet - suggestion-item */

    .suggestion-item .item-holder {
        gap: 25px;
        padding: 0 40px;
    }

    .suggestion-item.chalet .item-holder {
        flex-wrap: wrap;
        gap: 40px;
        padding: 40px;
        padding-top: 0;
    }

    .suggestion-item .item-holder .item {
        height: 350px;
    }

    .suggestion-item.chalet .item-holder .item,
    .suggestion-item.chambre .item-holder .item {
        width: calc(50% - 20px);
    }

    .suggestion-item .item-holder .item .title {
        padding-top: 75px;
    }

    .suggestion-item .item-holder .item .chevron {
        width: 75px;
        height: 75px;
        margin-bottom: 75px;
    }

        .suggestion-item .item-holder .item .chevron:after {
            height: 75px;
            bottom: -75px;
        }

        .suggestion-item .item-holder .item .chevron img {
            height: 15px;
        }

    .prestations {
        padding-left: 40px;
        margin-bottom: 20px;
    }

    /*#endregion Fiche chambre - suggestion chambre */

    /*#region Diaporama */

    .diaporama-illustration {
        height: 500px;
    }

        .diaporama-illustration img.slide {
            height: 500px;
        }

    /*#endregion*/

    /*#region Carrousel*/

    .carousel-track .items {
        width: calc(100% / 2); /* 2 images visibles sur mobile */
    }

    /*#endregion */

    /*#region fleur des alpes */

    .appartement {
        flex-wrap: wrap;
        padding: 40px 0;
        gap: 40px;
        width: 90%;
        margin-left: 5%;
        margin-right: 5%;
    }

        .appartement.fleur-des-alpes-2 {
            padding-top: 0;
        }

        .appartement.fleur-des-alpes {
            margin-top: -25px;
        }


        .appartement.fleur-des-alpes-2 .item,
        .appartement .item {
            height: 400px;
            width: 100%;
        }

            .appartement .item .title {
                padding-top: 75px;
            }

            .appartement .item .chevron {
                width: 75px;
                height: 75px;
                margin-bottom: 75px;
            }

                .appartement .item .chevron:after {
                    height: 75px;
                    bottom: -75px;
                }

                .appartement .item .chevron img {
                    height: 15px;
                }

    /*#endregion Accueil - Illustrations */

    /*#region services - service-list */

    .service-list {
        padding-bottom: 40px;
        flex-direction: column;
    }

        .service-list .item {
            height: 350px;
            width: 100%;
        }

            .service-list .item .title img {
                width: 19%
            }

            .service-list .item .title {
                padding-top: 75px;
            }

            .service-list .item .chevron {
                width: 75px;
                height: 75px;
                margin-bottom: 75px;
            }

                .service-list .item .chevron:after {
                    bottom: -75px;
                    height: 75px;
                }

                .service-list .item .chevron img {
                    height: 15px;
                }

    /*#endregion services - service-list */

    /*#region Footer*/

    footer {
        height: auto;
        flex-wrap: wrap;
        padding: 40px;
    }

        footer > p {
            width: 33.33%;
        }

        footer > div {
            width: 100%;
            gap: 25px;
            align-items: center;
            padding-bottom: 25px;
        }

            footer > div img {
                width: 75px;
            }

        footer > p {
            text-transform: uppercase;
            font-family: 'QuattrocentoSans-Bold';
            text-align: center;
        }

            footer > p a {
                display: block;
                width: fit-content;
                margin: 10px auto 0 auto;
            }

    .footerTop {
        flex-direction: column;
    }

        .footerTop .wrapper {
            justify-content: space-evenly;
        }

    /*#endregion Footer*/

}

@media screen and (max-width: 780px) {

    /*#region Généralités*/

    body {
        font-size: 14px;
    }

    p {
        margin: 5px 0 5px 0;
    }

    h1 {
        font-size: 25px;
        line-height: 25px;
    }

    h2 {
        font-size: 18px;
        line-height: 18px;
    }

    h3 {
        font-size: 18px;
        line-height: 20px;
        margin: 10px 0 0 0
    }

    .mb-55 {
        margin-bottom: 0
    }

    .pt-65 {
        padding-top: 0;
    }

    .ptb-65 {
        padding-top: 0;
    }

    .ptb-110 {
        padding-top: 0;
    }

    /*#endregion Généralités*/

    /*#region Général - boutons */

    .btn.large {
        font-size: 25px;
        line-height: 25px;
    }

    .icon-lien h3 {
        margin-top: 0;
    }
    /*#endregion Général - boutons */

    /*#region Général - Gallery*/

    .gallery {
        flex-direction: row;
        margin: 0 5%;
        padding: 0;
        gap:10px;
    }

        .gallery .items {
            width: calc(50% - 5px);
            height: 25vh;
        }

            .gallery .items .title {
                padding-top: 40px;
                padding-left: 30px;
            }

                .gallery .items .title p {
                    font-size: 15px;
                }

                .gallery .items .title:before {
                    left: 20px;
                    height: 85%
                }

    /*#endregion Général - Gallery*/

    /*#region Général - Picto-list */

    div[class^='picto-list'] {
        gap: 20px;
    }

        div[class^='picto-list'] .item {
            width: 30%;
        }

    div[class^='picto-bed'] {
        flex-direction: column;
    }

        div[class^='picto-bed'] .item {
            width: auto;
            gap: 10px;
        }

    /*#endregion Général - Picto-list */

    /*#region Général mobile - menu-bis-mobile */

    .menu-bis-mobile {
        position: fixed;
        display: flex;
        bottom: 0;
        width: 100vw;
        padding: 10px 20px;
        align-items: center;
        justify-content: space-between;
        background: #4e5152;
        z-index: 3;
    }

        .menu-bis-mobile a {
            color: #fff;
        }

        .menu-bis-mobile .langue,
        .menu-bis-mobile .action {
            display: flex;
            gap: 20px;
        }

            .menu-bis-mobile .langue a {
                position: relative;
            }

                .menu-bis-mobile .langue a.active {
                    font-family: 'QuattrocentoSans-Bold';
                    text-decoration: underline;
                }

                .menu-bis-mobile .langue a:first-child:after {
                    position: absolute;
                    content: "";
                    top: 0;
                    right: -11px;
                    width: 1px;
                    height: 100%;
                    background-color: #fff;
                }

            .menu-bis-mobile .action a {
                display: block;
                width: 20px;
                height: 20px;
                background-repeat: no-repeat;
                background-size: 100% auto;
            }

                .menu-bis-mobile .action a.phone {
                    background-image: url(/images/ico/phone-white.svg);
                }

                .menu-bis-mobile .action a.mail {
                    background-image: url(/images/ico/email-white.svg);
                }


    /*#endregion Général mobile - menu-bis-mobile */


    /*#endregion Général - Gallery*/

    /*#region Header*/

    header {
        align-items: center;
        background: transparent;
    }

        header .navigation {
            width: 10%;
            height: auto;
        }

            header .navigation .button,
            header.scrolled .navigation .button {
                top: 18px;
                left: 15px;
            }

                header .navigation .button .icon,
                header .navigation .button .icon::before,
                header .navigation .button .icon::after {
                    background-color: #FFF;
                }

                header .navigation .button:after {
                    content: "";
                    padding-left: 0;
                }

            header .navigation .checkbox:checked + .button:after {
                padding-left: 50px;
            }

            header .navigation .menu-holder {
                flex-direction: column;
            }

                header .navigation .menu-holder .menu {
                    height: 60vh;
                    width: 100%;
                    min-width: 362px;
                    padding: 40px;
                    background-size: 55px;
                    background-position: bottom 40px right 55px;
                }

                    header .navigation .menu-holder .menu .langue {
                        top: 17px;
                        right: 0px;
                    }

                    header .navigation .menu-holder .menu .logo {
                        display: none;
                    }

                    header .navigation .menu-holder .menu .menu-item {
                        font-size: 20px;
                        color: #4e5152;
                    }

                    header .navigation .menu-holder .menu .mentions {
                        bottom: 15px;
                        font-size: 15px;
                    }

                header .navigation .menu-holder .illustrationIndex {
                    display: none;
                }

        header .logo-holder {
            width: 100%;
            height: 20px;
        }

        header.scrolled .logo-holder {
            height: 20px;
        }

        header .logo-holder .logo {
            position: absolute;
            top: 80px;
            left: calc(50% - 55px);
            right: calc(50% - 55px);
        }

            header .logo-holder .logo .whiteLogo {
                height: 90px;
            }

        header.scrolled .logo-holder .logo .whiteLogo {
            height: 90px;
        }

        header.scrolled .logo-holder .logo .greyLogo {
            top: -75px;
            right: 110px;
            height: 35px;
        }

        header .logo-holder .logo .greyLogo {
            position: absolute;
            top: -75px;
            right: 140px;
            height: 35px;
        }

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

        100% {
            height: 50px;
            opacity: 0;
            display: none;
        }
    }

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

        100% {
            height: 35px;
            opacity: 1;
        }
    }

    header.scrolled .logo-holder .logo {
        /*position: absolute;*/
        /*display: block;*/
        /*width: 100%;
        height: 40px;*/
        /*            width: 40px;
            height: 40px;
            background-size: 100% auto;
            background-position: left center;
            transition: all 0.5s ease-in-out;*/
    }
    /*
            header.scrolled .logo-holder .logo a {
                margin-left: auto;
            }*/

    header .action {
        gap: 30px;
        top: 10px;
        right: 15px;
    }

        header .action span:first-child:after {
            width: 2px;
            height: 25px;
            right: -16px;
            top: calc(50% - 12.5px);
        }

    /*#endregion Header - Menu overlay*/

    /*#region Header - Header bottom*/

    .header-bottom {
        max-height: 350px;
        margin-top: -94px;
    }

        .header-bottom .widget {
            padding: 0px 10px 10px 0px;
        }

            .header-bottom .widget img {
                width: 80px;
                right: 10px;
                bottom: 10px;
            }

        .header-bottom .diaporama-controle {
            padding: 20px;
            top: calc(50% - 15px);
        }

        .header-bottom .diaporama-holder .imageSlides {
            min-height: 350px;
        }

        .header-bottom .reseaux {
            gap: 10px;
            padding: 0px 0px 10px 10px;
        }

        .header-bottom .scroll-indication {
            position: relative;
        }

            .header-bottom .scroll-indication:after,
            .header-bottom .scroll-indication img {
                display: none;
            }

        .header-bottom .title {
            padding-bottom: 25px
        }

            .header-bottom .title p {
                width: 180px;
            }

    /*#endregion Header - Header bottom*/

    /*#region Sections */

    section {
        flex-direction: column;
    }

    img.illustration {
        width: 90%;
        min-height: 180px;
        margin: 0px auto;
    }

        img.illustration.portrait {
            width: 90%;
            margin-left: 5%;
            margin-right: 5%;
        }

    section.right-content > img.illustration.portrait {
        margin-left: 5%;
    }

        section.right-content > img.illustration.portrait + .content {
            width: 90%;
            margin-right: 5%;
            margin-left: 5%;
        }

    section.right-content {
        flex-direction: column-reverse;
    }

        section > .content,
        section.right-content > .content {
            width: 90%;
            margin-right: 5%;
            margin-left: 5%;
            padding: 5% 0;
        }

    /*#endregion Sections */

    /*#region Section - Section image large size */

    section[class^='large-size'] {
        width: 100%;
    }

    img[class^='large-size'] {
        width: 90%;
        margin: 20px 5%;
        height: auto;
    }


    /*#endregion Section - Section image large size */

    /*#region Section - Section image full size */

    section.full-size {
        height: 100px;
    }

    /*#endregion Section - Section image full size */

    /*#region Section - Section image double */

    section.double-image {
        display: flex;
        gap: 20px;
        padding-top: 20px
    }

        section.double-image img {
            width: 90%;
            min-height: 180px;
            margin: 0px auto;
        }

    /*#endregion*/

    /*#region Section - Section title-center */

    section.title-center {
        margin-left: 5%;
        margin-right: 5%;
        padding: 5% 0;
    }

        section.title-center h1 {
            max-width: 500px;
        }

    .content-center {
        gap: 0;
        flex-direction: column;
    }

    /*#endregion Section - Section title-center */

    /*#region Section - Section title-flex-center */

    section.title-flex-center {
        gap: 20px;
        padding: 40px;
    }

        section.title-flex-center h1 {
            width: 100%;
            max-width: 100%;
        }

        section.title-flex-center p {
            width: 100%;
            max-width: 100%;
        }

    /*#endregion Section - Section title-flex-center */

    /*#region Section - simple-content */

    section.simple-content {
        gap: 20px;
    }

    /*#endregion Section - Simple-content */

    /*#region Accueil - Illustrations */
    .logo .content {
        background-size: 55px;
        background-position: bottom 20px right 6px;
    }

    .spa .content {
        background-size: 75px;
        background-position: bottom 40px right 40px;
    }

    /*#endregion Accueil - Illustrations */

    /*#region Accueil - Chalets */

    .chalets {
        gap: 20px;
        padding-bottom: 0;
    }

        .chalets.liste-adelphine-5-6 {
            padding-top: 20px;
            padding-bottom: 70px;
        }

        .chalets.liste-adelphine {
            margin-top: -25px;
        }


        .chalets.liste-adelphine-5-6 .item,
        .chalets .item {
            height: 400px;
            width: 100%;
        }

            .chalets .item .title {
                gap: 5px;
                padding-top: 40px;
            }

                .chalets .item .title h2 {
                    font-size: 20px;
                }

                .chalets .item .title p {
                    font-size: 16px;
                }

            .chalets .item .content {
                gap: 20px;
            }

                .chalets .item .content p {
                    line-height: 14px;
                    padding-bottom: 20px;
                    font-size: 17px;
                }

                .chalets .item .content h2 {
                    font-size: 25px;
                }

            .chalets .item .chevron {
                width: 50px;
                height: 50px;
                margin-bottom: 50px;
            }

                .chalets .item .chevron:after {
                    height: 50px;
                    bottom: -50px;
                }

                .chalets .item .chevron img {
                    height: 12px;
                }


    .chalet-lien {
        flex-direction: column;
        width: auto;
        gap: 0;
        align-items: flex-start;
    }

    /*#endregion Accueil - Illustrations */

    /*#region Hotel - Hotel-liste-chambre */

    .hotel-liste-chambre {
        gap: 20px;
        background-size: 0;
        padding-bottom: 10%
    }

        .hotel-liste-chambre .item {
            height: 300px;
            width: 100%;
        }

            .hotel-liste-chambre .item .title {
                gap: 5px;
                padding-top: 40px;
            }

            .hotel-liste-chambre .item .chevron {
                width: 50px;
                height: 50px;
                margin-bottom: 45px;
            }

                .hotel-liste-chambre .item .chevron:after {
                    height: 50px;
                    bottom: -50px;
                }

                .hotel-liste-chambre .item .chevron img {
                    height: 12px;
                }

    /*#endregion Hotel - Hotel-chambre-liste */

    /*#region Fiche chambre - retour-liste */

    .retour-liste {
        padding: 20px 40px 0 40px;
    }

        .retour-liste img {
            height: 10px;
        }

    /*#endregion Hotel - hotel-suites */

    /*#region Diaporama*/

    .diaporama-illustration {
        max-width: 90%;
        width: 90%;
        height: 500px;
        margin: auto;
    }


    /*#endregion*/

    /*#region Carrousel*/


    .carousel-track .items {
        width: 100%; /* 1 image visible sur mobile */
    }

    /*#endregion */

    /*#region Fleur des alpes*/


    .appartement {
        gap: 20px;
        padding-bottom: 0;
    }

        .appartement.fleur-des-alpes-2 {
            padding-top: 20px;
            padding-bottom: 70px;
        }

        .appartement.fleur-des-alpes {
            margin-top: -25px;
        }


        .appartement.fleur-des-alpes-2 .item,
        .appartement .item {
            height: 400px;
            width: 100%;
        }

            .appartement .item .title {
                gap: 5px;
                padding-top: 40px;
            }

                .appartement .item .title h2 {
                    font-size: 20px;
                }

                .appartement .item .title p {
                    font-size: 16px;
                }

            .appartement .item .content {
                gap: 20px;
            }

                .appartement .item .content p {
                    line-height: 14px;
                    padding-bottom: 20px;
                    font-size: 17px;
                }

                .appartement .item .content h2 {
                    font-size: 25px;
                }

            .appartement .item .chevron {
                width: 50px;
                height: 50px;
                margin-bottom: 50px;
            }

                .appartement .item .chevron:after {
                    height: 50px;
                    bottom: -50px;
                }

                .appartement .item .chevron img {
                    height: 12px;
                }

    .equipement {
        display: grid;
        grid-template-columns: 100%;
        grid-gap: 2%;
        width: 100%;
    }

    /*#endregion*/

    /*#region services - service-list */


    .service-list {
        padding-bottom: 0px;
    }

        .service-list .item {
            height: 320px;
        }

            .service-list .item .title img {
                width: 30%
            }

            .service-list .item .title {
                gap: 5px;
                padding-top: 20px;
            }

            .service-list .item .chevron {
                width: 40px;
                height: 40px;
                margin-bottom: 20px;
            }

                .service-list .item .chevron:after {
                    bottom: -40px;
                    height: 40px;
                }

                .service-list .item .chevron img {
                    height: 12px;
                }

            .service-list .item .content p {
                line-height: 14px;
                padding-bottom: 20px;
                margin-top: 40px;
            }

    /*#endregion services - service-list */

    /*#region Footer*/
    footer {
        padding: 30px;
    }

    .footerTop {
        flex-direction: column;
        padding: 0px 40px;
    }

        .footerTop .wrapper {
            flex-direction: column;
        }

    .footerBottom {
        flex-direction: column;
    }

    footer > p {
        width: 100%;
        margin-bottom: 40px;
    }

    footer > div {
        width: 100%;
        gap: 25px;
        align-items: center;
        padding-bottom: 40px;
    }

        footer > div img {
            width: 75px;
        }

    footer > p {
        text-transform: uppercase;
        font-family: 'QuattrocentoSans-Bold';
        text-align: center;
    }

        footer > p a {
            display: block;
            width: fit-content;
            margin: 10px auto 0 auto;
        }

    /*#endregion Footer*/

}

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
    transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
        transition-delay: 50ms
    }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
    transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
        transition-delay: .1s
    }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
    transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
        transition-delay: .15s
    }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
    transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
        transition-delay: .2s
    }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
    transition-duration: .25s
}

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
        transition-delay: .25s
    }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
    transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
        transition-delay: .3s
    }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
    transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
        transition-delay: .35s
    }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
    transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
        transition-delay: .4s
    }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
    transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
        transition-delay: .45s
    }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
    transition-duration: .5s
}

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
        transition-delay: .5s
    }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
    transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
        transition-delay: .55s
    }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
    transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
        transition-delay: .6s
    }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
    transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
        transition-delay: .65s
    }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
    transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
        transition-delay: .7s
    }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
    transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
        transition-delay: .75s
    }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
    transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
        transition-delay: .8s
    }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
    transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
        transition-delay: .85s
    }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
    transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
        transition-delay: .9s
    }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
    transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
        transition-delay: .95s
    }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
    transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
        transition-delay: 1s
    }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
    transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
        transition-delay: 1.05s
    }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
    transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
        transition-delay: 1.1s
    }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
    transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
        transition-delay: 1.15s
    }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
    transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
        transition-delay: 1.2s
    }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
    transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
        transition-delay: 1.25s
    }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
    transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
        transition-delay: 1.3s
    }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
    transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
        transition-delay: 1.35s
    }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
    transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
        transition-delay: 1.4s
    }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
    transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
        transition-delay: 1.45s
    }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
    transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
        transition-delay: 1.5s
    }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
    transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
        transition-delay: 1.55s
    }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
    transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
        transition-delay: 1.6s
    }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
    transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
        transition-delay: 1.65s
    }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
    transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
        transition-delay: 1.7s
    }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
    transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
        transition-delay: 1.75s
    }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
    transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
        transition-delay: 1.8s
    }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
    transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
        transition-delay: 1.85s
    }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
    transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
        transition-delay: 1.9s
    }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
    transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
        transition-delay: 1.95s
    }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
    transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
        transition-delay: 2s
    }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
    transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
        transition-delay: 2.05s
    }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
    transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
        transition-delay: 2.1s
    }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
    transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
        transition-delay: 2.15s
    }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
    transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
        transition-delay: 2.2s
    }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
    transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
        transition-delay: 2.25s
    }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
    transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
        transition-delay: 2.3s
    }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
    transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
        transition-delay: 2.35s
    }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
    transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
        transition-delay: 2.4s
    }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
    transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
        transition-delay: 2.45s
    }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
    transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
        transition-delay: 2.5s
    }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
    transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
        transition-delay: 2.55s
    }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
    transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
        transition-delay: 2.6s
    }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
    transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
        transition-delay: 2.65s
    }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
    transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
        transition-delay: 2.7s
    }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
    transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
        transition-delay: 2.75s
    }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
    transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
        transition-delay: 2.8s
    }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
    transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
        transition-delay: 2.85s
    }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
    transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
        transition-delay: 2.9s
    }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
    transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
        transition-delay: 2.95s
    }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
    transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
    transition-delay: 0s
}

    [data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
        transition-delay: 3s
    }

[data-aos] {
    pointer-events: none
}

    [data-aos].aos-animate {
        pointer-events: auto
    }

    [data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.25,.75,.75)
    }

    [data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
        transition-timing-function: ease
    }

    [data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
        transition-timing-function: ease-in
    }

    [data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
        transition-timing-function: ease-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
        transition-timing-function: ease-in-out
    }

    [data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
        transition-timing-function: cubic-bezier(.6,-.28,.735,.045)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
        transition-timing-function: cubic-bezier(.68,-.55,.265,1.55)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.47,0,.745,.715)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.39,.575,.565,1)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
        transition-timing-function: cubic-bezier(.445,.05,.55,.95)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.55,.085,.68,.53)
    }

    [data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.25,.46,.45,.94)
    }

    [data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
        transition-timing-function: cubic-bezier(.455,.03,.515,.955)
    }

@media screen {
    html:not(.no-js) [data-aos^=fade][data-aos^=fade] {
        opacity: 0;
        transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform
    }

        html:not(.no-js) [data-aos^=fade][data-aos^=fade].aos-animate {
            opacity: 1;
            -webkit-transform: none;
            transform: none
        }

    html:not(.no-js) [data-aos=fade-up] {
        -webkit-transform: translate3d(0,100px,0);
        transform: translate3d(0,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down] {
        -webkit-transform: translate3d(0,-100px,0);
        transform: translate3d(0,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-right] {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    html:not(.no-js) [data-aos=fade-left] {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    html:not(.no-js) [data-aos=fade-up-right] {
        -webkit-transform: translate3d(-10px,10px,0);
        transform: translate3d(-10px,10px,0)
    }

    html:not(.no-js) [data-aos=fade-up-left] {
        -webkit-transform: translate3d(100px,100px,0);
        transform: translate3d(100px,100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-right] {
        -webkit-transform: translate3d(-100px,-100px,0);
        transform: translate3d(-100px,-100px,0)
    }

    html:not(.no-js) [data-aos=fade-down-left] {
        -webkit-transform: translate3d(100px,-100px,0);
        transform: translate3d(100px,-100px,0)
    }

    html:not(.no-js) [data-aos^=zoom][data-aos^=zoom] {
        opacity: 0;
        transition-property: opacity,-webkit-transform;
        transition-property: opacity,transform;
        transition-property: opacity,transform,-webkit-transform
    }

        html:not(.no-js) [data-aos^=zoom][data-aos^=zoom].aos-animate {
            opacity: 1;
            -webkit-transform: translateZ(0) scale(1);
            transform: translateZ(0) scale(1)
        }

    html:not(.no-js) [data-aos=zoom-in] {
        -webkit-transform: scale(.8);
        transform: scale(.8)
    }

    html:not(.no-js) [data-aos=zoom-in-up] {
        -webkit-transform: translate3d(0,100px,0) scale(.6);
        transform: translate3d(0,100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-down] {
        -webkit-transform: translate3d(0,-100px,0) scale(.6);
        transform: translate3d(0,-100px,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-right] {
        -webkit-transform: translate3d(-100px,0,0) scale(.6);
        transform: translate3d(-100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-in-left] {
        -webkit-transform: translate3d(100px,0,0) scale(.6);
        transform: translate3d(100px,0,0) scale(.6)
    }

    html:not(.no-js) [data-aos=zoom-out] {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-up] {
        -webkit-transform: translate3d(0,100px,0) scale(1.2);
        transform: translate3d(0,100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-down] {
        -webkit-transform: translate3d(0,-100px,0) scale(1.2);
        transform: translate3d(0,-100px,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-right] {
        -webkit-transform: translate3d(-100px,0,0) scale(1.2);
        transform: translate3d(-100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos=zoom-out-left] {
        -webkit-transform: translate3d(100px,0,0) scale(1.2);
        transform: translate3d(100px,0,0) scale(1.2)
    }

    html:not(.no-js) [data-aos^=slide][data-aos^=slide] {
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        visibility: hidden
    }

        html:not(.no-js) [data-aos^=slide][data-aos^=slide].aos-animate {
            visibility: visible;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }

    html:not(.no-js) [data-aos=slide-up] {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    html:not(.no-js) [data-aos=slide-down] {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    html:not(.no-js) [data-aos=slide-right] {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    html:not(.no-js) [data-aos=slide-left] {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    html:not(.no-js) [data-aos^=flip][data-aos^=flip] {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform
    }

    html:not(.no-js) [data-aos=flip-left] {
        -webkit-transform: perspective(2500px) rotateY(-100deg);
        transform: perspective(2500px) rotateY(-100deg)
    }

        html:not(.no-js) [data-aos=flip-left].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-right] {
        -webkit-transform: perspective(2500px) rotateY(100deg);
        transform: perspective(2500px) rotateY(100deg)
    }

        html:not(.no-js) [data-aos=flip-right].aos-animate {
            -webkit-transform: perspective(2500px) rotateY(0);
            transform: perspective(2500px) rotateY(0)
        }

    html:not(.no-js) [data-aos=flip-up] {
        -webkit-transform: perspective(2500px) rotateX(-100deg);
        transform: perspective(2500px) rotateX(-100deg)
    }

        html:not(.no-js) [data-aos=flip-up].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0)
        }

    html:not(.no-js) [data-aos=flip-down] {
        -webkit-transform: perspective(2500px) rotateX(100deg);
        transform: perspective(2500px) rotateX(100deg)
    }

        html:not(.no-js) [data-aos=flip-down].aos-animate {
            -webkit-transform: perspective(2500px) rotateX(0);
            transform: perspective(2500px) rotateX(0)
        }
}