/* ---------------------------- Header ---------------------------- */

/* ######################### */
/* ## Header Groupes Page ## */
/* ######################### */

        .polyheader { width:100%; height:700px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); }
        
        .polyheader-over { position:absolute; width:100%; height:700px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); background:rgba(255,102,51,0.7); z-index:5; }
        
        .polyheader-wrapper { position:absolute; width:100%; margin-top:200px; text-align:center; color:rgba(255,255,255,1); z-index:10; }
        
        .polyheader-wrapper h1 { margin-bottom:0; font-size:5rem; font-weight:600; letter-spacing:-0.08rem; text-transform:uppercase; }
        
        .polyheader-wrapper h4 { margin-bottom:100px; font-size:1.5rem; letter-spacing:0.05rem; text-transform:uppercase; }
        
        .polyheader-wrapper a.cta { padding:10px 25px; border-radius:3px; background:rgba(255,255,255,1); font-size:0.9rem; font-weight:600; text-transform:uppercase; letter-spacing:0.05rem; color:rgba(255,102,51,1); cursor:pointer; }
        .polyheader-wrapper a.cta:hover { background:rgba(255,102,51,1); font-weight:400; text-decoration:none; color:rgba(255,255,255,1); }





/* ########################### */
/* ## Header Width Format ## */
/* ########################### */

        @media only screen and (max-width: 768px) {
            .polyheader-wrapper h1 { margin-bottom:15px; font-size:4.25rem; line-height:4.25rem; }
            .polyheader-wrapper h4 { margin-bottom:30px; padding:0 5px; font-size:1.5rem; }
        }
    
        @media only screen and (max-width: 414px) {
            .polyheader { height:700px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); }
            .polyheader-over { height:700px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 80%, 0% 100%); }
            .polyheader-wrapper { margin-top:125px; }
            .polyheader-wrapper h1 { margin-bottom:15px; font-size:3.75rem; line-height:3.5rem; }
            .polyheader-wrapper h4 { margin-bottom:50px; padding:0 5px; font-size:1.25rem; }
        }
    
        @media only screen and (max-width: 411px) {
            .polyheader { height:600px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); }
            .polyheader-over { height:600px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); }
            .polyheader-wrapper { margin-top:125px; }
            .polyheader-wrapper h1 { margin-bottom:15px; font-size:3.5rem; line-height:3.25rem; }
            .polyheader-wrapper h4 { margin-bottom:50px; padding:0 5px; font-size:1.25rem; }
        }
    
        @media only screen and (max-width: 360px) {
            .polyheader { height:600px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); }
            .polyheader-over { height:600px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); }
            .polyheader-wrapper { margin-top:125px; }
            .polyheader-wrapper h1 { margin-bottom:15px; font-size:3.25rem; line-height:3rem; }
            .polyheader-wrapper h4 { margin-bottom:50px; padding:0 5px; font-size:1.25rem; }
        }
    
        @media only screen and (max-width: 320px) {
            .polyheader { height:600px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); }
            .polyheader-over { height:600px; -webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); clip-path:polygon(0% 0%, 100% 0%, 100% 83%, 0% 100%); }
            .polyheader-wrapper { margin-top:110px; }
            .polyheader-wrapper h1 { margin-bottom:15px; font-size:3.25rem; line-height:3rem; }
            .polyheader-wrapper h4 { margin-bottom:50px; padding:0 5px; font-size:1.25rem; }
        }





/* ########################## */
/* ## Header Height Format ## */
/* ########################## */

        @media only screen and (max-height: 414px) {
            .polyheader-wrapper { margin-top:110px; }
            .polyheader-wrapper h1 { margin-bottom:15px; font-size:3.25rem; line-height:3rem; }
            .polyheader-wrapper h4 { margin-bottom:50px; padding:0 5px; font-size:1.25rem; }
        }
    
        @media only screen and (max-height: 411px) {
            .polyheader-wrapper { margin-top:110px; }
            .polyheader-wrapper h1 { margin-bottom:15px; font-size:3.25rem; line-height:3rem; }
            .polyheader-wrapper h4 { margin-bottom:50px; padding:0 5px; font-size:1.25rem; }
        }
    
        @media only screen and (max-height: 375px) {
            .polyheader-wrapper { margin-top:90px; }
            .polyheader-wrapper h1 { margin-bottom:10px; font-size:3.25rem; line-height:3rem; }
            .polyheader-wrapper h4 { margin-bottom:40px; padding:0 5px; font-size:1.25rem; }
        }
    
        @media only screen and (max-height: 360px) {
            .polyheader-wrapper { margin-top:140px; }
            .polyheader-wrapper h1 { margin-bottom:15px; font-size:3.25rem; line-height:3rem; }
            .polyheader-wrapper h4 { margin-bottom:50px; padding:0 5px; font-size:1.25rem; }
        }
    
        @media only screen and (max-height: 320px) {
            .polyheader-wrapper { margin-top:110px; }
            .polyheader-wrapper h1 { margin-bottom:15px; font-size:3.25rem; line-height:3rem; }
            .polyheader-wrapper h4 { margin-bottom:50px; padding:0 5px; font-size:1.25rem; }
        }

/* ----------------------- (End of) Header ----------------------- */










/* ---------------------------- Intro ---------------------------- */

/* ######################## */
/* ## Intro Groupes Page ## */
/* ######################## */

        .polyintro h2 { margin-bottom:10px; font-size:2.25rem; font-weight:600; letter-spacing:-0.05rem; text-transform:none; color:rgba(255,102,51,1); }
        .polyintro h4 { margin-bottom:50px; font-size:1.35rem; letter-spacing:0.03rem; text-transform:uppercase; color:rgba(80,80,80,1); }
        .polyintro p { width:50%; margin:0 auto 50px auto; font-size:1rem; letter-spacing:0.03rem; color:rgba(80,80,80,1); }
        .polyintro span { width:300px; height:300px; border-radius:50%; }





/* ######################### */
/* ## Intro Width Format ## */
/* ######################### */
    
        @media only screen and (max-width: 768px) {
            .polyintro { padding:0 20px; }
            .polyintro h2 { margin-bottom:40px; font-size:2.75rem; line-height:2.75rem; }
            .polyintro h4 { font-size:1.75rem; line-height:2rem; }
            .polyintro p { width:100%; margin:0 auto 50px auto; }
        }
    
        @media only screen and (max-width: 414px) {
            .polyintro { padding:0; }
            .polyintro h2 { margin-bottom:40px; font-size:2.5rem; line-height:2.5rem; }
            .polyintro h4 { font-size:1.5rem; line-height:1.9rem; }
            .polyintro p { width:100%; margin:0 auto 50px auto; }
        }
    
        @media only screen and (max-width: 411px) {
            .polyintro { padding:0; }
            .polyintro h2 { margin-bottom:40px; font-size:2.5rem; line-height:2.5rem; }
            .polyintro h4 { font-size:1.5rem; line-height:1.9rem; }
            .polyintro p { width:100%; margin:0 auto 50px auto; }
        }
    
        @media only screen and (max-width: 360px) {
            .polyintro { padding:0; }
            .polyintro h2 { margin-bottom:40px; font-size:2.5rem; line-height:2.5rem; }
            .polyintro h4 { font-size:1.5rem; line-height:1.9rem; }
            .polyintro p { width:100%; margin:0 auto 50px auto; }
        }
    
        @media only screen and (max-width: 320px) {
            .polyintro { padding:0; }
            .polyintro h2 { margin-bottom:40px; font-size:2.45rem; line-height:2.5rem; }
            .polyintro h4 { font-size:1.25rem; line-height:1.75rem; }
            .polyintro p { width:100%; margin:0 auto 50px auto; }
        }

/* ----------------------- (End of) Intro ----------------------- */










/* ---------------------------- Display ---------------------------- */

/* ########################## */
/* ## Display Groupes Page ## */
/* ########################## */

        .polydisplay { position:relative; width:100%; height:800px; padding-top:250px; -webkit-clip-path:polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%); clip-path:polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%); text-align:center; }
        .polydisplay h4 { margin-bottom:30px; font-size:2.25rem; letter-spacing:0.03rem; color:rgba(255,255,255,1); }





/* ########################### */
/* ## Display Height Format ## */
/* ########################### */

        @media only screen and (max-width: 768px) {
            .polydisplay {height:700px; padding-top:150px; -webkit-clip-path:polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%); clip-path:polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%); }
            .polydisplay h4 { margin-bottom:0; padding:0 10px; font-size:2rem; line-height:2.5rem; }
        }
    
        @media only screen and (max-width: 414px) {
            .polydisplay {height:700px; padding-top:150px; -webkit-clip-path:polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%); clip-path:polygon(0% 20%, 100% 0%, 100% 80%, 0% 100%); }
            .polydisplay h4 { margin-bottom:0; padding:0 10px; font-size:1.75rem; line-height:2.15rem; }
        }
    
        @media only screen and (max-width: 411px) {
            .polydisplay {height:600px; padding-top:100px; -webkit-clip-path:polygon(0% 20%, 100% 3%, 100% 83%, 0% 100%); clip-path:polygon(0% 20%, 100% 3%, 100% 83%, 0% 100%); }
            .polydisplay h4 { margin-bottom:0; padding:0 10px; font-size:1.75rem; line-height:2.15rem; }
        }
    
        @media only screen and (max-width: 360px) {
            .polydisplay {height:600px; padding-top:100px; -webkit-clip-path:polygon(0% 20%, 100% 3%, 100% 83%, 0% 100%); clip-path:polygon(0% 20%, 100% 3%, 100% 83%, 0% 100%); }
            .polydisplay h4 { margin-bottom:0; padding:0 10px; font-size:1.75rem; line-height:2.15rem; }
        }
    
        @media only screen and (max-width: 320px) {
            .polydisplay {height:600px; padding-top:100px; -webkit-clip-path:polygon(0% 20%, 100% 3%, 100% 83%, 0% 100%); clip-path:polygon(0% 20%, 100% 3%, 100% 83%, 0% 100%); }
            .polydisplay h4 { margin-bottom:0; padding:0 5px; font-size:1.75rem; line-height:2.15rem; }
        }

/* ----------------------- (End of) Display ----------------------- */










/* ---------------------------- Formules ---------------------------- */

/* ########################### */
/* ## Formules Groupes Page ## */
/* ########################### */

        .polyformule { padding-top:50px; padding-bottom:50px;  }
        
        .polyformule h2 { margin-bottom:10x; font-size:2.25rem; font-weight:600; letter-spacing:-0.05rem; text-transform:none; color:rgba(255,102,51,1); }
        
        .polyformule h4 { margin-bottom:50px; font-size:1.35rem; letter-spacing:0.03rem; text-transform:uppercase; color:rgba(80,80,80,1); }
        
        .polyformule a.cta { padding:10px 25px; border-radius:3px; background:rgba(255,102,51,1); font-size:0.9rem; text-transform:uppercase; letter-spacing:0.05rem; color:rgba(255,255,255,1); cursor:pointer; }
        .polyformule a.cta:hover { background:rgba(255,102,51,1); text-decoration:none; color:rgba(0,0,0,1); }

        .polyformule .pricing hr { margin: 1.5rem 0; }
        .polyformule .pricing ul li { margin-bottom: 1rem; }

        .polyformule .pricing .card { border: none; border-radius: 1rem; transition: all 0.2s; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1); }
        .polyformule .pricing .card:hover { margin-top: -.25rem; margin-bottom: .25rem; box-shadow: 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.3); }
        .polyformule .pricing .card-title { margin: 30px 0; font-size: 1rem; font-weight:600; color:rgba(0,0,0,1); }
        .polyformule .pricing .card-price { font-size: 3rem; margin-top:10px; }
        .polyformule .pricing .card-price .period { font-size: 0.8rem; }





/* ############################ */
/* ## Formules Height Format ## */
/* ############################ */

        @media only screen and (max-width: 768px) {
            .polyformule { padding-bottom:0 20px;  }
            .polyformule h2 { margin-bottom:40px; font-size:2.75rem; line-height:2.75rem; }
            .polyformule h4 { font-size:1.75rem; line-height:2rem; }
        }
    
        @media only screen and (max-width: 414px) {
            .polyformule { padding-bottom:0;  }
            .polyformule h2 { margin-bottom:40px; font-size:2.45rem; line-height:2.5rem; }
            .polyformule h4 { font-size:1.25rem; line-height:1.75rem; }
            .polyformule .pricing { padding:0; }
        }
    
        @media only screen and (max-width: 411px) {
            .polyformule { padding-bottom:0;  }
            .polyformule h2 { margin-bottom:40px; font-size:2.45rem; line-height:2.5rem; }
            .polyformule h4 { font-size:1.25rem; line-height:1.75rem; }
            .polyformule .pricing { padding:0; }
        }
    
        @media only screen and (max-width: 360px) {
            .polyformule { padding-bottom:0;  }
            .polyformule h2 { margin-bottom:40px; font-size:2.45rem; line-height:2.5rem; }
            .polyformule h4 { font-size:1.25rem; line-height:1.75rem; }
            .polyformule .pricing { padding:0; }
        }
    
        @media only screen and (max-width: 320px) {
            .polyformule { padding-bottom:0;  }
            .polyformule h2 { margin-bottom:40px; font-size:2.45rem; line-height:2.5rem; }
            .polyformule h4 { font-size:1.25rem; line-height:1.75rem; }
            .polyformule .pricing { padding:0; }
        }

/* ----------------------- (End of) Formules ----------------------- */










/* ---------------------------- Transition ---------------------------- */

/* ############################# */
/* ## Transition Groupes Page ## */
/* ############################# */

        .polytransition { position:relative; width:100%; height:800px; -webkit-clip-path:polygon(0% 20%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0% 20%, 100% 0%, 100% 100%, 0% 100%); }
        .polytransition-over { position:absolute; width:100%; height:800px; -webkit-clip-path:polygon(0% 20%, 100% 0%, 100% 100%, 0% 100%); clip-path:polygon(0% 20%, 100% 0%, 100% 100%, 0% 100%); background:rgba(255,102,51,0.7); z-index:5; }
        .polytransition-wrapper { position:absolute; width:100%; margin-top:200px; padding-top:50px; text-align:center; color:rgba(255,255,255,1); z-index:10; }
        .polytransition-wrapper h2 { font-size:2.25rem; font-weight:600; letter-spacing:-0.05rem; color:rgba(255,255,255,1); }
        .polytransition-wrapper p { width:50%; margin:0 auto 50px auto; font-size:1rem; letter-spacing:0.03rem; color:rgba(255,255,255,); }





/* ############################ */
/* ## Formules Height Format ## */
/* ############################ */

        @media only screen and (max-width: 768px) {
            .polytransition { height:800px; }
            .polytransition-over { height:800px; }
            .polytransition-wrapper h2 { padding:0 5px; font-size:2.5rem; line-height:2.5rem; }
            .polytransition-wrapper p { width:75%; margin:0 auto; }
        }
    
        @media only screen and (max-width: 414px) {
            .polytransition { height:800px; }
            .polytransition-over { height:800px; }
            .polytransition-wrapper { margin-top:175px; padding-top:0; }
            .polytransition-wrapper h2 { padding:0 5px; font-size:2.45rem; line-height:2.5rem; }
            .polytransition-wrapper p { width:90%; margin:0 auto; }
        }
    
        @media only screen and (max-width: 411px) {
            .polytransition { height:500px; }
            .polytransition-over { height:500px; }
            .polytransition-wrapper { margin-top:100px; padding-top:0; }
            .polytransition-wrapper h2 { padding:0 5px; font-size:2.45rem; line-height:2.5rem; }
            .polytransition-wrapper p { width:90%; margin:0 auto; }
        }
    
        @media only screen and (max-width: 360px) {
            .polytransition { height:500px; }
            .polytransition-over { height:500px; }
            .polytransition-wrapper { margin-top:100px; padding-top:0; }
            .polytransition-wrapper h2 { padding:0 5px; font-size:2.45rem; line-height:2.5rem; }
            .polytransition-wrapper p { width:90%; margin:0 auto; }
        }
    
        @media only screen and (max-width: 320px) {
            .polytransition { height:500px; }
            .polytransition-over { height:500px; }
            .polytransition-wrapper { margin-top:100px; padding-top:0; }
            .polytransition-wrapper h2 { padding:0 5px; font-size:2.45rem; line-height:2.5rem; }
            .polytransition-wrapper p { width:90%; margin:0 auto; }
        }

/* ----------------------- (End of) Transition ----------------------- */