.elementor-499 .elementor-element.elementor-element-a5fc36d{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:45px;--padding-bottom:45px;--padding-left:45px;--padding-right:45px;--z-index:3;}.elementor-499 .elementor-element.elementor-element-b6732db{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:51px 51px 51px 51px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-499 .elementor-element.elementor-element-4a979c9{width:var( --container-widget-width, 66px );max-width:66px;padding:0px 0px 0px 2px;--container-widget-width:66px;--container-widget-flex-grow:0;}.elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-widget-mega-menu > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-mega-menu{--n-menu-divider-color:var( --e-global-color-text );}.elementor-499 .elementor-element.elementor-element-f88df33{--display:flex;}.elementor-499 .elementor-element.elementor-element-bf66521{--display:flex;}.elementor-499 .elementor-element.elementor-element-bccef3d{--display:flex;}.elementor-499 .elementor-element.elementor-element-b952c93{--display:flex;}.elementor-499 .elementor-element.elementor-element-e546976{--n-menu-dropdown-content-max-width:fit-content;--n-menu-heading-justify-content:center;--n-menu-title-flex-grow:initial;--n-menu-title-justify-content:initial;--n-menu-title-justify-content-mobile:center;--n-menu-heading-wrap:wrap;--n-menu-heading-overflow-x:initial;--n-menu-title-distance-from-content:0px;margin:0px -7px calc(var(--kit-widget-spacing, 0px) + 0px) -7px;padding:13px 0px 13px 0px;z-index:2;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:5px;--n-menu-title-color-normal:var( --e-global-color-secondary );--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;}.elementor-499 .elementor-element.elementor-element-e546976 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-499 .elementor-element.elementor-element-e546976 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-499 .elementor-element.elementor-element-e546976 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Bricolage Grotesque", Sans-serif;font-weight:300;}.elementor-499 .elementor-element.elementor-element-e546976 {--n-menu-title-color-hover:var( --e-global-color-secondary );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-499 .elementor-element.elementor-element-02c4c59 .elementor-button{background-color:#FFFFFF00;font-family:"Bricolage Grotesque", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );transition-duration:0.6s;border-style:solid;border-width:1px 1px 1px 1px;border-radius:24px 24px 24px 24px;padding:13px 20px 13px 20px;}.elementor-499 .elementor-element.elementor-element-02c4c59{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-499 .elementor-element.elementor-element-02c4c59 .elementor-button:hover, .elementor-499 .elementor-element.elementor-element-02c4c59 .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-499 .elementor-element.elementor-element-02c4c59 .elementor-button:hover svg, .elementor-499 .elementor-element.elementor-element-02c4c59 .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-499 .elementor-element.elementor-element-13058320{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:51px 51px 51px 51px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:0px;--z-index:0;}.elementor-499 .elementor-element.elementor-element-13058320:not(.elementor-motion-effects-element-type-background), .elementor-499 .elementor-element.elementor-element-13058320 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5C5C5CAB;}.elementor-499 .elementor-element.elementor-element-5a5b1a74{--display:flex;}.elementor-499 .elementor-element.elementor-element-48a106e9{--display:flex;}.elementor-499 .elementor-element.elementor-element-791bb22d{--display:flex;}.elementor-499 .elementor-element.elementor-element-1524b0fa{--display:flex;}.elementor-499 .elementor-element.elementor-element-2d66a8e6{--n-menu-dropdown-content-max-width:fit-content;--n-menu-title-distance-from-content:0px;padding:13px 0px 13px 0px;--n-menu-toggle-icon-wrapper-animation-duration:500ms;--n-menu-title-space-between:0px;--n-menu-title-color-normal:#FFFFFF;--n-menu-title-transition:300ms;--n-menu-icon-size:16px;--n-menu-toggle-icon-size:20px;--n-menu-toggle-icon-color:#FDFDFD;--n-menu-toggle-icon-hover-duration:500ms;--n-menu-toggle-icon-distance-from-dropdown:0px;--n-menu-title-normal-color-dropdown:var( --e-global-color-secondary );--n-menu-dropdown-content-box-border-style:solid;--n-menu-dropdown-content-box-border-color:var( --e-global-color-7eb702d );--n-menu-dropdown-content-box-border-radius:25px 25px 25px 25px;}.elementor-499 .elementor-element.elementor-element-2d66a8e6 > .e-n-menu[data-layout='dropdown'] > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ){background:#444444;}.elementor-499 .elementor-element.elementor-element-2d66a8e6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title, .elementor-499 .elementor-element.elementor-element-2d66a8e6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container, .elementor-499 .elementor-element.elementor-element-2d66a8e6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title > .e-n-menu-title-container > span{font-family:"Bricolage Grotesque", Sans-serif;font-weight:400;}.elementor-499 .elementor-element.elementor-element-2d66a8e6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-title:not( .e-current ):not( :hover ){border-style:none;}.elementor-499 .elementor-element.elementor-element-2d66a8e6 {--n-menu-title-color-hover:var( --e-global-color-secondary );}:where( .elementor-499 .elementor-element.elementor-element-2d66a8e6 > .e-n-menu > .e-n-menu-wrapper > .e-n-menu-heading > .e-n-menu-item > .e-n-menu-content ) > .e-con{border-style:solid;}.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button{background-color:#FFFFFF00;font-family:"Bricolage Grotesque", Sans-serif;font-size:16px;font-weight:400;fill:var( --e-global-color-secondary );color:var( --e-global-color-secondary );transition-duration:0.6s;border-style:solid;border-width:1px 1px 1px 1px;border-radius:24px 24px 24px 24px;padding:13px 20px 13px 20px;}.elementor-499 .elementor-element.elementor-element-6317ceef{margin:0px 15px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button:hover, .elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button:focus{color:var( --e-global-color-secondary );}.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button:hover svg, .elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button:focus svg{fill:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-499 .elementor-element.elementor-element-b6732db{--width:100%;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:5px;}.elementor-499 .elementor-element.elementor-element-02c4c59{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-499 .elementor-element.elementor-element-02c4c59 .elementor-button{font-size:15px;}.elementor-499 .elementor-element.elementor-element-13058320{--width:165px;--justify-content:flex-end;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:5px;--padding-bottom:5px;--padding-left:5px;--padding-right:6px;}.elementor-499 .elementor-element.elementor-element-2d66a8e6{--n-menu-title-distance-from-content:0px;width:var( --container-widget-width, 34px );max-width:34px;padding:0px 0px 0px 0px;--container-widget-width:34px;--container-widget-flex-grow:0;--n-menu-title-justify-content:center;--n-menu-title-justify-content-mobile:center;--n-menu-toggle-align:center;--n-menu-title-space-between:-6px;--n-menu-title-font-size:20px;--n-menu-title-padding:6px 6px 6px 6px;--n-menu-icon-size:0px;--n-menu-dropdown-indicator-size:0px;--n-menu-dropdown-indicator-rotate:rotate(0deg);--n-menu-toggle-icon-size:33px;--n-menu-dropdown-content-box-border-block-start-width:110px;--n-menu-dropdown-content-box-border-inline-end-width:110px;--n-menu-dropdown-content-box-border-block-end-width:110px;--n-menu-dropdown-content-box-border-inline-start-width:110px;}.elementor-499 .elementor-element.elementor-element-6317ceef{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button{font-size:12px;}}@media(min-width:768px){.elementor-499 .elementor-element.elementor-element-b6732db{--width:652px;}.elementor-499 .elementor-element.elementor-element-13058320{--width:180px;}}/* Start custom CSS for button, class: .elementor-element-02c4c59 */@media (max-width: 767px) {

    /* Empêche Elementor de couper le menu */
    .elementor-499 .elementor-element.elementor-element-02c4c59,
    .elementor-499 .elementor-element.elementor-element-02c4c59 .e-n-menu {
        overflow: visible !important;
    }

    /* Cadre principal du menu déroulant */
    .elementor-499 .elementor-element.elementor-element-02c4c59 .e-n-menu[data-layout="dropdown"] > .e-n-menu-wrapper {
        position: fixed !important;

        /* Position verticale */
        top: 80px !important;
        bottom: auto !important;

        /* Centrage horizontal */
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) translateZ(0) !important;

        /* Largeur du cadre */
        width: calc(100vw - 24px) !important;
        inline-size: calc(100vw - 24px) !important;

        max-width: 420px !important;
        max-inline-size: 420px !important;

        min-width: 320px !important;
        min-inline-size: 320px !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        box-sizing: border-box !important;

        /* Espacement intérieur */
        padding: 16px !important;
        margin: 0 !important;

        /* Fond suffisamment transparent pour voir le flou */
        background-color: rgba(75, 75, 75, 0.28) !important;

        /* Effet de flou derrière le menu */
        backdrop-filter: blur(20px) saturate(130%) !important;
        -webkit-backdrop-filter: blur(20px) saturate(130%) !important;

        /* Finition du cadre */
        border: 1px solid rgba(255, 255, 255, 0.35) !important;
        border-radius: 24px !important;

        box-shadow:
            0 18px 40px rgba(0, 0, 0, 0.18),
            inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

        background-clip: padding-box !important;
        overflow: hidden !important;

        z-index: 99999 !important;

        will-change: backdrop-filter;
    }

    /* Contenu intérieur du menu */
    .elementor-499 .elementor-element.elementor-element-02c4c59 .e-n-menu-content {
        width: 100% !important;
        inline-size: 100% !important;
        max-width: none !important;

        height: auto !important;
        min-height: 0 !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;

        gap: 0 !important;

        padding: 0 !important;
        margin: 0 !important;

        background: transparent !important;
    }

    /* Chaque ligne */
    .elementor-499 .elementor-element.elementor-element-02c4c59 .e-n-menu-title {
        width: 100% !important;
        height: 58px !important;
        min-height: 58px !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        text-align: center !important;
        box-sizing: border-box !important;

        background: transparent !important;
    }

    /* Conteneur de chaque lien */
    .elementor-499 .elementor-element.elementor-element-02c4c59 .e-n-menu-title-container {
        width: 100% !important;
        height: 100% !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        padding: 0 10px !important;
        margin: 0 !important;

        text-align: center !important;
        box-sizing: border-box !important;

        background: transparent !important;
    }

    /* Texte des liens */
    .elementor-499 .elementor-element.elementor-element-02c4c59 .e-n-menu-title-text,
    .elementor-499 .elementor-element.elementor-element-02c4c59 .e-n-menu-title-text a,
    .elementor-499 .elementor-element.elementor-element-02c4c59 .e-n-menu-title a {
        width: 100% !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b6732db */.elementor-499 .elementor-element.elementor-element-b6732db{ 
 backdrop-filter: blur(16px) saturate(74%);
    -webkit-backdrop-filter: blur(16px) saturate(120%);
    background-color: rgba(123, 123, 123, 0.19);/* End custom CSS */
/* Start custom CSS for mega-menu, class: .elementor-element-2d66a8e6 */@media screen and (max-width: 767px) {

    /* Empêche Elementor de couper le menu */
    .elementor-499 .elementor-element.elementor-element-2d66a8e6,
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu {
        overflow: visible !important;
    }

    /* Cadre complet du menu déroulant */
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu[data-layout="dropdown"] > .e-n-menu-wrapper {
        position: fixed !important;

        /* Position sous le bouton burger */
        top: 80px !important;
        bottom: auto !important;

        /* Centrage dans l’écran */
        left: 50% !important;
        right: auto !important;
        transform: translateX(-50%) !important;

        /* Largeur */
        width: calc(100vw - 24px) !important;
        max-width: 420px !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        /* Organisation */
        padding: 16px !important;
        margin: 0 !important;

        box-sizing: border-box !important;
        border-radius: 24px !important;

        /*
         * Le fond est créé avec ::before.
         * Le wrapper lui-même reste transparent.
         */
        background: transparent !important;
        border: none !important;
        box-shadow: none !important;

        overflow: hidden !important;
        isolation: isolate !important;
        z-index: 99999 !important;
    }

    /* Véritable fond gris transparent et flouté */
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu[data-layout="dropdown"] > .e-n-menu-wrapper::before {
        content: "" !important;

        position: absolute !important;
        inset: 0 !important;

        width: 100% !important;
        height: 100% !important;

        background: rgba(90, 90, 90, 0.58) !important;

        backdrop-filter: blur(18px) saturate(120%) !important;
        -webkit-backdrop-filter: blur(18px) saturate(120%) !important;

        border: 1px solid rgba(255, 255, 255, 0.42) !important;
        border-radius: 24px !important;

        box-shadow:
            0 18px 40px rgba(0, 0, 0, 0.20),
            inset 0 1px 0 rgba(255, 255, 255, 0.18) !important;

        box-sizing: border-box !important;
        pointer-events: none !important;
        z-index: 0 !important;
    }

    /* Replace tous les éléments au-dessus du fond */
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu[data-layout="dropdown"] > .e-n-menu-wrapper > * {
        position: relative !important;
        z-index: 1 !important;
    }

    /*
     * Annule les anciens styles qui créaient
     * la grande barre horizontale.
     */
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu-content {
        position: static !important;

        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        transform: none !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: stretch !important;

        gap: 0 !important;

        padding: 0 !important;
        margin: 0 !important;

        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        overflow: visible !important;
    }

    /* Chaque ligne du menu */
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu-title {
        width: 100% !important;

        height: 58px !important;
        min-height: 58px !important;
        max-height: 58px !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        background: transparent !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* Conteneur de chaque lien */
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu-title-container {
        width: 100% !important;
        height: 100% !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        padding: 0 10px !important;
        margin: 0 !important;

        background: transparent !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* Texte de chaque lien */
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu-title-text,
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu-title-text a,
    .elementor-499 .elementor-element.elementor-element-2d66a8e6 .e-n-menu-title a {
        width: 100% !important;

        display: flex !important;
        justify-content: center !important;
        align-items: center !important;

        padding: 0 !important;
        margin: 0 !important;

        background: transparent !important;

        line-height: 1.2 !important;
        text-align: center !important;
        white-space: nowrap !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-6317ceef */.elementor-499 .elementor-element.elementor-element-6317ceef {
  --slide-distance: 32px;
}

.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button,
.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button:hover {
  background: none !important;
  color: #fff !important;
}

.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button {
  overflow: hidden;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button-content-wrapper {
  overflow: visible;
  height: auto;
  line-height: normal;
  display: flex;
  align-items: center;
  justify-content: center;
}

.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button-text {
  display: block;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  will-change: transform, opacity;
  backface-visibility: hidden;
}

/* Au survol : le texte sort vers le haut puis revient par le bas */
.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button:hover .elementor-button-text {
  animation: buttonTextSlideUp 0.70s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}

/* Quand la souris quitte : animation inverse */
.elementor-499 .elementor-element.elementor-element-6317ceef .elementor-button:not(:hover) .elementor-button-text {
  animation: buttonTextSlideDown 0.70s cubic-bezier(0.76, 0, 0.24, 1) forwards;
}

@keyframes buttonTextSlideUp {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  49.5% {
    transform: translate3d(0, calc(-1 * var(--slide-distance)), 0);
    opacity: 1;
  }
  50% {
    transform: translate3d(0, calc(-1 * var(--slide-distance)), 0);
    opacity: 0;
  }
  50.5% {
    transform: translate3d(0, var(--slide-distance), 0);
    opacity: 0;
  }
  51% {
    transform: translate3d(0, var(--slide-distance), 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes buttonTextSlideDown {
  0% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  49.5% {
    transform: translate3d(0, var(--slide-distance), 0);
    opacity: 1;
  }
  50% {
    transform: translate3d(0, var(--slide-distance), 0);
    opacity: 0;
  }
  50.5% {
    transform: translate3d(0, calc(-1 * var(--slide-distance)), 0);
    opacity: 0;
  }
  51% {
    transform: translate3d(0, calc(-1 * var(--slide-distance)), 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.elementor-499 .elementor-element.elementor-element-6317ceef {
  will-change: transform;
  animation: heroTitleMoveUp linear both;
  animation-timeline: scroll(root block);
  animation-range: 0vh 100vh;
}

@keyframes heroTitleMoveUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    transform: translate3d(0, -55px, 0);
  }
}/* End custom CSS */