/* version 1.3.3 */
.bg-black-light {
    background-color: rgba(21, 19, 19, 0);
}

.mt-10vh {
    margin-top: 10vh;
}

.bg-black {
    background: linear-gradient(90deg, #5d5d5d 0%, rgb(0, 0, 0) 100%) !important;
}

.spacer {
    /* width: 100% */
    height: 10vh;
}

@media (min-width:768px) {
    .logo-center-big {
        max-height: 30px;
        margin: 10px;
    }
}

@media (max-width:768px) {
    .logo-center-big {
        max-height: 30px;
        margin: 10px;
        display: none;
    }
}

.logo-center-small {
    max-height: 30px;
    margin: 0px auto 10px;
    top: 20px;
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
    transform: translateX(40%);
}

@media (min-width:770px) {
    .logo-center-small {
        display: none;
    }
}

.nvabar_item {
    padding-left: 20px!important;
    padding-right: 20px!important;
}

.section1 {
    left: 0;
    width: 100vw;
    height: 100vh;
}

.titre-position {
}

.Text-Font {
    font-family: 'Poppins', sans-serif;
}

.img1 {
    background-image: url('../assets/images/HYT-TourbillonConique-Cobra.png');
    background-repeat: no-repeat;
    background-position: center center;
    margin-top: 10vh!important;
    height: 100vh;
    background-origin: inherit;
    position: absolute;
    visibility: visible;
    left: 0;
}

.font-100 {
    font-weight: 100;
}

.titre4 {
    opacity: 0;
    top: 15vh!important;
}

.h100vh {
    height: 100vh !important;
}

.h80vh {
    height: 80vh;
}

.Video-Titre {
    min-height: 100vh!important;
    max-height: 100vw !important;
}

.Video-Titre-80vh {
    min-height: 80vh!important;
    max-height: 100vw !important;
}

#background-video {
    object-fit: cover;
    width: 100% !important;
    height: 100vh!important;
    top: 0;
    left: 0;
    overflow-y: hidden;
    position: absolute;
}

.Font_Poppins {
    font-family: 'Poppins', sans-serif;
}

.z-index_9000 {
    z-index: 9000;
}

.Texte_SousTitre {
    position: absolute;
    bottom: 19vh;
    letter-spacing: 2px;
}

.Texte_Titre {
    position: relative;

    /* font-weight: 800 */
    letter-spacing: 2px;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
    top: 50%;
}

@media only screen and (max-width:799px) {
    .Texte_SousTitre {
        position: absolute;
        bottom: 19vh;
        letter-spacing: 2px;
    }
}

@media only screen and (max-width:799px) {
    .Texte_Titre {
        position: relative;
        font-weight: 800;
        letter-spacing: 2px;
        width: 100%;
        text-align: center;
        transform: translateY(-1%);
        top: 50%;
        font-family: 'Gotham', sans-serif;
    }
}

.card-watch1 {
    background-image: url('https://images.unsplash.com/photo-1610296669228-602fa827fc1f?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wyMDkyMnwwfDF8c2VhcmNofDV8fHNwYWNlfGVufDB8fHx8MTY4NjMzNjY0M3ww&ixlib=rb-4.0.3&q=80&w=1080');
    background-repeat: no-repeat;
    background-size: cover;
}

.card-watch2 {
    background-image: url('https://images.unsplash.com/photo-1488415032361-b7e238421f1b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wyMDkyMnwwfDF8c2VhcmNofDEzfHxncmVlbnxlbnwwfHx8fDE2ODUxMDk0ODZ8MA&ixlib=rb-4.0.3&q=80&w=1080');
    background-repeat: no-repeat;
    background-size: cover;
}

.card-watch3 {
    background-image: url('https://images.unsplash.com/photo-1467241850596-6a0de48568da?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3wyMDkyMnwwfDF8c2VhcmNofDUwfHxncmVlbnxlbnwwfHx8fDE2ODYzMzY3Njl8MA&ixlib=rb-4.0.3&q=80&w=1080');
    background-repeat: no-repeat;
    xr: center center;
}

.card1 {
    opacity: 0;
}

.card2 {
    opacity: 0;
}

.card3 {
    opacity: 0;
}

.titre2 {
    opacity: 0;
}

/* *
 * http://applemusic.tumblr.com/
 * https://jsfiddle.net/xq56dmrh/ */
/* * Ultra Light */
@font-face {
    font-family: "San Francisco";
    font-weight: 100;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-ultralight-webfont.woff");
}

/* * Thin */
@font-face {
    font-family: "San Francisco";
    font-weight: 200;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-thin-webfont.woff");
}

/* * Regular */
@font-face {
    font-family: "San Francisco";
    font-weight: 400;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-regular-webfont.woff");
}

/* * Medium */
@font-face {
    font-family: "San Francisco";
    font-weight: 500;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-medium-webfont.woff");
}

/* * Semi Bold */
@font-face {
    font-family: "San Francisco";
    font-weight: 600;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-semibold-webfont.woff");
}

/* * Bold */
@font-face {
    font-family: "San Francisco";
    font-weight: 700;
    src: url("https://applesocial.s3.amazonaws.com/assets/styles/fonts/sanfrancisco/sanfranciscodisplay-bold-webfont.woff");
}

.carte {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    margin: 10px;
    border-radius: 30px;
    border: 1px black solid;
}

.carte > hr {
    margin-right: 0;
    margin-left: 0;
}

.carte > .list-group {
    border-top: inherit;
    border-bottom: inherit;
}

.carte > .carte-header + .list-group,
.carte > .list-group + .carte-footer {
    border-top: 0;
}

.carte-body {
    flex: 1 1 auto;
    padding: 1rem 1rem;
    color: rgba(255, 255, 255, 0);
    text-align: center;
}

.carte-title {
    margin-bottom: 0.5rem;
}

.carte-subtitle {
    margin-top: -0.25rem;
    margin-bottom: 0;
}

.carte-link:hover {
    text-decoration: none;
}

.carte-link + .carte-link {
    margin-left: 1rem /* rtl:ignore */;
}

.carte-header {
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.carte-footer {
    padding: 0.5rem 1rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.carte-header-tabs {
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
    border-bottom: 0;
}

.carte-header-pills {
    margin-right: -0.5rem;
    margin-left: -0.5rem;
}

.carte-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1rem;
    border-radius: calc(0.25rem - 1px);
}

.carte-img,
.carte-img-top,
.carte-img-bottom {
    width: 100%;
}

.carte-img,
.carte-img-top {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}

.carte-img,
.carte-img-bottom {
    border-bottom-right-radius: calc(0.25rem - 1px);
    border-bottom-left-radius: calc(0.25rem - 1px);
}

.carte-group > .carte {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .carte-group {
        display: flex;
        flex-flow: row wrap;
    }

    .carte-group > .carte {
        flex: 1 0 0%;
        margin-bottom: 0;
    }

    .carte-group > .carte + .carte {
        margin-left: 0;
        border-left: 0;
    }
}

.img_parallax {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 180%;
    object-fit: cover;
}

.link_menu_collapse {
    width: 30%;
    position: relative;
    float: right;
    margin-right: 10px;
}

.bouton_discover {
    background-color: rgba(216, 204, 190, 0) !;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Montserrat', sans-serif;
    width: auto;
    min-width: 200px;
    font-size: 1.3vh;
    color: #ffffff;
    text-transform: uppercase;
    border: 1px solid #d8ccbe !important;
    text-align: center!important;
}

.bouton_discover:hover {
    background-color: #d8ccbe;
    padding-left: 20px;
    padding-right: 20px;
    font-family: 'Montserrat', sans-serif;
    width: auto;
    min-width: 200px;
    font-size: 1.3vh;
    color: #414141!important;
    text-transform: uppercase;
}

.align-center-center {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0 !important;
}

.w100vw {
    width: 100vw;
}

.x-center {
    transform: translateX(-50%);
}

canvas {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

@media (min-width:10px) {
    canvas {
        width: 100%;
        height: 100%;
        object-position: 80% -50%;
    }
}

canvas1 {
    object-fit: contain;
    width: 100%;

    /* height: 100% */
}

@media (min-width:10px) {
    canvas1 {
        width: 100%;
        height: 100%;
        object-position: 80% 50%;
    }
}

@media (max-width:767px) {
    .menu_collapse_center {
        width: 50%;
        left: 50%;
        position: relative;
        transform: translateX(-50%);
        background-color: rgba(0, 0, 0, 0.64);
    }
}

font-family: 'Gotham', sans-serif;
font-family: 'Jost', sans-serif;
font-family: 'Gotham Black', sans-serif;
font-family: 'Gotham Light', sans-serif;
font-family: 'Gotham Thin', sans-serif;
font-family: 'Gotham XLight', sans-serif;
font-family: 'Carnero', sans-serif;
font-family: 'Gotham Book', sans-serif;
font-family: 'Gotham Ultra', sans-serif;

.preloader-position {
    position: absolute;
    z-index: 9000;
    height: auto;
    top: 50vh;
    left: 50vw;
    transform: translate(-50%, -50%);
    width: 5%;
}

.line-height_3rem {
    line-height: 3.0rem;
}

.padding_10px {
    padding: 10%;
}

.pt-25vh {
    padding-top: 25vh;
}

.font_gotham {
    font-weight: 400;
    font-family: 'Montserrat', sans-serif!important;
}

.font_gotham_light {
    font-size: 1.2vh !important;
    list-style-type: none;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}

* {
    outline: none !important;
}

.bouton_acceuil {
    margin-left: auto;
    margin-right: auto;
    margin-top: 23vh;
}

@media (max-width: 400px) {
    .bouton_acceuil {
        font-size: 2vh!important;
    }
}

.mt_20vh {
    margin-top: 20vh;
}

.responsive_collection {
    height: 300px;
    width: auto;
}

@media (min-width: 1200px) {
    .responsive-font-sous-titre {
        font-size: 2.5vh;
    }
}

@media (max-width: 1199px) {
    .responsive-font-sous-titre {
        font-size: 2vh !important;
        line-height: 2.8vh;
    }
}

@media (min-width: 1200px) {
    .responsive-font-titre {
        font-size: 4vh;
    }
}

@media (max-width: 1199px) {
    .responsive-font-titre {
        font-size: 2.8vh;
        line-height: 3.5vh;
    }
}

@media (min-width: 701px) {
    .font_1_5vw {
        font-size: 2.5vh;
        line-height: 4vh;
    }
}

@media (max-width: 500px) {
    .font_1_5vw {
        font-size: 2.3vh;
    }
}

.mr_10px {
    margin-right: 10px;
}

.footer_link {
    color: #ffffff !important;
    font-size: 1.5vh !important;
    line-height: 3vh;
    font-family: 'Montserrat', sans-serif;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0) !important;
}

.footer_link:hover {
    color: #d8ccbe !important;
}

.footer_titre {
    color: #d8ccbe !important;
    font-size: 1.5vh;
}

.image_card_caroussel {
    height: 100% !important;
    width: auto!important;
}

.border_top_green {
    border-top: 1px solid #d8ccbe !important;
    position: relative;
    background-color: #534232 !important;
}

.sana_puce {
    list-style-type: none;
}

.height_auto {
    height: auto;
}

.canvas_accueil {
    margin-left: 100%;
    transform-origin: -100%;
}

.pb-25vh {
    padding-bottom: 25vh;
}

.texte1_3d {
    position: absolute;
    top: 50%;
    z-index: 9999;
    left: 60%;
    line-height: 100px;
    opacity: 1;
}

.texte2_3d {
    position: absolute;
    top: 50%;
    z-index: 9999;
    left: 10%;
    line-height: 100px;
    opacity: 1;
}

.canvas-container {
    /* margin: 0px */
}

.padding_2rem {
    padding-left: 1vh;
    padding-right: 1vh;
}

@media (min-width: 735px) {
    .reseaux_bas {
        margin-bottom: 0vh;
    }
}

@media only screen and (max-width: 799px) {
    .text_scroll_montre {
        max-width: 90%;
        font-size: 3vh;
        text-align: left;
        left: 10% !important;
        top: 4% !important;
        height: auto !important;
        transform: translate(0%, 0%)!important;
    }
}

@media (min-width: 800px) {
    .text_scroll_montre {
        max-width: 60%;
        font-size: 3vh;
        text-align: justify;
        left: 10% !important;
        top: 10% !important;
        height: auto !important;
        transform: translateY(0%)!important;
        line-height: 4.5vh;
    }
}

@media only screen and (max-width: 799px) {
    .text_scroll_montre2 {
        max-width: 95%;
        font-size: 3vh;
        text-align: left;
        left: 5% !important;
        top: 3% !important;
        height: auto !important;
        transform: translateY(0%)!important;
    }
}

@media (min-width: 800px) {
    .text_scroll_montre2 {
        max-width: 60%;
        font-size: 3vh;
        text-align: justify;
        left: 10% !important;
        top: 10% !important;
        height: auto !important;
        transform: translateY(0%)!important;
        line-height: 5vh;
    }
}

@media only screen and (max-width: 799px) {
    .text_scroll_montre3 {
        max-width: 60%;
        font-size: 3vh;
        text-align: left;
        right: 5% !important;
        top: 10% !important;
        height: auto !important;
        float: right;
        transform: translateY(0%)!important;
    }
}

@media (min-width: 800px) {
    .text_scroll_montre3 {
        max-width: 60%;
        font-size: 3vh;
        text-align: left;
        right: 5% !important;
        top: 10% !important;
        height: auto !important;
        float: right;
        transform: translateY(0%)!important;
    }
}

@media only screen and (max-width: 799px) {
    .text_scroll_montre4 {
        max-width: 95%;
        font-size: 3vh;
        text-align: left;
        left: 5% !important;
        top: 3% !important;
        height: auto !important;
        transform: translateY(0%)!important;
    }
}

@media (min-width: 800px) {
    .text_scroll_montre4 {
        max-width: 60%;
        font-size: 3vh;
        text-align: justify;
        right: -10% !important;
        top: 5% !important;
        float: right;
        height: auto !important;
        transform: translateY(0%)!important;
    }
}

@media only screen and (max-width: 799px) {
    .text_scroll_montre5 {
        max-width: 90%;
        font-size: 3vh;
        text-align: left;
        left: 10% !important;
        top: 13% !important;
        transform: translateY(0%)!important;
    }
}

@media (min-width: 800px) {
    .text_scroll_montre5 {
        max-width: 60%;
        font-size: 3vh;
        text-align: left;
        right: -10% !important;
        top: 5% !important;
        height: auto !important;
        float: right;
        transform: translateY(0%)!important;
    }
}

@media only screen and (max-width: 799px) {
    .text_scroll_montre6 {
        max-width: 90%;
        font-size: 3vh;
        text-align: left;
        left: 10% !important;
        top: 13% !important;
        transform: translateY(0%)!important;
    }
}

@media (min-width: 800px) {
    .text_scroll_montre6 {
        max-width: 60%;
        font-size: 3vh;
        text-align: left;
        right: -50% !important;
        top: 5% !important;
        height: auto !important;
        float: right;
        transform: translateY(0%)!important;
    }
}

.bg_text_scroll_montre5 {
    background-color: rgba(0, 0, 0, 0.82);
    height: auto !important;
    padding: 10px;
}

@media (max-width: 800px) {
    .hidden_portrait {
        display: none;
    }
}

@media (min-width: 799px) {
    .hidden_paysage {
        display: none;
    }
}

.font_green {
    color: #d8ccbe !important;
}

.font_green:hover {
    color: #ffffff !important;
}

.bouton_collections {
    border-radius: 50px!important;
    padding: 15px 15px 5px!important;
    background-color: rgba(255, 255, 255, 0.27)!important;
    font-size: 1rem!important;
}

.resize_1_1:hover {
    transform: scale(1.1);
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

@media (min-width:767px) {
    .grayscale-image {
        filter: grayscale(100%);
    }
}

.grayscale-image:hover {
    filter: grayscale(1%);
    transform: scale(1.05);
    transition: transform 0.3s ease-in-out;
}

.vertical_align {
    transform: translateY(-50%);
    top: 50%;
    position: relative;
}

.padding_30px {
    padding: 30px;
}

.card-caracteristique {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;

    /* background-color: rgba(0, 0, 0, 0) */
    background-clip: border-box;
}

.social-link:hover {
    color: #d8ccbe !important;
}

.zindex-9900 {
    z-index: 9900;
}

.titre-loader {
    font-size: 2vh;
    text-align: center;
    line-height: 5vh;
    text-transform: uppercase;
    color: #ffffff;
}

.border-collection {
    background-color: #2a2a2a !important;
}

.logo_nomination {
    width: 20vh !important;
}

@media (max-width:981px) {
    .logo_nomination {
        width: 25vw !important;
        margin-bottom: 5vh;
    }
}

@media (max-width:800px) {
    .mt-5vh {
        margin-top: 5vh;
    }
}

.padding-lr-10px {
    padding-left: 10%;
    padding-right: 10%;
}

.sous-lien-navbar {
    font-size: 13px;
    padding-top: 2px;
}

.auto-height {
    height: 100%!important;
}

@media (min-width:1300px) {
    .section_after_scroll {
        margin-top: calc(-2500px);
    }
}

@media only screen and (max-width:1300px) {
    .section_after_scroll {
        margin-top: calc(-500px);
    }
}

body {
}

.titre {
    position: absolute;
    color: white;
    font-family: sans-serif;
    text-align: center;
}

.loader-align {
    transform: translate(-50%, -50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.mb-10vh {
    margin-bottom: 10vh;
}

.image_thumbail {
    width: 80px;
    height: 80px;
    background-repeat: no-repeat;
    background-size: initial;
    margin-right: 10px;
    background-position: center center;
}

.texte_height {
    line-height: 2.5brem;
    height: 100%;
}

.height_navbar_menu {
    line-height: 2.2rem;
}

.btn_manquant:hover {
    color: #e53232!important;
}

.height_info_item {
    font-size: 1.2vh;
    line-height: 2.1rem;
}

.full-overlay {
    background-color: rgba(0, 0, 0, 0.2);
    width: 100%;
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    padding-top: 6vh;
    margin-top: 0vh !important;
}

.z-index_10 {
    position: relative;
    z-index: 10;
}

.padding_l_1rem {
    padding-right: 1rem;
}

.logo_loader_center {
    height: 3vh;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.logo_fluidloader_center {
    height: 20vh;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.mb-6vh {
    margin-bottom: 6vh;
}

.height-20vh {
    height: 20vh;
}

.loader-fluid {
    z-index: 1100;
    background-image: -webkit-radial-gradient(center center, rgb(219, 198, 173) 0%, rgb(176, 150, 125) 24%, rgb(123, 97, 74) 56%, rgb(83, 66, 50) 86%);
}

.wtchmaking-invention {
    z-index: 1100;
    margin-top: 10vh;
}

.bottom-text-scroll {
    bottom: 10%;
}

.text-video-align-vertical {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
}

@media (max-width:767px) {
    .mb-5-video {
        margin-bottom: 3rem;
    }
}

.text-video-align-vertical-bottom {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: flex-end;
}

@media (max-width:767px) {
    .mb-5-video {
        margin-bottom: 3rem;
    }
}

.watchmaking_position {
    z-index: 1500;
    margin-top: 25vh;
}

.pt-3vh {
    padding-top: 3vh!important;
}

.font_1_5vh {
    font-size: 2vh;
}

.loading-value-transparent {
    color: rgba(232, 80, 80, 0);
}

.overlay-imagewhite-neon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.23);
}

.image-white-neon {
    background-image: url('../en/moonrunner/white_neon/images/SIDE%202%20macro%20brown_1.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

@media (min-width:1200px) and (max-width:4000px) {
    .text-scroll-pro {
        font-size: 2vh !important;
        line-height: 3vh !important;
    }
}

.pt_1vh {
    padding-top: 1vh;
}

.pr_5px {
    padding-right: 5px;
    padding-left: 5px;
}

.label-from {
    font-size: 1rem;
}

.text-from {
    font-size: 1.3rem;
}

.logo-lien-boutique {
    position: relative;
    width: 100%;
    font-size: 100px;
}

.bg-contact {
    background-color: rgba(0, 0, 0, 0.74);
}

.bg-modal {
    background: #534232 !important;
}

.align-flex {
    justify-content: space-between;
    align-items: center;
}

@media (min-width:1124px) and (max-width:1291px) {
    .col-iphone {
        -ms-flex: 0 0 100%!important;
        flex: 0 0 100%!important;
        max-width: 100%!important;
    }
}

@media max-width:650px {
    .360-80vh {
        height: 80vh;
    }
}

.mediacenter_image_top {
    width: 50vw;
    position: absolute;
    top: 0;
    left: 0;
}

.mediacenter_image_bottom {
    width: 50vw;
    position: absolute;
    bottom: 0;
    right: 0;
}

.pt-20vh {
    padding-top: 10vh;
}

/* ---------------------------------------------------------------- 
.search-wrapper {
    position: absolute;
}

.search-wrapper.active {
}

.search-wrapper .input-holder {
    height: 70px;
    width: 70px;
    overflow: hidden;
    background: rgba(255,255,255,0);
    border-radius: 6px;
    position: relative;
    transition: all 0.3s ease-in-out;
}

.search-wrapper.active .input-holder {
    width: 18vh;
    border-radius: 20px;
    background: rgba(0,0,0,0.5);
    transition: all .5s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    margin-right: 5px;
    padding-left: 5px;
}

.search-wrapper .input-holder .search-input {
    width: 100%;
    height: 50px;
    padding: 0px 70px 0 20px;
    opacity: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(81, 81, 81, 0.65);
    box-sizing: border-box;
    border: none;
    outline: none;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    color: #FFF;
    transform: translate(0, 60px);
    transition: all .3s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.3s;
}

.search-wrapper.active .input-holder .search-input {
    opacity: 1;
    transform: translate(0, 10px);
}

.search-wrapper .input-holder .search-icon {
    width: 70px;
    height: 70px;
    border: none;
    border-radius: 6px;
    background: rgba(0, 0, 0, 0);
    padding: 0px;
    outline: none;
    position: relative;
    z-index: 2;
    float: right;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

.search-wrapper.active .input-holder .search-icon {
    width: 50px;
    height: 50px;
    margin: 10px 10px 10px;
    border-radius: 30px;
}

.search-wrapper .input-holder .search-icon span {
    width: 22px;
    height: 22px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    transform: rotate(45deg);
    transition: all .4s cubic-bezier(0.650, -0.600, 0.240, 1.650);
    background-color: rgba(81, 81, 81, 0);
}

.search-wrapper.active .input-holder .search-icon span {
    transform: rotate(-45deg);
}

.search-wrapper .input-holder .search-icon span::before,
.search-wrapper .input-holder .search-icon span::after {
    position: absolute;
    content: '';
}

.search-wrapper .input-holder .search-icon span::before {
    width: 4px;
    height: 11px;
    left: 9px;
    top: 18px;
    border-radius: 2px;
    background: #09ff00;
}

.search-wrapper .input-holder .search-icon span::after {
    width: 14px;
    height: 14px;
    left: 0px;
    top: 0px;
    border-radius: 16px;
    border: 4px solid #09ff00;
}

.search-wrapper .close {
    position: absolute;
    z-index: 1;
    top: 24px;
    right: 20px;
    width: 25px;
    height: 25px;
    cursor: pointer;
    transform: rotate(-180deg);
    transition: all .3s cubic-bezier(0.285, -0.450, 0.935, 0.110);
    transition-delay: 0.2s;
    display: none;
}

.search-wrapper.active .close {
    left: -50px;
    transform: rotate(45deg);
    transition: all .6s cubic-bezier(0.000, 0.105, 0.035, 1.570);
    transition-delay: 0.5s;
    display: inline;
}

.search-wrapper .close::before,
.search-wrapper .close::after {
    position: absolute;
    content: '';
    background: #09ff00;
    border-radius: 2px;
}

.search-wrapper .close::before {
    width: 5px;
    height: 25px;
    left: 10px;
    top: 0px;
}

.search-wrapper .close::after {
    width: 25px;
    height: 5px;
    left: 0px;
    top: 10px;
} */
.pr_5px {
    padding-right: 5px;
}

.placeholder-select {
    color: #6c757d ;
}

.image_bottom {
    width: 50vw;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 0;
}

.image_top {
    width: 50vw;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
}

.image_bottom_left {
    width: 80vw;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.image_bottom_right {
    width: 80vw;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 0;
}

@media (max-width:768px) {
    .image_top {
        width: 50vh;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 0;
    }
}

@media (max-width:768px) {
    .image_bottom {
        width: 50vh;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 0;
    }
}

@media (max-width:768px) {
    .image_bottom_left {
        width: 50vh;
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 0;
    }
}

@media (max-width:768px) {
    .image_bottom_right {
        width: 100vh;
        position: fixed;
        bottom: 0;
        right: 0;
        z-index: 0;
    }
}

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

@media only screen and (min-width:992px) {
    .image-top-lg {
        height: 50vh!important;
        width: auto!important;
        z-index: 0;
    }
}

@media only screen and (min-width:992px) {
    .image-bottom-lg {
        height: 50vh!important;
        width: auto!important;
    }
}

.card_adresse {
    padding: 30px;
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(53, 53, 53, 0.33)!important;
    border-radius: 30px;
    margin: 10px;
}

.link_boutique :hover {
    color: #ffffff !important;
}

.link_principal {
    color: #d8ccbe !important;
    font-size: 1.5vh;
}

.mt_4vh {
    margin-top: 4vh;
}

.full-overlay-gradient {
    background-image: linear-gradient(179deg, rgba(0, 0, 0, 0.11) 0%, rgb(0, 0, 0) 100%);
}

.image_fixed {
    position: fixed;
}

@media (max-width:899px) {
    .image_hidden_mobile {
        visibility: hidden;
    }
}

@media (min-width:900px) {
    .image_hidden_desktop {
        visibility: hidden;
    }
}

.pb_10vh {
    padding-bottom: 10vh;
}

.text_green {
    color: #d8ccbe !important;
}

.img_scale:hover {
    transform: scale(1.02);
    transition: 0.5s ease-in;
    background-color: rgba(233, 135, 135, 0);
}

.z-index_2 {
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:799px) {
    .technical_inf_center {
        text-align: center;
    }
}

.full-overlay-video {
    background-color: rgba(0, 0, 0, 0.43);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0vh !important;
}

.z-index-1000 {
    z-index: 1000;
}

.logo_nomination_new {
    width: 10vw!important;
}

.font_1_5_vh {
    font-size: 1.5vh;
    text-transform: uppercase;
}

.align-logo-left {
    position: absolute;
}

img.sticky {
    position: -webkit-sticky;

    /* Safari */
    position: sticky;
    top: 10vh;
}

/* .pt-10vh {
    padding-top: 10vh;
} */
.bg-gradiant-grey {
    background: -webkit-linear-gradient(270deg, rgb(255, 255, 255) 61.7527%, rgb(0, 0, 0) 100%);
}

@media (max-width:981px) {
    .image_bottom_right_warranty {
        width: 100%;
        position: relative;
        z-index: 0;
    }
}

@media (min-width:982px) {
    .image_bottom_right_warranty {
        width: auto;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 0;
        max-height: 90vh;
    }
}

.position-fixed-center {
    position: fixed;
    text-align: center;
}

.mb-5prct {
    bottom: 5%;
}

.mr-2vw {
    margin-right: 1.5vw;
}

.vertical-align-50 {
    position: relative;
    top: 50%;
}

.pb-10vh {
    padding-bottom: 10vh;
}

.font_link_1_5vh {
    font-size: 1.5vh;
}

.bouton_col {
    background-color: rgba(216, 204, 190, 0)!important;
    font-family: 'Montserrat', sans-serif;
    min-width: 200px;
    font-size: 1.5vh;
    color: #d8ccbe;
    text-transform: uppercase;
    border: 1px solid #d8ccbe !important;
    padding: 10px 20px;
    text-align: center!important;
    width: auto;
    margin-right: 10px;
}

.bouton_col:active {
    text-align: center;
}

.bouton_col:hover {
    font-family: 'Montserrat', sans-serif;
    width: auto;
    min-width: 200px;
    font-size: 1.5vh;
    color: #000000 !important;
    text-transform: uppercase;
    border: 1px solid #d8ccbe !important;
    padding: 10px 20px;
    background-color: #d8ccbe !important;
}

@media (max-width:450px) {
    .h2,
    h2 {
        font-size: 1.5rem!important;
        line-height: 1.8rem!important;
    }
}

@media (max-width:450px) {
    .font_1_5vh {
        font-size: 1.1rem!important;
        line-height: 1.5rem!important;
    }
}

@media (max-width:450px) {
    .pb-30vh {
        padding-bottom: 0vh;
        width: 100vw !important;
    }
}

@media (max-width:450px) {
    .image_bottom_right_warranty {
        position: relative;
        bottom: 0;
        right: 0;
        z-index: 0;
        width: 100vw;
    }
}

 {
}

@media (max-width:499px) {
    .mobile_align_vertical {
        height: 20% !important;
        text-align: center;
        position: relative;
        margin-top: 25%;
    }
}

@media (min-width:700px) {
    .mobile_align_vertical {
        height: 100% !important;
    }
}

.border-btn-white {
    border: 1px solid #ffffff!important;
}

@media only screen and (max-width:499px) {
    .sm-visibility-hide {
        visibility: hidden;
    }
}

.w90 {
    width: 90%;
}

.btn-filter-location {
    border-radius: 50px;
    width: 220px;
}

/* #content {
    display: none;
} */
#content {
    visibility: hidden;
}

.bg_website {
    background-image: -webkit-radial-gradient(center center, #d8ccbe 0%, #b0967d 24%, rgb(123, 97, 74) 56%, #534232 86%);
}

.menu:focus {
    color: #ffffff;
}

.menu:hover {
    color: #ffffff;
}

.bg-brown2 {
    background-color: #b0967d;
}

.bg-brown3 {
    background-color: #7b614a;
}

.bg-brown4 {
    background-color: #534232 !important;
}

.color-text-atenue {
    color: rgba(255, 255, 255, 0.66);
}

.social-link {
    color: #ffffff;
}

.bg-blur {
    position: absolute;
    width: 100%;
    height: 6vh;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(217, 108, 108, 0);
}

.text-brown-4 {
    color: #534232!important;
}

.hr1 {
    height: 0.5px;
    margin-top: 5px;
    border-bottom: 0.5px solid #d8ccbe;
    margin-bottom: 55px;
    width: 100%;
    left: 0px !important;
}

.bg_website_grey {
    background-image: -webkit-radial-gradient(center center, rgb(227, 229, 234) 0%, rgb(195, 198, 205) 11.7117%, rgb(193, 196, 203) 12.3123%, rgb(76, 78, 82) 100%);
}

.entre-section {
    background-color: #b0967d;
    display: flex;
    align-items: left;
    justify-content: center;
    flex-direction: column;
    z-index: 1;
}

.row-entre-section {
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    height: contain;
    z-index: 2;
}

.img-max-width {
    max-width: 60% !important;
}

.max-80vh {
    max-height: 80vh;
}

.height-50vh {
    height: 50vh !important;
}

.bouton_col_grey {
    background-color: rgba(170, 243, 167, 0) !important;
    font-family: 'Montserrat', sans-serif;
    width: auto;
    min-width: 200px;
    font-size: 1.3vh;
    color: #4d4545!important;
    text-transform: uppercase;
    border: 1px solid #4d4545!important;
    padding: 10px 20px;
    text-align: center!important;
}

.bouton_col_grey:hover {
    background-color: rgba(74, 193, 69, 0) !important;
    font-family: 'Montserrat', sans-serif;
    width: auto;
    min-width: 200px;
    font-size: 1.3vh;
    color: #d8ccbe !important;
    text-transform: uppercase;
    border: 1px solid #d8ccbe !important;
    padding: 10px 20px;
    text-align: center!important;
}

@media (max-width:499px) {
    .logo_GPHG_mobile {
        margin-top: -45%;
    }
}

.bouton_watch {
    background-color: #d8ccbe !important;
    font-family: 'Montserrat', sans-serif;
    width: auto;
    min-width: 200px;
    font-size: 1.3vh;
    color: #000000!important;
    text-transform: uppercase;
    border: 1px solid #000000 !important;
    padding: 10px 20px;
    text-align: center!important;
}

.bouton_watch:active {
    text-align: center;
}

.bouton_watch:hover {
    font-family: 'Montserrat', sans-serif;
    width: auto;
    min-width: 200px;
    font-size: 1.3vh;
    color: #d8ccbe!important;
    text-transform: uppercase;
    border: 1px solid #000000 !important;
    padding: 10px 20px;
    background-color: #000000 !important;
}

.bg_watch_about {
    width: auto;
    height: 100vh;
    background-image: url('../image/about_us3.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.button_watching {
    position: relative;
    z-index: 100;

    /* transform: translate(-50%, -50%) */
    /* top: -50vh */
    /* left: 50vw */
}

.btn_personal {
    width: auto;
    padding-left: 20px!important;
    padding-right: 20px!important;
}

.text-brown1 {
    color: #d8ccbe!important;
}

.text-brown1:hover {
    color: #ffffff!important;
}

.number-width {
    width: 72%!Important;
}

.logo-lader {
    height: 5vh;
    width: auto;
}

.menu {
    color: #d8ccbe;
}

.black-50 {
    color: rgba(0, 0, 0, 0.52);
}

.text-brown1_1 {
    color: #d8ccbe;
}

.full-overlay-dark {
    background-color: rgba(0, 0, 0, 0.5);
}

.card-text {
}

.chevron-gallery {
    background-color: rgba(0, 0, 0, 0.73);
    padding: 35px 25px;
    border-radius: 10px;
}

.pl_1_25rem {
    padding-left: 1.25rem;
}

@media only screen and (max-width:499px) {
    .bouton-left-sm {
        text-align: left;
    }
}

@media (max-width:499px) {
    .sm-pb-0 {
        padding-bottom: 0px!important;
    }
}

.bg-blur-black {
    position: absolute;
    width: 100%;
    height: 6vh;
    -webkit-backdrop-filter: blur(10px)!important;
    backdrop-filter: blur(10px)!important;
    background-color: rgba(83, 66, 50, 0.7) !important;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.img-50 {
    width: 50%;
}

.bg_noir {
    background-color: #000000;
}

@media (orientation: portrait) {
    .video-large {
        visibility: hidden;
    }
}

@media (orientation: landscape) {
    .video-small {
        visibility: hidden;
    }
}

@media (orientation: landscape) {
    .video-large {
        visibility: visible;
    }
}

@media (orientation: portrait) {
    .video-small {
        visibility: visible;
    }
}

#background-video1 {
    object-fit: cover;
    width: 100% !important;
    height: 100vh!important;
    top: 0;
    left: 0;
    overflow-y: hidden;
}

.border-bottom-50-black {
    border-bottom: 1px solid rgba(0, 0, 0, 0.5)!important;
}

.pt-05vh {
    margin-top: 0.5vh;
}

#accordion {
    padding-bottom: 3rem!important;
}

.space-letter-10px {
    letter-spacing: 10px;
}

.full-overlay-transp {
    background-color: rgba(0, 0, 0, 0);
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    padding-top: 6vh;
    margin-top: 0vh !important;
}

.hr2 {
    height: 0.5px;
    margin-top: 5px;
    margin-bottom: 55px;
    width: 90%;
    margin-left: 2%;
    background-color: rgba(0, 0, 0, 0.49);
    border: 1px solid rgba(0, 0, 0, 0);
}

.mt--2px {
    margin-top: -10px;
}

@media (max-width:769px) {
    .h1,
    h1 {
        font-size: 2vh !important;
        line-height: 3vh !important;
    }
}

.h2,
h2 {
    font-size: 2rem;
    line-height: 2.5rem;
}

.h4,
h4 {
    font-size: 1.5vh!important;
    line-height: 2vh!important;
}

.h5,
h5 {
    font-size: 1.5vh;
    line-height: 3vh;
}

p {
    font-size: 1.5vh!important;
    line-height: 2vh!important;
}

.gtranslate_wrapper {
    margin-top: 2px;
}

.gt_selector {
    background-color: rgba(241, 15, 15, 0);
    color: #d8ccbe;
    font-size: 1.2vh!important;
    text-transform: uppercase;
    border: 1px solid rgba(237, 101, 101, 0);
    -webkit-appearance: none;
    line-height: auto;
    font-family: 'Montserrat', sans-serif;
    margin-left: 2vh;
    margin-right: 0px;
    margin-bottom: 0px;
    bottom: 0;
}

.swipe-gallery {
    display: block;
    flex-shrink: 0;
    width: 100% !important;
    height: 100% !important;
    position: relative;
}

.h50-vh {
    height: 50vh !important;
}

.img-align-center {
    max-width: 600px;
    margin-left: 50%;
    transform: translateX(-50%) !important;
}

.reveal {
    opacity: 0;
    transform: translate3d(0, 100px, 0);
    transition: opacity 0.5s, transform 0.5s;
}

.reveal_visible {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

.width-auto {
    width: auto !important;
}

@media (max-width:499px) {
    .swipe-100-xs {
        width: 100vw!important;
    }
}

@media (min-width:767px) {
    .text-left-mobile {
        text-align: justify!important;
    }
}

/* width */
::-webkit-scrollbar {
    width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
    border-radius: 10px;
    background-color: rgba(0, 0, 0, 0);
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #d8ccbe;
    border-radius: 10px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #b0967d;
}

.scrollbar {
    overflow: scroll;
    height: 80vh;
    overflow-x: hidden;
}

.sujet {
    display: none;
}

.align-middle-center {
    justify-content: center;
    display: inline-grid;
    align-items: center;
}

.h25vh {
    height: 25vh;
}

.mb50px {
    margin-bottom: 50px;
}

.align-center-bottom {
    position: relative;
    top: 90%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin-left: 0 !important;
}

.figure-bottom {
    position: absolute;
    align-items: flex-end;
    display: flex;
    width: 100vw;
    vertical-align: bottom;
    bottom: 0;
}

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

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

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

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

.mt-70px {
    margin-top: 70px;
}

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

.mt-140px {
    margin-top: 140px;
}

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

.s1-fally {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-image: url('../en/S1/fally/images/Rose%20gold+2.webp');
}

.s1-fally-portrait {
    background-image: url('../en/S1/fally/images/S1%20rose%20gold%202.webp');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

/* Pop-up après formulaire de garantie */
.wmodal.whidden {
    display: none;
}

.wmodal {
    position: fixed;
    inset: 0;
    z-index: 9999;
    display: grid;
    place-items: center;
}

.wmodal__backdrop {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,.5);
}

.wmodal__dialog {
    position: relative;
    z-index: 1;
    max-width: 520px;
    width: calc(100% - 2rem);
    background: #fff;
    border-radius: 16px;
    padding: 28px 24px;
    text-align: center;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
}

.wmodal__title {
    margin: 0 0 8px;
    font-size: 22px;
    font-weight: 700;
}

.wmodal__text {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}

.wmodal__close {
    position: absolute;
    top: 8px;
    right: 10px;
    border: 0;
    background: transparent;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
}

/* ===== SELECT FLAT, CROSS-BROWSER ===== */
.select-flat {
    /* supprime le rendu natif (Mac, iOS, Windows) */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* look "flat" */
    background-color: #d8ccbe;

    /* évite l’effet vitré sur Mac/Safari */
    color: #000;
    border: 1px solid #444;
    border-radius: 0px;
    padding: 10px 40px 10px 12px;
    line-height: 1.2;
    font: inherit;
    background-clip: padding-box;

    /* flèche personnalisée en SVG */
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23cfcfcf' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 18px 18px;

    /* largeur responsive */
    min-height: 44px;
    width: 40%;

    /* confort tactile */
}

/* état : focus / hover */
.select-flat:focus {
    outline: none;
    border-color: #23f3a5;

    /* vert HYT ? à ajuster */
    box-shadow: 0 0 0 3px rgba(35, 243, 165, 0.2);
}

.select-flat:hover {
    border-color: #666;
}

/* désactivé */
.select-flat:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

/* supprime la flèche IE/Edge Legacy */
.select-flat::-ms-expand {
    display: none;
}

/* iOS Safari : évite le zoom sur focus si font trop petite */
@supports (-webkit-touch-callout: none) {
    .select-flat {
        font-size: 16px;
    }
}

/* Variante claire (si besoin sur fond clair) */
.select-flat--light {
    background-color: #d8ccbe;
    color: #111;
    border-color: #ccc;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>");
}

.flat {
    /* supprime le rendu natif (Mac, iOS, Windows) */
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;

    /* look "flat" */
    background-color: #d8ccbe;

    /* évite l’effet vitré sur Mac/Safari */
    color: #000;
    border: 1px solid #444;
    border-radius: 0px;
    padding: 10px 40px 10px 12px;
    line-height: 1.2;
    font: inherit;
    background-clip: padding-box;

    /* flèche personnalisée en SVG */
    /* largeur responsive */
    min-height: 44px;
    width: 40%;

    /* confort tactile */
}

/* ====== Grille du formulaire ====== */
.warranty-form {
    max-width: 920px;

    /* largeur confortable */
    margin: 0 auto;

    /* centré */
}

.wf-grid {
    display: grid;
    grid-template-columns: 240px 1fr;

    /* label | champ */
    column-gap: 20px;
    row-gap: 18px;
}

/* Un bloc "label + input" = une ligne de grille */
.wf-row {
    display: contents;

    /* permet : label colonne 1, champ colonne 2 */
}

/* Label colonne gauche, bien aligné */
.wf-label {
    grid-column: 1;
    align-self: center;
    margin: 0;
    font-weight: 600;
    line-height: 1.2;
}

/* Contenu (input/select/help) colonne droite */
.wf-control {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

/* Aide sous le champ */
.wf-help {
    font-size: 0.9rem;
    opacity: 0.8;
}

/* Bouton en bas, aligné sur la colonne des champs */
.wf-actions {
    grid-column: 2;
    margin-top: 8px;
}

/* Responsive : en-dessous de 768px, on passe en 1 colonne */
@media (max-width: 768px) {
    .wf-grid {
        grid-template-columns: 1fr;
        row-gap: 14px;
    }

    .wf-label,
    .wf-control,
    .wf-actions {
        grid-column: 1;
    }
}

/* Aligne l’input + le bouton info sur une même ligne */
.wf-inline {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Bouton icône “flat” */
.icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 1px none #444;
    border-radius: 8px;
    background: transparent;
    color: #d8ccbe;
    cursor: pointer;
    transition: box-shadow .2s, border-color .2s;
}

.icon-btn:hover {
    outline: none;
    box-shadow: 0 0 0 3px #d8ccbe;
}

.icon-btn .ti-info-alt {
    font-size: 18px;
    line-height: 1;
}

.img-information {
    border-radius: 50px;
}

/* style visuel quand désactivé */
.flat[disabled],
input[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

.bg_transparent {
    background-color: rgba(240, 0, 0, 0)!important;
}

.btn-filter-watches {
    border-radius: 50px;
    width: 120px;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 3vh;
}

.rounded-50 {
    border-radius: 50px;
}

.bg-blur-brown {
    position: absolute;
    width: 100%;
    background-color: rgba(83, 68, 50, 0.73)!important;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background-color: rgba(217, 108, 108, 0);
}