/******************** FONT FACE ******************************/
@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;font-display:auto;src:url(../../lib/fontawesome/webfonts/fa-light-300.eot);src:url(../../lib/fontawesome/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(../../lib/fontawesome/webfonts/fa-light-300.woff2) format("woff2"),url(../../lib/fontawesome/webfonts/fa-light-300.woff) format("woff"),url(../../lib/fontawesome/webfonts/fa-light-300.ttf) format("truetype"),url(../../lib/fontawesome/webfonts/fa-light-300.svg#fontawesome) format("svg")}
@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;font-display:auto;src:url(../../lib/fontawesome/webfonts/fa-brands-400.eot);src:url(../../lib/fontawesome/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../../lib/fontawesome/webfonts/fa-brands-400.woff2) format("woff2"),url(../../lib/fontawesome/webfonts/fa-brands-400.woff) format("woff"),url(../../lib/fontawesome/webfonts/fa-brands-400.ttf) format("truetype"),url(../../lib/fontawesome/webfonts/fa-brands-400.svg#fontawesome) format("svg")}

@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Regular.eot');src:local('Gilroy Regular'),local('Gilroy-Regular'),url('../../lib/gilroy/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Regular.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Regular.woff') format('woff'),url('../../lib/gilroy/Gilroy-Regular.ttf') format('truetype');font-weight:normal;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-ExtraboldItalic.eot');src:local('Gilroy Extrabold Italic'),local('Gilroy-ExtraboldItalic'),url('../../lib/gilroy/Gilroy-ExtraboldItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-ExtraboldItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-ExtraboldItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-ExtraboldItalic.ttf') format('truetype');font-weight:800;font-style:italic;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Bold.eot');src:local('Gilroy Bold'),local('Gilroy-Bold'),url('../../lib/gilroy/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Bold.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Bold.woff') format('woff'),url('../../lib/gilroy/Gilroy-Bold.ttf') format('truetype');font-weight:bold;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Black.eot');src:local('Gilroy Black'),local('Gilroy-Black'),url('../../lib/gilroy/Gilroy-Black.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Black.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Black.woff') format('woff'),url('../../lib/gilroy/Gilroy-Black.ttf') format('truetype');font-weight:900;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Light.eot');src:local('Gilroy Light'),local('Gilroy-Light'),url('../../lib/gilroy/Gilroy-Light.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Light.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Light.woff') format('woff'),url('../../lib/gilroy/Gilroy-Light.ttf') format('truetype');font-weight:300;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Semibold.eot');src:local('Gilroy Semibold'),local('Gilroy-Semibold'),url('../../lib/gilroy/Gilroy-Semibold.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Semibold.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Semibold.woff') format('woff'),url('../../lib/gilroy/Gilroy-Semibold.ttf') format('truetype');font-weight:600;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Medium.eot');src:local('Gilroy Medium'),local('Gilroy-Medium'),url('../../lib/gilroy/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Medium.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Medium.woff') format('woff'),url('../../lib/gilroy/Gilroy-Medium.ttf') format('truetype');font-weight:500;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-MediumItalic.eot');src:local('Gilroy Medium Italic'),local('Gilroy-MediumItalic'),url('../../lib/gilroy/Gilroy-MediumItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-MediumItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-MediumItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-MediumItalic.ttf') format('truetype');font-weight:500;font-style:italic;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-BlackItalic.eot');src:local('Gilroy Black Italic'),local('Gilroy-BlackItalic'),url('../../lib/gilroy/Gilroy-BlackItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-BlackItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-BlackItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-BlackItalic.ttf') format('truetype');font-weight:900;font-style:italic;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-UltraLight.eot');src:local('Gilroy UltraLight'),local('Gilroy-UltraLight'),url('../../lib/gilroy/Gilroy-UltraLight.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-UltraLight.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-UltraLight.woff') format('woff'),url('../../lib/gilroy/Gilroy-UltraLight.ttf') format('truetype');font-weight:200;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-RegularItalic.eot');src:local('Gilroy Regular Italic'),local('Gilroy-RegularItalic'),url('../../lib/gilroy/Gilroy-RegularItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-RegularItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-RegularItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-RegularItalic.ttf') format('truetype');font-weight:normal;font-style:italic;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-SemiboldItalic.eot');src:local('Gilroy Semibold Italic'),local('Gilroy-SemiboldItalic'),url('../../lib/gilroy/Gilroy-SemiboldItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-SemiboldItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-SemiboldItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-SemiboldItalic.ttf') format('truetype');font-weight:600;font-style:italic;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-HeavyItalic.eot');src:local('Gilroy Heavy Italic'),local('Gilroy-HeavyItalic'),url('../../lib/gilroy/Gilroy-HeavyItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-HeavyItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-HeavyItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-HeavyItalic.ttf') format('truetype');font-weight:900;font-style:italic;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Extrabold.eot');src:local('Gilroy Extrabold'),local('Gilroy-Extrabold'),url('../../lib/gilroy/Gilroy-Extrabold.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Extrabold.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Extrabold.woff') format('woff'),url('../../lib/gilroy/Gilroy-Extrabold.ttf') format('truetype');font-weight:800;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-BoldItalic.eot');src:local('Gilroy Bold Italic'),local('Gilroy-BoldItalic'),url('../../lib/gilroy/Gilroy-BoldItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-BoldItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-BoldItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-BoldItalic.ttf') format('truetype');font-weight:bold;font-style:italic;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-UltraLightItalic.eot');src:local('Gilroy UltraLight Italic'),local('Gilroy-UltraLightItalic'),url('../../lib/gilroy/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-UltraLightItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-UltraLightItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-UltraLightItalic.ttf') format('truetype');font-weight:200;font-style:italic;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-LightItalic.eot');src:local('Gilroy Light Italic'),local('Gilroy-LightItalic'),url('../../lib/gilroy/Gilroy-LightItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-LightItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-LightItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Heavy.eot');src:local('Gilroy Heavy'),local('Gilroy-Heavy'),url('../../lib/gilroy/Gilroy-Heavy.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Heavy.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Heavy.woff') format('woff'),url('../../lib/gilroy/Gilroy-Heavy.ttf') format('truetype');font-weight:900;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-Thin.eot');src:local('Gilroy Thin'),local('Gilroy-Thin'),url('../../lib/gilroy/Gilroy-Thin.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-Thin.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-Thin.woff') format('woff'),url('../../lib/gilroy/Gilroy-Thin.ttf') format('truetype');font-weight:100;font-style:normal;}
@font-face{font-family:'Gilroy';src:url('../../lib/gilroy/Gilroy-ThinItalic.eot');src:local('Gilroy Thin Italic'),local('Gilroy-ThinItalic'),url('../../lib/gilroy/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),url('../../lib/gilroy/Gilroy-ThinItalic.woff2') format('woff2'),url('../../lib/gilroy/Gilroy-ThinItalic.woff') format('woff'),url('../../lib/gilroy/Gilroy-ThinItalic.ttf') format('truetype');font-weight:100;font-style:italic;}

@font-face {font-family: "Font Awesome 5 Pro";font-style: normal;font-weight: 300;font-display: auto;src: url(../../lib/fa/webfonts/fa-light-300.eot);src: url(../../lib/fa/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"), url(../../lib/fa/webfonts/fa-light-300.woff2) format("woff2"), url(../../lib/fa/webfonts/fa-light-300.woff) format("woff"), url(../../lib/fa/webfonts/fa-light-300.ttf) format("truetype"), url(../../lib/fa/webfonts/fa-light-300.svg#fontawesome) format("svg")}
@font-face {font-family: "Font Awesome 5 Brands";font-style: normal;font-weight: normal;font-display: auto;src: url(../../lib/fa/webfonts/fa-brands-400.eot);src: url(../../lib/fa/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"), url(../../lib/fa/webfonts/fa-brands-400.woff2) format("woff2"), url(../../lib/fa/webfonts/fa-brands-400.woff) format("woff"), url(../../lib/fa/webfonts/fa-brands-400.ttf) format("truetype"), url(../../lib/fa/webfonts/fa-brands-400.svg#fontawesome) format("svg")}
@font-face{font-family:"Flaticon";src:url(../../lib/flaticon/Flaticon.eot);src:url(../../lib/flaticon/Flaticon.eot?#iefix) format("embedded-opentype"),url(../../lib/flaticon/Flaticon.woff2) format("woff2"),url(../../lib/flaticon/Flaticon.woff) format("woff"),url(../../lib/flaticon/Flaticon.ttf) format("truetype"),url(../../lib/flaticon/Flaticon.svg#Flaticon) format("svg");font-weight:400;font-style:normal}
@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: "Flaticon";src: url("../../lib/flaticon/Flaticon.svg#Flaticon") format("svg")}}
[class^="icon-"]:before, [class*=" icon-"]:before, [class^="icon-"]:after, [class*=" icon-"]:after {font-family: Flaticon;font-style: normal;}


/************* GENERAL **************/
*,*:after,*:before{-webkit-tap-highlight-color:transparent;list-style-position:inside;list-style-type:none;color:inherit;box-sizing:border-box;margin:0;padding:0;outline:none;position:relative;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td,p,figure,figcaption,button{border:0;font-size:inherit;color:inherit;background:transparent;}
section,article,header,footer,nav,aside{display:block;}
table,td,blockquote,code,pre,textarea,input{max-width:100%;}
p,dd,ul{word-wrap:break-word;-webkit-hyphens:none;-ms-hyphens:none;-o-hyphens:none;hyphens:none;}
input,textarea,button{resize:none;-webkit-appearance:none;font-family:inherit;}
img{border:none;height:auto;vertical-align:bottom;}
i{font-style:normal;}
a,button{border:0;cursor:pointer;color:inherit;text-decoration:none;transition:.25s;}
a,a:hover,a:active,a:focus,button,button:hover,button:focus,button:active{text-decoration:none;outline:none;}
address{font-style:normal;}
strong{font-weight:bold;}
[data-link]{cursor:pointer;}
          
/* autocomplete styles in Chrome */
    input:-webkit-autofill,
    input:-webkit-autofill:hover,
    input:-webkit-autofill:focus,
    textarea:-webkit-autofill,
    textarea:-webkit-autofill:hover,
    textarea:-webkit-autofill:focus,
    select:-webkit-autofill,
    select:-webkit-autofill:hover,
    select:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 0 transparent inset;transition:background-color 5000s ease-in-out 0s;background-color:inherit!important;}
        
/* selection styling */
    *::-moz-selection{background:#eee;color:#fff;}
    *::selection{background:#eee;color:#fff;}

/* selection placeholder */
    ::-webkit-input-placeholder{color:inherit;opacity:.5;}
    ::-moz-placeholder{color:inherit;opacity:.5;}
    ::-ms-input-placeholder{color:inherit;opacity:.5;}

/* fa */
    .fa:before{font-family:"Font Awesome 5 Pro";font-weight:300}
    .fab:before{font-family:"Font Awesome 5 Brands";}
    .phone:before{content:'\f095';}
    .heart:before{content:'\f004';}
    .envelope:before{content:'\f0e0';}
    .marker:before{content:'\f041';}
    .at:before{content:'\f1fa';}
    .times:before{content:'\f00d';}
    .cookie:before{content:'\f563';}
    .infos:before{content:'\f05a';}
    .lal:before{content:'\f177';}
    .chevron-left:before{content:'\f053';}
    .chevron-right:before{content:'\f054';}
    .fa-at:before{content:'\f1fa';font-size:80%}
    .fa-cookie:before{content:'\f563'}
    .fa-map-marker:before{content:'\f041'}
    .fa-phone:before{content:'\f095'}
    .fa-envelope:before{content:'\f0e0';top:1px}
    .fa-long-arrow-right:before{content:'\f178'}
    .fa-long-arrow-left:before{content:'\f177'}
    .fa-long-arrow-up:before{content:'\f176'}
    .fa-fb:before{content:'\f39e'}
    .fa-instagram:before{content:'\f16d'}
    .fa-linkedin:before{content:'\f0e1'}
    .fa-tw:before{content:'\f099'}
    .fa-tiktok:before{content:'\e07b';}
    .fa-youtube:before{content:'\f167'}
    .fa-clock:before{content:'\f017'}
    .fa-link:before{content:'\f0c1'}
    .fa-check:before{content:'\f00c'}
    .fa-user:before{content:'\f007'}
    .fa-map-signs:before{content:'\f277'}
    .fa-map:before{content:'\f279'}
    .fa-pencil:before{content:'\f040'}
    .fa-times:before{content:'\f00d'}
    .fa-plus:before{content:'\f067'}
    .fa-angle-down:before{content:'\f107'}
    .fa-home:before, .fa-house:before {content: "\f015";}
    .fa-globe:before{content:'\f0ac';}
    .fa-expand:before{content:'\f065';}

/* ROOT */
    :root {
        --ct:70vw;
        --ct_max:85vw;
        --ct_padding:calc(35px + 50 * (100vw - 320px) / 1080);
        --cubic:cubic-bezier(.305,.045,.355,1);
        --transi:.5s var(--cubic);
        --spacing:calc(40px + 20 * (100vw - 320px) / 1080);
        --gutter:calc(15px + 5 * (100vw - 320px) / 1080);
        --w-lg:calc(150px + 60 * (100vw - 320px) / 1080);        
        --c5r:255,255,255;
        --c5:rgb(var(--c5r));
        --blur:blur(5px);
        --blur_opac:.7;
        --shad-main: 0px 15px 24px rgb(0 11 40 / 10%);

        --padding-ts: 0 12vw;
        /* --padding-ts: 0 calc(40px + 60 * (100vw - 320px) / 1080); */

    /* COLOR */
        --c1:#1E2D30;
        --c2:#A6362A;
        --c3:#ffffff;
        --c4:#F9F9F9;

    /* FONT FAMILY */
        --f1:'Gilroy', sans-serif;

    /* SUBTITLE */
        --fs-sub:calc(13px + 1 * (100vw - 320px) / 1080);
        --ls-sub:calc(2px + 6 * (100vw - 320px) / 1080);
        --mt-sub:calc(10px + 1%);

    /* TITLE */
        --fs-tit:calc(20px + 15 * (100vw - 320px) / 1080);
        /* --fs-tit:calc(25px + 30 * (100vw - 320px) / 1080); */
        --lh-tit: 1.25;

    /* PARAGRAPHE PAGE */

    /* BTN */
        --fs-btn: 10px;

    /* NAV */
        --fs-nv:calc(20px + 20 * (100vw - 320px) / 1080);
    
    /* WEIGHT */
        --wei1: 100;
        --wei2: 200;
        --wei3: 300;
        --wei4: 400;
        --wei5: 500;
        --wei6: 600;
        --wei7: 700;
        --wei8: 800;
        --wei9: 900;
    }

/*----------------------------------------------------< PRESET APP >---------------------------------------------------*/

html, body{background: var(--c3);color:#fefefe;line-height:1;width:100%;height:100%;overflow:hidden;font-family:freight-text-pro, serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
body:before{display:none;position:absolute;content:'';z-index:99999;top:0;left:400px;width:100%;height:100%;}

/* app */   
    #app{left:0;font-weight:300;width:100%;height:100%;overflow:hidden;z-index:1;}
    [data-page="home "] #app .scroll-content{top:0;left:0;min-width:100%;display:-webkit-box;display:flex;z-index:1;min-height:100%;position:absolute;}
    [data-page="home "] #app .scroll-content > *{height:100vh;}

/* scrollbar */
    .scrollbar-track{mix-blend-mode:difference;cursor:grab;opacity:0;transition:opacity .3s, background .3s;position:absolute;z-index:1;background:#eee;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    .scrollbar-track:hover, .scrollbar-track.show{opacity:1;}
    .scrollbar-track-x{height:1px;bottom:5px;margin:0 auto;left:0;right:0;background:rgba(255,255,255,.08);}
    .scrollbar-track-x .scrollbar-thumb{height:3px;top:-1px;background:rgba(255,255,255,.15);}
    .scrollbar-track-y{height:100%;width:1px;top:0;right:5px;margin:0 auto;background:rgba(255,255,255,.08);}
    .scrollbar-track-y .scrollbar-thumb{width:3px;left:-1px;background:rgba(255,255,255,.15);}
    .verti .scrollbar-track-x, .horiz .scrollbar-track-y{display:none!important;}

/* sub */     
    .sub{margin-bottom: var(--mt-sub);text-transform:uppercase;letter-spacing:var(--ls-sub);font-family: var(--f1);font-size:var(--fs-sub);font-weight: var(--wei8);color: var(--c2);}
    #section-a .sub{margin-bottom: var(--mt-sub);text-transform:uppercase;letter-spacing:var(--ls-sub);font-family: var(--f1);font-size:var(--fs-sub);font-weight: var(--wei8)!important;color: var(--c2);display: none;}

/* titre */     
    .ha{line-height:var(--lh-tit);font-weight:var(--wei5);font-size: var(--fs-tit);color: var(--c1);}
    .ha strong{font-weight:var(--wei3);font-style:italic;color:var(--c2);}
    .ha > span{white-space:nowrap;display:block;overflow:hidden;margin-bottom:calc(-5px - 5  * (100vw - 320px) / 1080);}
    .ha > span > span{display:block;transform:translateY(100%);}
    
    .lg{display:block;}
    .lg img{width: calc(120px + 60 * (100vw - 320px) / 1080);}
    
    .bg{width:100%;height:100%;overflow:hidden;opacity:1;background-position:center center;background-size:cover;position:absolute;top:0;left:0;z-index:0;}
    
    path{stroke-width:4px;}

    .fx{margin-top:0!important;}
    .fxb{margin-top:0!important;top:auto!important;bottom:0!important;}


/* BTN */
    .btn{white-space:nowrap;line-height:1;border:1px solid var(--c2);color:var(--c2);display:inline-block;font-weight:bold;padding:20px 23px;font-family:var(--f1);font-size: var(--fs-btn);text-transform:uppercase;letter-spacing:4px;}
    .btn:hover{color:var(--c4);}
    .btn:before{background:var(--c2);transition:.5s;content:"";position:absolute;bottom:0;left:0;width:100%;height:0;z-index:0;}
    .btn:hover:before{height:100%;}

/* RECAPTCHA STYLING */  
    .captcha{height:40px;display:inline-block;margin:5px 0 10px;}
    .captcha .g-recaptcha{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.4s;z-index:9999;cursor:pointer!important;margin-right:8px;float:left;border:2px solid #1d221e;cursor:pointer;overflow:hidden;width:29px;height:29px;border-radius:50%;}
    .captcha .g-recaptcha:hover{border-color:#ba967b;}
    .captcha .g-recaptcha > div{cursor:pointer!important;width:500px!important;margin-top:-24px;margin-left:-14px;position:static;}
    .captcha .no-robot{font-weight:500;float:left;font-size:13px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
    .captcha .no-robot .liens{font-family:'Gilroy', sans-serif;font-size:10px;font-weight:normal;}
    .captcha .no-robot .liens a:hover{color:#ba967b;}
    

/*----------------------------------------------------< APP >---------------------------------------------------*/

/************* HEADER **************/
#h, #section-x{display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;z-index:5;width:100%;pointer-events:none;}
#section-x{padding:calc(25px + 35 * (100vw - 320px) / 1080);}
#h a, #section-x a{pointer-events:auto;}
body:not(.nav) #h.blck [data-nav] div{color:#292623;}
#h .lg svg{transition:.3s;fill:#fefefe;}
#h .lg span{transition:.3s;width:0;left:40px;}
body:not(.nav) #h.blck .lg span{color:#292623;}
body:not(.nav) #h.blck .lg svg{fill:#292623;}
.onav #h .bnv div {height: 2px}
#h .l {display: flex;align-items: unset}
#h .r {padding-left: 0;padding-top: 0;}
#h .l .lg{padding: 35px;padding-left: 0;}
#h .l .lg img{display: block;fill: #fff;margin-left: 18%;}
#h .bnv {display: flex;justify-content: center;align-items: center;width: 90px;height: 100px;cursor: pointer;background: transparent;backdrop-filter: blur(6px);pointer-events: auto;transition: .3s ease;}
#h .bnv div {transition: .2s;width: 23px;display: flex;flex-direction: column;height: 8px;justify-content: space-between;}
#h .bnv div:before, #h .bnv div:after {background-color: var(--c2);transition: .2s;content: '';width: 100%;height: 2px;display: block;}
#h .navbar{display: none;}

[data-page="home "] #h .navbar {background: #ffffff73;display: initial; backdrop-filter: blur(6px);position: absolute;top: 0;left: 0;width: 90px;height: 100vh;display: flex;flex-direction: column;align-items: center;justify-content: flex-end;z-index: -1;}
[data-page="home "] #h .navbar .ico {height: 30%;display: flex;flex-direction: column;justify-content: space-around;align-items: center}
[data-page="home "] #h .navbar li {transition: .4s ease-in-out;text-shadow: 0 1px 3px rgba(0,0,0,.25),0 0 10px rgba(0,0,0,.1)}
[data-page="home "] #h .navbar li:hover {transform: translateY(-5px)}
[data-page="home "] #h .navbar li a span:before {color: var(--c1)}

#h .r{padding-right: calc(25px + 35 * (100vw - 320px) / 1080);}
#h .r .or {white-space: nowrap;display: flex;align-items: center; font-family: var(--f1);}
#h .r .or:active {transform: scale(.95)}
#h .r .or:before {transition: .5s;content: "";position: absolute;top: 0;left: 0;width: 65px;height: 65px;background: #0c7182;border-radius: 60px;z-index: 0}
#h .r .or:before,.fix #h .bn .rnd,.fix #h .coord i:not(.fa-at) {background: #0a5d6b}
#h .r .or:hover:before {width: calc(100% + 25px)}
#h .r .or:before {background: var(--c2) ;animation: bOr 1s infinite linear}
#h .r .or i {border-radius: 50%;font-size: calc(18px + 2 * (100vw - 320px)/1080);color: #d3a856;margin-right: 10px;width: 65px;height: 65px;display: flex;align-items: center;justify-content: center}
#h .r .or i:before {transition: .5s}
#h .r .or a:hover i:before {margin-left: 12px}
#h .r .or i {color: #fff}
#h .r .or i.ico-contact:before {top: 3px;left: -2px}
#h .r .or strong {display: block;font-size: 17px;margin-top: 3px;color: var(--c1);transition: .5s;}
#h .r .or:hover strong {color: var(--c3);}
#h .r .or:hover small {color: var(--c3);}
#h .r .or small {font-size: 13px;margin-top: -3px;display: block;color: var(--c1);transition: .5s;}
#h .sub{margin-bottom: 0!important;font-size: calc(15px + 1 * (100vw - 320px) / 1080);}
@keyframes bOr {0% {box-shadow: 0 0 0 0 var(--c2)}100% {box-shadow: 0 0 0 15px transparent}}

/************* NAVIGATION **************/
#nv{display:flex;align-items:center;justify-content:center;z-index:-1;position:fixed;top:0;left:0;height:100%;width:100%;pointer-events:none;font-family: var(--f1);}
#nv nav{width:55%;}
#nv .nu{z-index:500;line-height:1.3;font-size:var(--fs-nv);font-weight: var(--wei6);}
#nv .nu li{overflow:hidden;}
#nv .nu a{transition:all 0s, color .4s;pointer-events:none;display:inline-block;padding:10px 0;}
#nv a{pointer-events:none;color: var(--c1);}
#nv a:hover{color: var(--c2);}
#nv .bg{height:0;background: var(--c3);top:auto;bottom:0;}
.nav #nv, .nav #nv a{pointer-events:auto;}
#nv video{opacity:0;position:absolute;top:50%;left:50%;width:105vw;max-width:105vw;z-index:0;transform:translateX(-50%) translateY(-50%);}
#nv .rg{z-index:600;position:absolute;right:0;text-align:right;bottom:15px;}
#nv .rg ul{line-height:1.2;}
#nv .rg li{overflow:hidden;margin-bottom:calc(15px + 2%);font-size:calc(15px + 3 * (100vw - 320px) / 1080);}
#nv .rg a{transition:all 0s, color .4s;display:inline-block}
#nv .rg p{font-size:calc(13px + 2 * (100vw - 320px) / 1080);padding-top:10px;color: var(--c1);}
#nv .bg:before {opacity: 1;background: url(../../img/motif.png) center center repeat;content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}

/************* TRANSITION **************/
#l{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;}
#l .bg{background:var(--c3);top:auto;bottom:0;}
#l .lo{overflow:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:5;}
#l .lo img{width: calc(150.55556px + 3.88889vw)!important;height: auto!important;}

/************* COOKIES **************/
#ck{overflow:hidden;background-color:var(--c2);color:var(--c3);box-shadow:0 15px 20px rgba(0,0,0,.3);border-radius:3px;transition:transform .6s,opacity .6s,visibility .6s;transform:translateY(100%);opacity:0;visibility:hidden;max-width:calc(99vw - 20px);position:fixed;bottom:calc(10px + .5vw);left:calc(10px + .5vw);z-index:9999;width:400px;font-size:11px;line-height:1.3;font-family: var(--f1);}
.cks #ck{transform:translateY(0);opacity:1;visibility:visible}
#ck .ckc{display:flex;align-items:flex-start;padding:20px}
#ck p strong{display:block;margin-bottom:10px;font-size:130%;line-height:1}
#ck a{font-weight:700;text-decoration:underline}
#ck a:hover{color:#222}
#ck i{color:#fff;font-size:35px;margin-right:15px;top:-8px}
#ck i:before{animation:cookies 1s infinite linear}
#ck .ckb{display:flex;font-size:15px;font-weight:700}
#ck .ckb>*{border-top:1px solid rgba(0,0,0,.1);flex:1;background-color:rgba(0,0,0,.1);padding:14px 0 15px}
#ck .ckb>:hover{background-color:rgba(0,0,0,.15)}
#ck .ckb>*+*{border-left:1px solid rgba(0,0,0,.1)}
#ck .ckb small{font-size:13px;font-weight:400}
@keyframes cookies {0%{content:'\f563'}100%{content:'\f564'}}

/************* SECTION A **************/
#section-a{flex:0 0 100vw;height:100vh;overflow:hidden;display:flex;align-items:center;justify-content:center;font-family: var(--f1);}
#section-a .bg:after{background-color: rgb(255 255 255 / 47%);background-size:cover;content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;}
#section-a .ac{width:60%;z-index:10;}
#section-a .ha{line-height:1.2;font-weight:var(--wei5);font-size:calc(30px + 50 * (100vw - 320px) / 1080);color: var(--c1);}
#section-a .ha strong{font-weight:300;font-style:italic;color: var(--c2)!important;}
#section-a .ha > span:nth-child(2){padding-left:calc(100px + 100 * (100vw - 320px) / 1080);}
#section-a .bt{padding-top:calc(30px + 2%);padding-left:calc(105px + 100 * (100vw - 320px) / 1080);}

/************* SECTION B **************/
#section-b{flex:0 0 auto;z-index:100;display:flex;align-items:center;padding: var(--padding-ts);font-family: var(--f1);color: var(--c1); }
#section-b .ha > span:nth-child(2){padding-left:calc(70px + 80 * (100vw - 320px) / 1080);}
#section-b .t{max-width:100%;margin-top:calc(25px + 2%);margin-left:calc(70px + 80 * (100vw - 320px) / 1080);font-size:calc(12px + 1 * (100vw - 320px) / 1080);width:350px;text-align:justify;line-height:2}
#section-b .btn{margin-top:calc(25px + 2%);}
#section-b .si{pointer-events:none;display:flex;justify-content:space-between;position:absolute;bottom:0;right:0;transform:translateX(70%);}
/* #section-b .si img{transform:translateY(20%);} */
#section-b .si .sp{width: calc(120px + 50 * (100vw - 320px) / 1080);}

/************* SECTION C IMG **************/
#section-c{flex:0 0 calc(1000px + 250 * (100vw - 320px) / 1080);min-width:1000px;height:100vh;line-height:1.7;overflow:hidden;display:flex;align-items:center;justify-content:center;}
#section-c .bg{opacity:.8;width:100%;}

/************* SECTION D **************/
#section-d{flex:0 0 auto;z-index:100;display:flex;align-items:center;}
#section-d .tch{position:absolute;top:50%;left:0;transform:translate(-50%, -50%);background-color: var(--c3);border-radius:50%;padding:10px;font-family: var(--f1);}
#section-d .tc {color: var(--c1);pointer-events: none;font-weight: 700;user-select: none;-moz-user-select: none;width: calc(90px + 25 * (100vw - 320px)/1080);height: calc(90px + 25 * (100vw - 320px)/1080);pointer-events: none}
#section-d .tc svg {fill: var(--c1);animation: rotate 8s infinite linear;position: absolute;width: 150%;height: 150%;left: -25%;top: -25%}
#section-d .tc i {font-size: calc(20px + 10 * (100vw - 320px)/1080);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: var(--c2);}
#section-d .tc i.is {font-size: calc(25px + 10 * (100vw - 320px)/1080)}
#section-d .tc i.awr {animation: arrow 1s infinite linear}
#section-d .tc i.awd {animation: arrowd 1s infinite linear}
#section-d .t{margin-top:calc(40px + 5%);font-size:calc(12px + 2 * (100vw - 320px) / 1080);}
#section-d .part-2 > .ct{padding: var(--padding-ts);}
#section-d .part-2 .ct{width:auto;font-family: var(--f1);}
#section-d .part-2 .list-s{white-space:nowrap;margin:calc(30px + 50 * (100vh - 320px) / 1080) 0 calc(-5px - 1vh);font-size:calc(13px + 2 * (100vw - 320px) / 1080);color: var(--c1);}
#section-d .part-2 .list-s > div{margin-bottom:calc(10px + 2vh);}
#section-d .part-2 .list-s > div > div{display:inline-flex;align-items:center;}
#section-d .part-2 .list-s img{transition:color .5s;display:flex;align-items:center;justify-content:center;margin-right:10px;border:1px solid #a6362a57;border-radius:50%;padding: 15px;}
#section-d .part-2 .list-s > div > div:hover i{color:#edf1f3;}
#section-d .part-2 .list-s i:before{z-index:5;}
#section-d .part-2 .list-s i:after{transition:opacity .5s;opacity:0;position:absolute;top:0;left:0;border-radius:50%;width:100%;height:100%;content:'';z-index:0;}
#section-d .part-2 .list-s > div > div:hover i:after{opacity:1;}
#section-d .part-2 .list-s .content ul li + li::before {content: "•";margin: 0px 5px;}
#section-d .part-2 .list-s .content{display: flex;flex-direction: column;}
#section-d .part-2 .list-s .content span{font-weight: 600;font-size:calc(15px + 5 * (100vw - 320px) / 1080);margin-bottom: calc(3px + 1%);}
#section-d .part-2 .list-s ul{display: flex;align-items: flex-start;}
#section-d .part-2 .list-s ul li{transition: color .5s;cursor: pointer;}
#section-d .part-2 .list-s ul li:hover{color: var(--c2)}
@keyframes arrow {0% {margin-left: -5px}50% {margin-left: 5px}100% {margin-left: -5px}}
@keyframes arrowd {0% {margin-top: -5px}50% {margin-top: 5px}100% {margin-top: -5px}}
@keyframes rotate {from {transform: rotate(0deg)}to {transform: rotate(-360deg)}}

/************* SECTION E IMG **************/
#section-e{flex:0 0 calc(1000px + 250 * (100vw - 320px) / 1080);min-width:1000px;height:100vh;line-height:1.7;overflow:hidden;display:flex;align-items:center;justify-content:center;}
#section-e .bg{opacity:.8;width:120%;}

/************* SECTION F **************/
#section-f{display:flex;align-items:center;justify-content:center;flex:0 0 auto;font-family: var(--f1)}
#section-f > .ct{padding:0 12vw;}
#section-f{color: black;}
#section-f .chif{display:flex;margin-top:calc(25px + 10 * (100vw - 320px) / 1080);}
#section-f .chif > div{text-align:center;display:flex;align-items:center;text-align:left;margin-right:calc(40px + 15 * (100vw - 320px) / 1080);}
#section-f .chif div:last-child {margin-right:0!important;}
#section-f .tit{margin-left:20px;font-size:calc(14px + 4 * (100vw - 320px) / 1080);font-weight: var(--wei6);}
#section-f .tit small{font-size:calc(12px + 1 * (100vw - 320px) / 1080);font-weight: var(--wei6);display:block;margin-bottom:4px;color: var(--c2);}
#section-f svg{fill:none;stroke-linecap:round;stroke-dasharray:0 999;fill:transparent;stroke-width:2px;opacity:0;}
#section-f .nmb{margin:auto;width:calc(75px + 15 * (100vw - 320px) / 1080);}
#section-f .nmb strong{font-size:calc(16px + 3 * (100vw - 320px) / 1080);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:block;text-align:center;width:100%;}
#section-f .nmb.m3 strong:before{content:'';}
#section-f .nmb.percent strong:after{content:'%';}
#section-f .nmb.plus strong:before{content:'+';}
#section-f .nmb.minus strong:before{content:'-';}
#section-f .btn{margin-top: calc(25px + 2%);}

/************* SECTION G IMG **************/
#section-g{flex:0 0 calc(1000px + 250 * (100vw - 320px) / 1080);min-width:1000px;height:100vh;line-height:1.7;overflow:hidden;display:flex;align-items:center;justify-content:center;}
#section-g .bg{opacity:.8;width:120%;}

/************* SECTION H **************/
#section-h{flex:0 0 auto;z-index:100;display:flex;align-items:center;font-family: var(--f1);color: var(--c1);background: #F9F9F9;}
#section-h > .ct{padding: var(--padding-ts);}
#section-h .lgs{display:flex;align-items:center;margin: calc(30px + 50*(100vh - 320px) / 1080) 0 calc(-5px - 1vh);}
#section-h .lgs img{margin-left:calc(40px + 30 * (100vw - 320px) / 1080);width: calc(250px + 50 * (100vw - 320px) / 1080);}
#section-h .lgs img:nth-child(1){margin: 0!important;}

/************* SECTION I **************/
#section-i{flex:0 0 auto;z-index:100;display:flex;align-items:center;padding: var(--padding-ts);font-family: var(--f1);color: var(--c1);background: var(--c3);padding: 0  calc(25px + 30 * (100vw - 320px) / 1080);}
#section-i > .ct{padding: var(--padding-ts);}
#section-i .tch{position:absolute;top:50%;left:0;transform:translate(-50%, -50%);background-color: var(--c3);border-radius:50%;padding:10px;font-family: var(--f1);}
#section-i .tc {color: var(--c1);pointer-events: none;font-weight: 700;user-select: none;-moz-user-select: none;width: calc(90px + 25 * (100vw - 320px)/1080);height: calc(90px + 25 * (100vw - 320px)/1080);pointer-events: none}
#section-i .tc svg {fill: var(--c1);animation: rotate 8s infinite linear;position: absolute;width: 150%;height: 150%;left: -25%;top: -25%}
#section-i .tc i {font-size: calc(20px + 10 * (100vw - 320px)/1080);position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: var(--c2);}
#section-i .tc i.is {font-size: calc(25px + 10 * (100vw - 320px)/1080)}
#section-i .tc i.awr {animation: arrow 1s infinite linear}
#section-i .tc i.awd {animation: arrowd 1s infinite linear}
#section-i .lgs{display:flex;align-items:center;margin: calc(30px + 50*(100vh - 320px) / 1080) 0 calc(-5px - 1vh);margin-top: 0!important;}
#section-i .lgs .ct-c{margin-left:calc(40px + 30 * (100vw - 320px) / 1080);}
#section-i .lgs .ct-c:nth-child(1){margin: 0!important;}
#section-i .lgsp img{width:calc(250px + 150 * (100vw - 320px) / 1080);box-shadow:0 10px 50px rgba(0,0,0,.05);height: 30vh;object-fit: cover;}
#section-i .lgsp img.imah{width:calc(300px + 500 * (100vw - 320px) / 1080);}
#section-i .ct-c .ct-t .cat {margin-top: calc(25px + .5%);color: var(--c2);letter-spacing: calc(2px + 3 * (100vw - 320px) / 1080);font-weight: var(--wei3);text-transform: uppercase;font-size: 11px;font-weight: var(--wei7);}
#section-i .ct-c{width: 100%;}
#section-i .ct-c .ct-t h2 {margin: calc(15px + 1%) 0;font-size: calc(15px + 5 * (100vw - 320px)/1080);color: var(--c1);line-height: 1;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;max-width: 100%;}
#section-i .ct-c{cursor: pointer;}
#section-i .ct-c img{transition: .4s;}
#section-i .ct-c:hover img{transform: scale(1.05);}
#section-i  .ct-c .ct-i{overflow: hidden;}
#section-i  .ct-c .ct-i::before {transition: .4s;margin-top: 25px;content: '\f002';position: absolute;left: 50%;top: 50%;font-family: 'Font Awesome 5 Pro';color: var(--c3);z-index: 10;pointer-events: none}
#section-i  .ct-c .ct-i::after {transition: .4s;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: var(--c2);opacity: 0}
#section-i  .ct-c:hover .ct-i::after {opacity: .6;}
#section-i  .ct-c:hover .ct-i::before {opacity: 1;margin-top: 0;}
#section-i  .ct-c:hover .ct-i::after {opacity: .6;}
#section-i  .ct-c .ct-i::before {transform: translate(-50%, -50%);font-size: calc(30px + 10 * (100vw - 320px) / 1080);opacity: 0;font-weight: 300;}

/************* SECTION J **************/
#section-j{min-width:calc(400px + 100 * (100vw - 320px) / 1080);overflow:hidden;}
#section-j .lo{display:flex;align-items:center;justify-content:center;z-index:10;position:absolute;width:90px;height:90px;background:#292623;top:calc(50% - 45px);left:calc(50% - 45px);}
#section-j .lo img{width:35px;}
#section-j .bg{background-image:url(../../img/jpg/map.jpg);}

/************* SECTION K **************/
#section-k{flex:0 0 auto;align-items:center;justify-content:center;display:flex;padding:0 calc(60px + 60 * (100vw - 320px) / 1080);font-family: var(--f1);}
#section-k .lg{margin:auto;margin-bottom:calc(30px + 3%);display: flex;justify-content: center;}
#section-k ul{text-align:center;font-size:calc(14px + 4 * (100vw - 320px) / 1080);white-space:nowrap;font-weight: var(--wei6);}
#section-k li + li{margin-top:calc(25px + 3%);}
#section-k i:not(.at){display:block;color:var(--c3);font-size:80%;margin-bottom:10px;}
#section-k .at{font-size:60%;}

#section-k .last{bottom: 0;left: 0;width: 100%;height: 100%;position: absolute;overflow: hidden;z-index: 1;}
#section-k .last::before{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;
    /* background: linear-gradient(to top, var(--c2), transparent); */
    background: #A6362A;
    background: linear-gradient(0deg,rgba(166, 54, 42, 1) 0%, rgba(166, 54, 42, 0.77) 50%, rgba(255, 255, 255, 1) 100%);
    
}
#section-k > div.ot{z-index: 2;}

/* #section-k .bg{width: 150%;} */
/* #section-k .bg::before{content: "";position: absolute;top: 0;left: 0;height: 100%;width: 100%;background-image: linear-gradient(to top, var(--c2), transparent);} */

#section-k .tch{position:absolute;top:50%;left:0;transform:translate(-50%, -50%);background-color: var(--c3);border-radius:50%;padding:10px;font-family: var(--f1);z-index: 9;transition: .3s;}
#section-k .tc {color: var(--c1);width: calc(40px + 20 * (100vw - 320px)/1080);height: calc(40px + 20 * (100vw - 320px)/1080);cursor: pointer;}
#section-k .tc i {font-size: 25px;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: var(--c2);}
#section-k .tch:hover{background-color: var(--c2);}
#section-k .tch:hover i{color: var(--c3);}
#section-k .tc i.is {font-size: calc(25px + 10 * (100vw - 320px)/1080)}
#section-k .tc i.awr {animation: arrow 1s infinite linear}
#section-k .tc i.awd {animation: arrowd 1s infinite linear}

/************* SECTION X **************/
#section-x{top:auto;bottom:0;text-transform:uppercase;letter-spacing:5px;font-family:var(--f1);font-size:11px;font-weight:var(--wei7);color: var(--c1);}
#section-x i{color:var(--c2)!important;margin-right:5px;}
#section-x .scr{transition:.4s .2s;right:0;}
.nav #section-x .scr{opacity:0;right:-10px;}
#section-x .scr div{display:inline-block;overflow:hidden;height:12px;width:80px;vertical-align:middle;padding:0 20px;top:-1px;}
#section-x .scr div span{top:5px;animation:arw 3s infinite linear;position:absolute;left:10%;width:80%;height:1px;background:var(--c2);}
#section-x .scr div span:after,
#section-x .scr div span:before{width:10px;height:1px;position:absolute;right:0;background:var(--c2);content:'';}
#section-x .scr div span:before{transform:rotate(30deg);top:-3px;}
#section-x .scr div span:after{transform:rotate(-30deg);top:3px;}
#section-x .lv{transition:.4s .2s;position:absolute;right:-10px;top:0;opacity:0;}
#section-x .lv i{margin-right:0;}
.nav #section-x .lv{opacity:1;right:10px;}
@keyframes arw{from{margin-left:-80px;}to{margin-left:80px;}}

/************* .df **************/
.df{width:100%;}
.df.nopr{width:100%!important;max-width:100%!important;flex-basis:100%!important;}
.df.nopr p{margin-bottom:20px;}
.df > *:first-child{padding-top:calc(105px + 70 * (100vw - 320px) / 1080);}
.df .ha{font-size:calc(23px + 15 * (100vw - 320px) / 1080);}
.df .ct{width:80vw;max-width:100%;margin:auto;z-index:10;}
.df .p{font-family:'Gilroy', sans-serif;font-size:calc(13px + 2 * (100vw - 320px) / 1080);line-height:1.7;}
.df .p a:hover{text-decoration:underline;}
.df .ha + .p{margin-top:calc(30px + 1.5%);}
.df .p .int{font-size:140%;line-height:1.3;}
.df .p > * + *{margin-top:calc(20px + 1%);}
.df .h3{color:#ba967b;font-size:calc(17px + 8 * (100vw - 320px) / 1080);margin-top:calc(30px + 2%);margin-bottom:calc(15px + 1%);}


/************* PAGE **************/
#t{color:#fff;overflow:hidden;}
#t .tct{padding:calc(150px + 50 * (100vw - 320px) / 1080) 0 calc(180px + 50 * (100vw - 320px) / 1080);background-color:#181818;}
#t .bg{position:absolute;bottom:0;left:0;width:100%;height: 150%;z-index:0;background-position: center;background-size: cover;background-repeat: no-repeat;}
#t .bg::before{content: "";height: 100%;width: 100%;position: absolute;top: 0;left: 0;background-image: linear-gradient(38deg, #ffffff 8%, transparent);z-index: 1;}
#t .ct{z-index:10;}
#t .ct h2{font-weight:600;font-size:calc(20px + 15 * (100vw - 320px) / 1080);color: var(--c1);margin: calc(15px + 5 * (100vw - 320px) / 1080) 0}
#t #bc ol {display: flex;align-items: baseline;font-size: calc(12px + 2 * (100vw - 320px) / 1080);color: var(--c1);}
#t #bc ol li + li:before {color: var(--c1);content: '•';margin: 0 calc(7px + 2 * (100vw - 320px) / 1080);} 
#t #bc ol a {font-weight: var(--wei6)}
#t #bc ol li:last-child {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#t #bc ol li:nth-child(1) a {display: flex;align-items: baseline;}
#t #bc ol a:hover {opacity: 1;color: var(--c2);}
#t #bc ol li:nth-child(1) a span {margin-left: calc(5px + 2 * (100vw - 320px)/ 1080);}
#t + #p .ct{margin-top:-100px;}
#t + #p .ct:before{background-color:#fff;content:"";position:absolute;top:calc(-35px - 30 * (100vw - 320px) / 1080);left:calc(-35px - 30 * (100vw - 320px) / 1080);width:100vw;height:100%;z-index:0;}
#div #app > .scroll-content {width: 100%;height: 100%;z-index: 5;}
#div{font-family: var(--f1);color: var(--c1)}
#div .ct {width: 80%;max-width: 1400px;margin: auto;}
#p{padding-bottom:calc(50px + 45 * (100vw - 320px) / 1080);}
#p{z-index:50;}
#p [class^="h"]{font-weight:bold;line-height:1.1;}
#p .h3{font-size:1.7rem;}
#p .h4{font-size:1.5rem;}
#p .h5{font-size:1.3rem;}
#p .h6{font-size:1.2rem;}
#p .but{color: #B11818;font-weight: 800;}
#p * + [class^="h"], #p * + .col, #p * + .fig, #p * + .grid{margin-top:calc(25px + 5 * (100vw - 320px) / 1080);}
#p .sub + [class^="h"], #p [class^="h"] + *, #p * + .p{margin-top:calc(20px + 2 * (100vw - 320px) / 1080);}
#p .p{color:#393939;font-size:1rem;line-height:1.6;}
#p .p h2{font-size: 1.7rem;font-weight: 700;color: black;}
#p .p + *:not([class^="h"]){margin-top:calc(15px + 5 * (100vw - 320px) / 1080);}
#p .p > * + *{margin-top:calc(15px + 2 * (100vw - 320px) / 1080);}
#p .intro{font-size:1.2rem;line-height:1.3;}
#p [class*="cnt-"]{counter-reset:cnt3 cnt4 cnt5 cnt6;}
#p .cnt-h3 .h3:not(.ncnt):before{content:counter(cnt3) ". ";counter-increment:cnt3;}
#p .cnt-h4 .h4:not(.ncnt):before{content:counter(cnt4) ". ";counter-increment:cnt4;}
#p .cnt-h5 .h5:not(.ncnt):before{content:counter(cnt5) ". ";counter-increment:cnt5;}
#p .cnt-h6 .h6:not(.ncnt):before{content:counter(cnt6) ". ";counter-increment:cnt6;}
#p [class*="cnt-"] [class^="h"]:before{color:#B11818;}
#p .p ul > li + li, #p .p ol > li + li, #p .p ul > li ul, #p .p ol > li ul, #p .p ul > li ol, #p .p ol > li ol{margin-top:calc(15px + 1 * (100vw - 320px) / 1080);}
#p .p ul:not(.cn-crd) > li, #p ol > li{padding-left:1.5rem;}
#p .p ul > li:before, #p ol > li:before{color:#B11818;position:absolute;left:0;font-weight:bold;}
#p .p ul{counter-reset:ulli;}
#p .p ol{counter-reset:olli;}
#p .p ul:not(.cn-crd) > li:before{content:"\f178";font-family:"Font Awesome 5 Pro";}
#p .p ul.n > li:before{content:counter(ulli, lower-alpha) ". ";counter-increment:ulli;}
#p .p ol:not(.n) > li:before{content:"\f178";font-family:"Font Awesome 5 Pro";}
#p .p ol.n > li:before{content:counter(olli, decimal) ". ";counter-increment:olli;}
#p .bt{margin:-4px -3px;}
#p [data-domain]:before{content:none;}
#p.err{text-align:center;}
#p.err:before{pointer-events:none;opacity:1;background:url(../../img/error.png) center center;background-size:cover;z-index:9999;content:"";position:fixed;top:0;left:0;width:100%;height:100%;}
#p.err img{width:150px;left:calc(25px + 30 * (100vw - 320px) / 1080);position:absolute;top:0;transform:translateY(-70%);}
#p.err .h3{margin-top:0;}
#p .dte{font-weight:bold;font-size:.9rem;margin-top:calc(20px + 1%);}
#p .dte + *{margin-top:calc(20px + 1%);}
#p .dte time{display:block;}
#p .dte i{margin-right:10px;}
#p hr{border-top:2px solid #eee;margin:calc(20px + 2%) 0!important;}
#p .col{display:flex;align-items:flex-start;margin-left:-25px;margin-right:-25px;}
#p .col > *{width:50%;max-width:50%;flex-basis:50%;padding:0 25px;}
#p .col > * + *{margin-top:0!important;}
#p .col-inv > *:nth-child(1){order:1;}
#p .col-inv > *:nth-child(2){order:0;}
#p .gal [data-swiper]{overflow:hidden;}
#p figure{padding:2px;}
#p img{border-radius:3px;width:100%;}
#p .fig img{width:100%;}
#p figcaption{color:#666;font-size:.85rem;font-style:italic;margin-top:5px;}
#p .grid{display:flex;}
#p .p .cn-crd {font-size: 120%;}
#p .p .cn-crd i{color: var(--c2);}
#p .p .cn-crd a:hover{color: var(--c2);}
#p .p .cn-crd li + li{margin-top: calc(5px + 2 * (100vw - 320px) / 1080);}

/************* FOOTER **************/
#f{font-weight:300;display:flex;align-items:center;justify-content:space-between;font-size:12px;background-color:#F9F9F9;color: var(--c1);padding:35px;font-family: var(--f1)}
#f > *, #f ul{display:flex;align-items:center;}
#f a{font-weight:var(--wei6);display:inline-block;transition:color .4s cubic-bezier(.645,.045,.355,1);}
#f a:hover{color: var(--c2);}
#f ul li:not(.sociaux) + li:before{content:'•';margin:0 5px;}
#f .l .lo{width: 30%;margin-right: 20px;}  
#f .fa-heart{font-size:80%;}
#f .rs ul{display: flex;align-items: center;justify-content: center;}
#f .rs ul li{font-size: 17px;margin-left: 20px;}
#f .rs ul li:nth-child(2){font-size: 17px;}
#f .bn {margin-left: 20px;border-radius: 50%;background-color: var(--c2);color: #fff;font-size: 1rem;text-shadow: 0 0 0;/* transition: background .2s, transform .2s, box-shadow .2s, opacity .2s; */padding: calc(17px + 3*(100vw - 320px) / 1080) calc(22px + 3*(100vw - 320px) / 1080) calc(19px + 3*(100vw - 320px) / 1080);align-items: center;display: inline-flex;justify-content: center;user-select: none;-moz-user-select: none;display: flex;align-items: center;justify-content: center;width: calc(40px + 5*(100vw - 320px) / 1080);height: calc(40px + 5*(100vw - 320px) / 1080);padding: 0;}
#f .bn:hover{background: #a6362ad2;color: var(--c3);box-shadow:0 0 0 1px rgba(0,0,0,.1)}

/************* SHARE **************/
#sh{margin-top:calc(25px + 15 * (100vw - 320px) / 1080)!important;padding:calc(30px + 15 * (100vw - 320px) / 1080);}
#sh > *{z-index:5;}
#sh .bg{z-index:10;background:var(--c2);content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
#sh .sub{color:#fff;}
#sh h5{margin-top:10px;font-size:calc(20px + 5 * (100vw - 320px) / 1080);font-family:var(--f1);font-weight:var(--wei2);color: #fff}
#sh .bn{white-space: nowrap;line-height: 1;color: white;display: inline-block;font-weight: bold;padding: 20px 23px;font-family: var(--f1);font-size: var(--fs-btn);text-transform: uppercase;letter-spacing: 4px;background: rgba(253, 151, 151, 0.079)}
#sh .bn:hover{background:rgba(255, 255, 255, 0.163);}
#sh .bn:after{display:none;}
#sh .shc{margin-top:25px;display:flex;align-items:center;justify-content:space-between;}
#sh .shc ul{display:flex;align-items:center;flex-wrap: wrap;justify-content: center;}
#sh .shc ul li + li{margin-left:10px;}
#sh .bn.cube {width: calc(35px + 6*(100vw - 320px) / 1080);height: calc(35px + 6*(100vw - 320px) / 1080);padding: 0;display: inline-flex;align-items: center;justify-content: center;font-size: calc(14px + 2 * (100vw - 320px) / 1080);}

/************* ARTICLE **************/
.l-ct .ct-t .cat, .sub {letter-spacing: calc(2px + 3 * (100vw - 320px) / 1080);font-weight: var(--wei3);}
.l-ct {display: grid;grid-template-columns: repeat(auto-fit,minmax(24rem,1fr));grid-gap: 3em;}
.l-ct img {height: 30vh!important;border-radius: 3px;width: 100%!important;object-fit: cover!important;margin-bottom: 0!important;transition: .3s ease-in-out;}
.l-ct .tct{cursor: pointer;}
.l-ct .ct-i{overflow: hidden;}
.l-ct .tct:hover img{transform: scale(1.05);}
.l-ct .ct-t {color: black;padding-left: 0!important}
.l-ct .ct-t .cat {margin-top: calc(25px + .5%);color: var(--c2);text-transform: uppercase;font-size: 11px;letter-spacing: calc(2px + 3 * (100vw - 320px) / 1080);font-weight: var(--wei7);}
.l-ct .ct-t h2 {margin: calc(15px + 1%) 0;font-size: calc(15px + 5 * (100vw - 320px)/1080);color: var(--c1);line-height: 1;display: -webkit-box;-webkit-line-clamp: 2}
.l-ct .ct-t .res {margin-bottom: calc(25px + .5%)}
.l-ct .tInf {font-size: .95rem;margin-top: 0!important;}
.l-ct .tInf time {color: #322e3c;line-height: 1.1;font-weight: 700}
.l-ct .tInf time:after {content: "";width: 5px;height: 5px;display: inline-block;vertical-align: middle;top: -2px;border-radius: 50%;margin: 0 8px 0 10px;background: var(--c3)}
.l-ct .title-ellipsis {display: -webkit-box;-webkit-line-clamp: 2}
.l-ct .ct-t h2, .l-ct .title-ellipsis {-webkit-box-orient: vertical;overflow: hidden;}
.l-ct .tct .ct-i::before {transition: .4s;margin-top: 25px;content: '\f002';position: absolute;left: 50%;top: 50%;font-family: 'Font Awesome 5 Pro';color: var(--c3);z-index: 10;pointer-events: none}
.l-ct .tct .ct-i::after {transition: .4s;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: var(--c2);opacity: 0}
.l-ct .tct:hover .ct-i::after {opacity: .6;}
.l-ct .tct:hover .ct-i::before {opacity: 1;margin-top: 0;}
.l-ct .tct:hover .ct-i::after {opacity: .6;}
.l-ct .tct .ct-i::before {transform: translate(-50%, -50%);font-size: calc(30px + 10 * (100vw - 320px) / 1080);opacity: 0;font-weight: 300;}
.asi {color: var(--c1)!important;margin-top: calc(25px + 15 * (100vw - 320px) / 1080);}
.asi h5 {font-size: 1.3rem;font-family: var(--f1);font-weight: var(--wei2);}
.asi .last {margin-top: calc(20px + 2 * (100vw - 320px) / 1080);}
.asi .last li {display: flex;margin-right: calc(15px + .5%);align-items: center;cursor: pointer;}
.asi .last li:hover a {color: var(--c2);}
.asi .last li:nth-child(1) {margin-bottom: 2rem;}
.asi .last picture {display: block;width: 100px;max-width: 100px;}
.asi .lasc {padding-left: 20px;align-self: center;width: calc(100% - 90px);max-width: calc(100% - 90px);flex-basis: calc(100% - 90px);}
.asi .last .cat {margin-bottom: 8px;color: var(--c2);letter-spacing: calc(2px + 3 * (100vw - 320px) / 1080);text-transform: uppercase;font-size: 11px;font-weight: var(--wei7);}
.asi .lasc h4 {margin-top: 0;font-weight: 300;font-size: calc(12px + 5 * (100vw - 320px)/1080);font-family: var(--f1);white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-weight: var(--wei6);}

/************* OBJECTIF **************/
[data-page="objectifs"] .l-act{display:flex;flex-wrap:wrap;margin:-20px;}
[data-page="objectifs"] .l-act>*{width:50%;max-width:50%;flex-basis:50%}
[data-page="objectifs"] .act-c{display:flex;flex-direction:column;background-color:var(--c3);height:100%;border-radius:3px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);cursor: pointer;}
[data-page="objectifs"] .act-c:hover a{color: var(--c2);}
[data-page="objectifs"] .l-act img,.act picture{width:100%;border-radius:0!important;overflow: hidden;}
[data-page="objectifs"] .act-c .bg-img{transition: .3s ease-in-out;background-size: cover;background-position: center center;}
[data-page="objectifs"] .act-c:hover .bg-img{transform: scale(1.05);}
[data-page="objectifs"] .act-c .bg-img::before{transition: .4s;opacity: 0;margin-top: 25px;content: '\f002';font-weight: 300;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);font-family: 'Font Awesome 5 Pro';font-size: calc(30px + 10 * (100vw - 320px) / 1080);color: #fff;z-index: 10;pointer-events: none;}
[data-page="objectifs"] .act-c:hover .bg-img::before{opacity:1;margin-top:0;}
[data-page="objectifs"] .act-c .bg-img::after{transition: .4s;content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: var(--c2);opacity: 0;}
[data-page="objectifs"] .act-c:hover .bg-img::after{opacity: 0.6;}
[data-page="objectifs"] .act-t{padding: calc(25px + 5 * (100vw - 320px) / 1080);display:flex;flex-direction:column;justify-content:space-between;flex:1}
[data-page="objectifs"] .act-t a{font-weight:700;font-size:calc(18px + 5 * (100vw - 320px) / 1080);margin-bottom:calc(15px + 5 * (100vw - 320px) / 1080);display:block}
[data-page="objectifs"] .act-t .rsme{line-height:1.3;color:#666;font-size:1rem;}
[data-page="objectifs"] .act-t time{font-size:.85rem;font-weight:700}
[data-page="objectifs"] .act-t time i{margin-right:10px}
[data-page="objectifs"] .act-i:after{content:'';position:absolute;top:0;right:0;width:1px;height:100%;z-index:1}
[data-page="objectifs"] .l-act>.frst{width:100%;max-width:100%;flex-basis:100%;padding: 20px;}
[data-page="objectifs"] .frst .act-c{flex-direction:row}
[data-page="objectifs"] .frst .act-c picture{height:100%;display:block}
[data-page="objectifs"] .frst .act-c picture>div{height:100%}
[data-page="objectifs"] .frst .act-c>*{width:50%;max-width:50%;flex-basis:50%}
[data-page="objectifs"] .frst .act-t{align-self:center;margin-left:20px;padding-top:calc(30px + 20 * (100vw - 320px) / 1080);padding-bottom:calc(30px + 20 * (100vw - 320px) / 1080)}
[data-page="objectifs"] .frst .act-t a{font-size:calc(18px + 8 * (100vw - 320px) / 1080)}
[data-page="objectifs"] .plus-art ul{margin-top:calc(15px + 1%);text-align:left}
[data-page="objectifs"] .plus-art li{display:flex}
[data-page="objectifs"] .plus-art li+li{margin-top:calc(10px + 1%)}
[data-page="objectifs"] .plus-art img{border-radius:3px}
[data-page="objectifs"] .plus-art a{font-weight:700;font-size:calc(16px + 5 * (100vw - 320px) / 1080)}
[data-page="objectifs"] .plus-art li>div{flex:1;padding-left:calc(25px + 5 * (100vw - 320px) / 1080);align-self:center}
[data-page="objectifs"] .plus-art time{margin-top:calc(10px + 5 * (100vw - 320px) / 1080);font-weight:700;display:block;font-size:.85rem}
[data-page="objectifs"] .plus-art time i{margin-right:8px}

/************* CONTACT **************/
.frm{flex-direction:row-reverse;margin-top:calc(25px + 20 * (100vw - 320px) / 1080);}
.frm .l{flex:1;}
.frm .r{font-weight:200;margin-left:5vw;align-items:flex-start;width:calc(250px + 150 * (100vw - 320px) / 1080);}
.frm .r .coord{font-size:calc(16px + 3 * (100vw - 320px) / 1080);padding:calc(25px + 10 * (100vw - 320px) / 1080);background-color:#1c2129;align-items:flex-start;color:#fff;}
.frm .r li{padding-left:30px;}
.frm .r li + li{margin-top:calc(15px + 3 * (100vw - 320px) / 1080);}
.frm .r i:not(.fa-at), .frm .r [data-mail]:before{position:absolute;left:-30px;opacity:.3;margin-right:10px;}
.frm form{display:flex;flex-wrap:wrap;}
.frm form > *{width:100%;}
.frm form > *.c2, .frm form > *.c2 + *{width:calc(50% - 10px);}
.frm form > *.c2{margin-right:20px;}
.frm .fd{color:var(--c1);transition:border-bottom-color .6s;border-bottom:1px solid rgba(43, 43, 43, 0.134);}
.frm .fd > *{color: var(--c1);}
.frm .fd.foc{border-bottom-color:transparent}
.frm .fd:hover{z-index:100;}
.frm .fd + .fd{margin-top:calc(25px + 5 * (100vw - 320px) / 1080);}
.frm .fd:after{transition:.6s cubic-bezier(.645,.045,.355,1);background:linear-gradient(to right, var(--c2), transparent);content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;z-index:5;}
.frm .fd.foc:after{width:100%;}
.frm .fd label{z-index:10;pointer-events:auto;opacity:0;transition:.4s cubic-bezier(.645,.045,.355,1);position:absolute;transform:translateY(100%);font-size:9px;font-weight:800;text-transform:uppercase;}
.frm .fd.act label{transform:translateY(-30%);opacity:1;}
.frm .fd label{color:var(--c1);}
.frm .fd input{padding:14px 0 9px;background:transparent;width:100%;font-size:calc(14px + 1 * (100vw - 320px) / 1080);}
.frm .fd textarea{padding:0 0 9px;margin-top:14px;line-height:1.4;background:transparent;width:100%;font-size:calc(14px + 1 * (100vw - 320px) / 1080);overflow:hidden;}
.frm .fd ul{border-radius:50%;position:absolute;right:0;top:50%;transform:translateY(-50%);width:20px;height:20px;background-color:#f85252;}
.frm .fd ul:before{content:"\f06a"!important;top:1px;font-family:"Font Awesome 5 Pro";font-weight:300;font-size:13px;color:#fff;left:4px;}
.frm .fd ul li{display:none;pointer-events:none;position:absolute;white-space:nowrap;left:50%;font-size:11px;font-weight:bold;background-color:#f85252;color:#fff;padding:3px 7px;top:0;transform:translate(-50%, -100%);}
.frm .fd ul:hover li{display:block;}
.frm .bt{margin-top:calc(25px + 5 * (100vw - 320px) / 1080)!important;}
.frm .alert{margin-bottom:25px;}
.frm .ckc{display:flex;align-items:center;flex-wrap:wrap;}
.frm .ckc > *{width:50%;}
.frm * + .ckc, .frm .ckc + *{margin-top:23px;}
.frm .ck{padding-right:15px;font-size:14px;margin-top:5px;}
.frm .ck input{display:none;}
.frm .ck label{transition:.2s;display:inline-flex;align-items:center;cursor:pointer;}
.frm .ck label:hover{color:var(--c3);}
.frm .ck input:checked + label{color:var(--c3)}
.frm .ck label:before{box-shadow:0 0 0 1px rgba(0,0,0,.1) inset;transition:.2s;margin-right:7px;width:20px;font-size:11px;height:20px;color:transparent;content:'\f00c';font-family:'Font Awesome 5 Pro';background-color:#eee;display:inline-flex;align-items:center;justify-content:center;}
.frm .ck input:checked + label:before{background-color:var(--c3);color:var(--c2);}
.frm .ck input[type=radio] + label:before{border-radius:50%}
.captcha-mention {font-size: calc(9px + 2 * (100vw - 320px) / 1080);line-height: 1.2;margin-top: 20px;margin-bottom: 20px;}
.captcha-mention>span {display: block;color: var(--c1);}
.captcha-mention>a {opacity: .6;transition: .3s;font-size: 90%;color: var(--c1);}
.captcha-mention>a:hover {opacity: 1;}
#gmap_canvas{width: 709px;height: 370px;}
.captcha{height:40px;display:inline-block;margin:0 0 15px;}
.captcha .g-recaptcha{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:.4s;z-index:9999;cursor:pointer!important;margin-right:8px;float:left;border:2px solid #1d221e;cursor:pointer;overflow:hidden;width:29px;height:29px;border-radius:50%;}
.captcha .g-recaptcha:hover{border-color:#0b3384;}
.captcha .g-recaptcha > div{cursor:pointer!important;width:500px!important;margin-top:-24px;margin-left:-14px;position:static;}
.captcha .no-robot{font-weight:500;float:left;font-size:13px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}
.captcha .no-robot .liens{font-size:9px;font-weight:normal;}
.captcha .no-robot .liens a:hover{color:#0b3384;}
.alert-success{color: #0f5132;background-color: #d1e7dd;border-color: 1px solid #badbcc;padding: 1rem;border-radius:  0.375rem;font-size: .875rem;}


/*----------------------------------------------------< MEDIA QUERIES >---------------------------------------------------*/
/************* MAX 1550 **************/ 
@media screen and (max-width:1550px){
    #nv video{width:1650px;max-width:1650px;}
}
@media screen and (max-width: 1300px) {
    #div .ct {width: 80vw!important;}
}
/************* max 1250 **************/ @media screen and (max-width:1250px){
    #f .b .ct{display: block;}
    #f .b .left{display: block;}
    #f .b .left .lo{margin-bottom: 15px;}
    #f .b .left .next-b{margin-bottom: 15px;}
    #f .lg{display:none;}
}
/************* MAX 1150 **************/ 
@media screen and (max-width:1150px){
    #ca .lst > *{width:50%;max-width:50%;flex-basis:50%;min-height:50vw;}
    #nv nav{width:75%;}
    #f{flex-direction:column;font-size:calc(13px + 2 * (100vw - 320px) / 1080);}
    #f .lo{margin-right:10px;}
    #f .r{margin-top:15px;}
}
/************* MAX 1084 **************/ 
@media screen and (max-width:1084px){
    #qu .top .tx{padding-right:0;text-align:center;}
    #qu .top #no{width:100vw;}
}

/************* MAX 1065 **************/ 
@media only screen and (max-width: 1065px) {
    #h .sub{display: none;}
    #section-a .sub{display: initial;}
}

/************* MAX 950 **************/ 
@media screen and (max-width:950px){
    #ca.cas > *{display:block;}
    #ca .il{margin-top:auto!important;padding-top:calc(105px + 70 * (100vw - 320px) / 1080);width:100%;max-width:100%;flex-basis:100%;height:auto;}
    #ca .tx{padding:calc(25px + 3%);width:100%;max-width:100%;flex-basis:100%;}
    #ca .loc{text-align:center;}
    #ca .sw{position:relative;width:100vw;}
    #t{padding-top:65px;}

}
/************* MAX 900 **************/ 
@media screen and (max-width:900px){
    #bc .top .p{padding-right:0;}
    #bc .mid .co{text-align:center;width:100%}
    #bc .mid .pi{width:100vw;opacity:.2;}
    #bc .mid .pi path{stroke:#111941;}
}
/************* MAX 850 **************/ 
@media screen and (max-width:850px){
    #con{display:block;}
    #con > *{width:100%!important;max-width:100%!important;flex-basis:100%!important;}
    #con .mp{margin-top:0!important;height:calc(350px + 150 * (100vw - 320px) / 1080);}
}
/************* max 800 **************/ @media screen and (max-width:800px){
    #t .tct{padding:calc(100px + 50 * (100vw - 320px) / 1080) 0 10vw;}
    #t + #p .ct{margin-top:0;}
    #t + #p .ct:before{display:none;}
    #p{padding:10vw 0;}
}
/************* MAX 700 **************/ 
@media screen and (max-width:750px){
    [data-page="home "] #h .navbar{display: none;}
    #h .l{align-items: center;}
    #h .bnv{backdrop-filter: none;}
    #h .l .lg img{margin-left: 0;}
    #h .r .or{display: none;}
}
/************* MAX 700 **************/ 
@media screen and (max-width:700px){
    #ca .lst > *{width:100%;max-width:100%;flex-basis:100%;min-height:100vw;}
}
/************* MAX 680 **************/ 
@media screen and (max-width:680px){
    #h .lg span{width:0!important;display:none;}
    #nv nav{text-align:center;width:80%;padding-top:25px;height:100%;display:flex;justify-content:center;align-items:center;}
    #nv .nu{top:-15px;}
    #nv .nu a{font-size:calc(25px + 25 * (100vw - 320px) / 1080);padding:1.5vh 0;}
    #nv .rg{padding:0 15px;position:absolute;bottom:25px;width:100vw;text-align:center;margin-top:calc(25px + 2%);left:50%;transform:translateX(-50%);}
    #nv .rg ul{display:flex;justify-content:center;flex-wrap:wrap;}
    #nv .rg li{margin-bottom:0;}
    #nv .rg li + li{margin-left:10px;}
    #nv .rg a{font-size:calc(12px + 3 * (100vw - 320px) / 1080);}
    [data-nav] div{display:none;}
    #section-x{justify-content:center;flex-wrap:wrap;letter-spacing:3px;}
    #section-x > *{width:100%;max-width:100%;flex-basis:100%;text-align:center;}
    #section-x .r{margin-top:10px;left:45px;}
    #section-x .lv{left:calc(50% - 45px);transform:translateX(-50%);}
    #section-a{text-align:center;}
    #section-a .ac{width:80%;}
    #section-a .ha > span:nth-child(2), #section-a .bt{padding-left:0;}
    #section-b, #bs{text-align:center;}
    #section-b .ha > span:nth-child(2), #bs .ha > span:nth-child(2){padding-left:0;}
    #section-b .t, #bs .t{margin-left:0;max-width:80vw;text-align:center;}
    #section-c{min-width:100vw;}
    #section-e{min-width:100vw;}
    #section-g{min-width:100vw;}
    #section-e{padding:0;}
    .scrollbar-track-x{bottom:0;}
    .scrollbar-track-y{right:0;}
    path{stroke-width:5;}
}
/************* MAX 600 **************/ 
@media screen and (max-width:600px){
    #qu .med #md{left:-10vw;width:100vw;}
    #f{display:block;padding:10vw;}
    #f > *{display:block !important;}
    #f ul{display:block;}
    #f li{margin-top:5vw;}
    #f li + li{margin-top:calc(20px + 5 * (100vw - 320px) / 1080);}
    #f li + li:before{display:none;}
    #f .l{border-bottom:1px solid #18181840;padding-bottom:5vw;}
    #f .lo{margin-bottom:calc(20px + 5 * (100vw - 320px) / 1080);}
    #f .bn{margin-left: 0!important;margin-top: 20px;}
    #sh{text-align:center;}
    #sh .shc{flex-direction:column;align-items:center;justify-content:center;}
    #sh .shc ul{margin-top:15px;}
}
/************* MAX 320 **************/ 
@media only screen and (max-width: 320px) {
    #f .rs ul{justify-content: start;}
}