@font-face {
    font-family: "Lulo Clean W01 One Bold";
    /*font-family: 'lulocleanw01-oneboldregular';*/
    src: url('../img/fonts/fontsfree-net-lulo-clean-w01-one-bold-webfont.woff2') format('woff2'),
         url('../img/fonts/fontsfree-net-lulo-clean-w01-one-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*{
    margin: 0;
    padding: 0;
    font-family: 'Avenir LT Pro', sans-serif;
}
@media only screen and (max-width: 40em) {

    /*----------------------------------------------------------
    --              HEADER
    -----------------------------------------------------------*/
    body{
        width: 100%;
    }
    header{    
        position: relative;
        top:0;
        left: 0;
        height: auto;
        width: 100%;
        background-color: #FFF; 
    }
    .logo-block{
        display: flex;
        flex-direction: column;
        align-items: center; 
        padding: 2em; 
    }
    .logo-block img{
       /* padding-top: 2em;*/
        width: 300px;
        height: 65px;
    }
    .logo-phone{
        min-width: 300px;
        width: auto;
        padding-top: .5em;  
        font-family: 'Montserrat', sans-serif;
        color: #E94615; 
        font-size: 25px;
        font-weight: 700;
        padding-bottom: .5em;
                                          
    }
    .animate__animated.animate__fadeIn {
        --animate-duration: 10s;
      }
    /*----------------------------------------------------------
    --              VIDEO
    -----------------------------------------------------------*/
    
    .back-video{
        width: -webkit-fill-available;
        object-fit: cover;
        object-position: 50% 50%;
    }
    /*----------------------------------------------------------
    --              BLOCK GRIS
    -----------------------------------------------------------*/
    
    .gray-sect{
        margin-top: -5px;
    }
    .gray-block{
        display: flex;
        height: auto;
        flex-direction: column;
        align-items: center;
        background-color: #ededed    
    }
    .gray-block div {
        padding: 10px;
    
    }
    
    span.quest {
        font-size: 16px;
        font-weight: 700;
        line-height: normal;
        color: rgb( 17,17,17);
    
    }
    span.resp {
        display: block;
        text-align: center;
        font-weight: lighter;
        /*background-color: #ededed; */
        font-size: 14px;
    }
    a.link-btn{
        color: white;
        text-decoration: none;
        cursor: pointer;
        vertical-align: middle;
        line-height: 2.75em;
        transition: color .5s;
    }
    a.link-btn:hover{
        color: black;
        transition: color .5s;
    }
    .link-btn span {
        font-weight: lighter;
        display: block;
        background-color: #ff4040;
        width: 190px;
        height: 45px;
        text-align: center;
        border-radius: 22px;
        
    }
    /*----------------------------------------------------------
    --  DIAGNOSTIQUE  -- SOLUTION -- SATISFACTION
    -----------------------------------------------------------*/
    .points{
        margin-top: 20px;
        display: flex;
        flex-direction: column;
    }
    .a,.b,.c{
        height: 385px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: auto;
        padding: 20px;
    }
    
    div.illust{
        align-self: center;
        display:flex;
        align-items: center;
        height: 190px;
        margin-bottom: 50px;
    }
    div.point-desc{
        max-width: 325px;
        font-weight: lighter;
        text-align: center;
        font-size: 15px;
        color: rgb( 32,32,32);
        letter-spacing: 1px;
        margin-top: 5%;
    }
    div.point-desc p{ 
        line-height: 1.5em;
    }
    .points h2 {
        font-size: 22px;
        text-align: center;
    }
    /*----------------------------------------------------------
    --              TEXTE GAUCHE IMAGE DROITE
    -----------------------------------------------------------*/
    .desc-tech{
        padding-top: 20px;    
    }
    .desc-tech-l{
        transform: translateY(45px);
    }

    .desc-tech-title, .desc-form-title{
        padding: 10px;
        color: #FF4040;
        font-size: 21px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 50px;
        line-height: 36px;
        opacity: 0;
        transition: opacity 2s;
    }
    .desc-tech-txt{
        display: flex;
        align-self: center;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: opacity 4s;
    }
    .desc-tech-txt p{
        padding: 20px;
        max-width: 495px;
        text-align: center;
        line-height: 1.5em;
        font-weight: lighter;
    
    }
    .desc-tech-img img{
        width: -webkit-fill-available;
        object-fit: cover; 
    }
    /*----------------------------------------------------------
    --              TEXTE DROITE IMAGE GAUCHE
    -----------------------------------------------------------*/
    .desc-form{
        margin-top: 20px;
        display: flex;
        flex-direction: column-reverse;

    }
    .desc-form-l{
        padding-top: 20px;
    }
    .desc-form-l img{
        overflow: hidden;
        max-width: 100%;
        width: -webkit-fill-available; 
        height: auto;
        object-fit: cover; 
        object-position: 50% 50%;
    }
    .desc-form-r{
        margin-top: 50px;
        width: auto;
    }
    .desc-form-r{
        transform: translateY(45px);
        
    }
    .slide{
        transform: translateY(-45px);
        transition: all ease .8s;
    }
    .desc-form-txt{
        display: flex;
        align-self: center;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: opacity 4s;
    }
    .desc-form-txt p{
        padding: 20px;
        max-width: 495px;
        text-align: center;
        line-height: 1.5em;
        font-weight: lighter;
    }
/*----------------------------------------------------------
--              BOUTON NAVIGATION
-----------------------------------------------------------*/
    .nav-btn{
        position: fixed;
        bottom: 20%;
        right: 5%;
        width: 60px;
        height: 60px;
        border-radius: 50px;
        border-width: 1px 1px 1px 1px;
        border-style: solid;
        border-color: #E94615;
        background-color: #FFFFFF99;
        opacity: 0;
        transition: opacity 1s;
    }
    .up-arrow{
        position: relative;
        transform: rotate(-45deg);
        margin: 0 auto;
        margin-top: 25px;
        width: 15px;
        height: 15px;
        border-width: 1px 1px 0 0;
        border-style: solid;
        border-color: #E94615;
    }
/*--------------------------------------------------------------------------------------------------------------------
--                                                         SERVICES
---------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------
--              VIDEO
-----------------------------------------------------------*/
    
.back-video2{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
/*----------------------------------------------------------
--              TITLE
-----------------------------------------------------------*/
    .serv-main-title h1{
        width: 100%;
        padding-top: 10px;
        height: 80px;
        display: flex;
        font-size: 30px;
        color: #FF4040;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: all 3s;
    }
/*----------------------------------------------------------
--              SERVICES BLOCKS
-----------------------------------------------------------*/

    section.line1{
        display: flex;
        margin-top: 50px;
        flex-direction: column;
    }
    section.line2{
        display: flex;
        margin-top: 50px;
        flex-direction: column;
    }
    section.line3{
        display: flex;
        margin-top: 50px;
        flex-direction: column;
    }
    section.line4{
        display: flex;
        margin-top: 50px;
        flex-direction: column;
    }

    .back-video-a{
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column-reverse;
        justify-content: flex-start;
    }
    .back-video-b{
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: column-reverse;
        justify-content: flex-start;
    }
    .transparent {
        width: 100%;
        height: 413px;
        overflow: hidden;
        margin-bottom: 20px;
    }
    .line1a{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .line1b{
        transform: translate(-10%, -30%);
        object-fit: fill;
        object-position: center;
        width: 120%;
        height: 100%;
    }
    .txt1b{
        margin-top: -21px;
    }
    .txt2a{
        margin-top: 8px;
    }
    .txt2b{
        margin-top: -22px;
    }
    .separator1{
        height: 48px;
    }
    .line2a{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .line2b{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .separator2{
        height: 34px;
    }
    .line3a{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;;
    }
    .line3b{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .txt3a{
        margin-top: 0px;
    }
    .title3b{
        margin-top: 36px;
    }
    .txt3b{
        margin-top: 50px;
    }
    .separator3{
        height: 52px;
    }
    .line4a{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .line4b{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .title4b{
        margin-top: 65px;
    }
    .txt4b{
        margin-top: -22px;
    }
    .separator4{
        height: 70px;
    }
    .description-cont{
        position: relative;
        width: 100%;
        height: 100%;
        background-color: #FFFFFF;
    }
    .desc-title{
        padding: 30px;
    }
    .desc-title h2 {
        font-size: 28px;
        line-height: 30px;
        text-align: center;
        font-family: 'Avenir LT Pro', sans-serif;
        letter-spacing: 0.05em;
        font-weight: lighter;
        color: #FF6161
    }
    .desc-txt{
        line-height: 25px;
        padding: 50px;
        padding-top: 9px;
        text-align: center;
        font-weight: 100;
        font-size: 18px;
        letter-spacing: 0.05em;
        color: #111111
    }
    /*--------------------------------------------------------------------------------------------------------------------
    --                                         MAC ASSISTANCE PLUS
    ---------------------------------------------------------------------------------------------------------------------*/
    .plus-body{
        padding-left: 0px;
        padding-right: 0px;
    }
    section.plus-title{
        height: 432px;
        margin-top: -113px;
    }
    section.plus-line1{

        margin-top: 0px;
        border: 1px solid #111111;
        display: flex;
        flex-direction: column-reverse;
    }
    section.plus-line2{
        display: flex;
        flex-direction: column;
    }
    section.tarif{
        height: 274px;
    }
    div.plus-line2a{
        display: flex;
        border: 1px solid #111111;
        box-sizing: content-box;
    }

    div.plus-line2b{
        border: 1px solid #111111;
    }
    .plus-main-title-cont{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .plus-main-title{
        display: flex;
        justify-content: center;
        font-weight: 400;
        margin: 0 auto;
        margin-top: 141px;
        font-size: 28px;
    }
    .plus-red{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 35px;
        font-weight: 400;
        color:rgb(255, 64, 64); 
    }
    .plus-main-title h1{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 35px;
        font-weight: 400;
    }
    .plus-main-desc{
        text-align: center;
        padding: 25px;
        padding-top: 20px;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        font-weight: 600;
        letter-spacing: 0.01em;
        font-size: 23px;
        line-height: 45px;
    }
    .plus-red2{
        color:rgb(255, 64, 64); 
    }
    .plus-line1a{
        display: flex;
        flex-direction: column;
        height: 560px;
    }
    .l1a-title, .l2a-title{
        display: flex;
        /* padding: 10%; */
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 9%;
        font-size: 18px;
        text-align: center;
        justify-content: center;
    }
    .l1a-desc, .l2a-desc{
        margin-top: -21px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: rgb(17, 17, 17);
        font-weight: lighter;
        line-height: 49px;
        padding-left: 6%;
        padding-right: 6%;
        font-size: 25px;
        letter-spacing: 0.05em;
        text-align: start;
        height: 436px;
    }
    .l1a-desc h2{
        font-size: 22px;
    }
    .l2a-desc{
        margin-top: -27px;
        line-height: 49px;
    }
    .plus-red3{
        font-family: 'Avenir LT Pro', sans-serif;
        color:rgb(255, 64, 64); 
        font-weight: 400;
    }
    .plus-line1b{
        background-color: #010506;
        display: flex;
        align-items: center;
        height: 304px;
    }
    .plus-line1b img{
        display: flex;
        height: 292px;
        width: 100%;
        /*object-fit: cover;*/
        object-position: 50% 50%;
        overflow: hidden;
    }
    .plus-red4{
        color:rgb(255, 64, 64); 
    }
    .pline2a{
        height: 100%; 
        width: 134%;
        margin-left: -10%; 
        object-fit: cover; 
        object-position: center center; 
        opacity: 1;
    }
    .l2a-title {
        padding-top: 13%;
        height: 100%;
    }
    .l2a-desc{
        height: 540px;;
    }
    .tarif{
        display: block;
    }
    .tarif-txt{
        font-family: "Lulo Clean W01 One Bold";
    }
    .tarif-txt-prix{
        display: block;
        width: 100%;
        padding-left: 5%;

    }
    .tarif-txt-prix{
        color: #FF4040;
        font-size: 27px;
        font-weight: 800;
        margin-top: 82px;
    }
    .tarif-txt-prix .prix{
        font-size: 45px;
    }
    .btn-abo-cont{
        margin-top: 74px;
    }
    .lnk-btn-abo{
        text-decoration: none;
        color: #E94615;
        background-color: #FFFFFF;
    }
    .lnk-btn-abo:hover{
        color: #FFFFFF;
        background-color: #E94615;
    }
    .lnk-btn-abo:hover  .btn-abo-txt{
        background-color: #E94615;
        transition: all 0.2s ease;
    }
    .lnk-btn-abo:hover .btn-abo-txt > span > div > svg > g > path{
        fill: #FFFFFF;
        transition: all 0.2s ease;
    }
    .btn-abo-txt{
        margin: 0 auto;
        border: 1px solid #E94615;
        display: flex;
        font-size: 38px;
        font-weight: 700;
        width: 240px;
        height: 50px;
        justify-content: center;
        align-items: center;
        letter-spacing: 0.05em;
        font-weight: 400;
    }
    .btn-abo-txt span div svg {
        display: flex;
        width: 12px;
        height: 12px;
        margin-left: 4px;
    }
    .lnk-cond{
        margin-top: 15px;
        display: flex;
        justify-content: center;
        font-size: 14px;
    }
    .lnk-cond a {
        color: rgb( 17,17,17);
        font-weight: lighter;
        letter-spacing: 0.02em;
    }
    .abo-accroche {
        text-decoration: none;
        color: rgb( 17,17,17);
    
    } 
    .abo-accroche h1{
        display: flex;
        margin-top: 16px;
        font-family: 'Oswald Regular', sans-serif;
        font-size: 10px;
        font-weight: bold;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.05em;

    }
    /*--------------------------------------------------------------------------------------------------------------------
    --                                         QUI SOMMES NOUS
    ---------------------------------------------------------------------------------------------------------------------*/
    .qsn-title{
        margin-top: 51px;
    }
    .qsn-text-cont{
        padding: 5%;
    }
    .qsn-title h1{
        font-size: 36px;
        font-family: "Lulo Clean W01 One Bold";
    }
    .qsn-desc{
        margin-top: 27px;
    }
    .qsn-desc p{
        font-size: 18px;
        font-weight: lighter;
        letter-spacing: 0.05em;
        opacity: .8;
    }
    .qsn-desc-p1{
        margin-top: 25px;
        line-height: 34px;
    }
    .qsn-desc-p2{
        margin-top: 40px;
        line-height: 28px;
    }  
    .qsn-desc-p3{
        margin-top: 24px;
        line-height: 28px;
    }  
    .qsn-desc-p4{
        margin-top: 24px;
        line-height: 28px;
    }
    .qsn-btn-link{
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
    }
    .btn-block{
        opacity: 1;
        margin-top: 41px;
    }
    .btn-call{  
        padding: 4px;
        padding-top: 20px;
        width: 212px;
        height: 29px;
        border: 1px solid #E94615;
        color: white;
        background-color: #E94615;
        font-size: 16px;
        font-family: 'Avenir LT Pro';
        font-weight: lighter;
        text-align: center;
        letter-spacing: 1px;;
    }
    .ar-down svg{
        height: 15px;
        width: 15px;
        vertical-align: middle;
    }
    .btn-call:hover{
        color: #E94615;
        background-color: #FFFFFF;
        transition: all .2s;
    }
    .btn-call:hover > .ar-down svg g path{
        fill:#E94615
    }
    .block2{
        margin-top: 40px;
        background-color: #f1f1f1;
        height: auto;
    } 
    .qsn-block2-inner{
        padding: 5%;
    }
    .qsn-block2-title{
        font-size: 31px;
    }
    p.qsn-list-title{
        margin-top: 15px;
        margin-bottom: 15px;
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 20px;
    }
    p.qsn-list{
        font-weight: lighter;
        letter-spacing: 0.05em;
        opacity: .9;
        font-size: 18px;
        line-height: 35px;

    }
    .qsn-b2l1b, .qsn-b2l2b, .qsn-b2l3b, .qsn-b2l4b{
        margin-top: 15px;
        letter-spacing: 0.05em;
        font-weight: lighter;
        line-height: 28px;
    }
    /*--------------------------------------------------------------------------------------------------------------------
    --                                         CGV
    ---------------------------------------------------------------------------------------------------------------------*/
    body.cgv-body>section{
        opacity: 1;
    }
    .entete, .sec-annonce, .cgv-main{
        padding-left: 2.5%;
        padding-right: 2.5%;
    }
    .hr1{
        margin: 0 auto;
        width: 90%;
        /*margin-top: 74px;*/
        margin-top: 30px;
        border: black;
        opacity: 1;
        height: 1px;
        background-color: #000;
    }
    .entete{
        text-align: center;
    }
    .entete-cont{
        display: inline-block;
        padding-top: 20px;
        margin-left: 4%;
    }
    .entete-title, .entete-block1, .entete-block2, .entete-block3{
       text-align: start;
       color: rgb( 17,17,17);
    }
    .entete-title h1{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .entete-title p{
      font-family: 'Avenir LT Pro', sans-serif;
        font-size: 15px;
        line-height: 30px;
        font-weight: bold;
    }
    .entete-block1{
        margin-top: 8px;
    }
    .entete-block1 p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        line-height: 29px;
        opacity: .8;
    }
    .gras{
        font-weight: bold;
        letter-spacing: 0em;
    }
    .entete-block2{
        margin-top: 18px;
    }
    .entete-block2 p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        letter-spacing: 0.05em;
        opacity: .8;
    }
    .entete-block3{
        margin-top: 22px;
    }
    .entete-block3 p {
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        letter-spacing: 0.05em;
        line-height: 23px;
        opacity: .8;
    }
    .annonce{
        background-color: rgba(237,237,237,0.8);
        margin-top: 16px;
        height: 744px;
    }
    .annonce-cont{
        text-align: center;
        margin: 0 auto;
        padding-top: 28px;
        width: 90%;
        margin-left: 5%;
    }
    .annonce-title h1{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.05em;
        margin-bottom: 20px;
        line-height: 28px;
    }
    .annonce-txt{
        margin-top: 10px;
    }
    .annonce-txt p{
        margin: 0 auto;
        font-size: 19px;
        font-weight: 600;
        line-height: 25px;
        letter-spacing: 0.02em;
    }
    .cgv-cont{
        text-align: start;
        margin: 0 auto;
        margin-top: 15px;
        width: 85%;
    }
    .cgv-block1-title{
        font-family: 'Avenir LT Pro', sans-serif;
        font-weight: 400;
        font-size: 21px;
    }
    .cgv-block1-txt{
        margin-top: 2px;
    }
    .cgv-block1-txt p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 19px;
        font-weight: lighter;
        line-height: 30px;
        opacity: .8;
    }
    .sep1{
        height: 3px;
    }
    .sep2,.sep3,.sep4,.sep5,.sep6,.sep7,.sep8,.sep9,.sep10,.sep11,.sep12,.sep13,.sep14,.sep15,.sep16,.sep17,.sep18,.sep19,.sep20,.sep21{
        height: 0px;
    }
    .cgv-block-title{
        font-family: 'Avenir LT Pro', sans-serif;
        font-weight: 400;
        font-size: 20px;
    }
    .cgv-block-txt p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 19px;
        font-weight: lighter;
        line-height: 30px;
        opacity: .8;
    }
    .cgv-block-txt ul {
        margin-left: 0.5em;
        padding-left: 1.3em;
    }
    .cgv-block-txt p a {
        color: rgb( 17,17,17);
    }
    .cgv-txt-gras {
        font-weight: bold;
    }
    .cgv-main{
        height: auto;
        min-height: 35700px;
    }
/*--------------------------------------------------------------------------------------------------------------------
--                                         404
---------------------------------------------------------------------------------------------------------------------*/
    .sec-404{
        
        padding-top: 8vh;
        height: 84vh;
        display: flex;
        flex-direction: column;
    }
    .sorry{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sorry-pic{
        display: flex;
    }
    .sorry-pic svg{
        display: flex;
        height: auto;
        width: 295px;
    }
    .txt-404{
        padding-top: 10vh;
        padding-left: 5vh;
        padding-right: 5vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .txt-404 h1{
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        font-size: 32px;
    }
    .txt-404 p{
        font-size: 18px;
        font-weight: 600;
        line-height: 2em;
        letter-spacing: 1px;
    }

    .btn-404{ 
        margin-top: 5vh; 
        display: flex;
        justify-content: center;
        text-decoration: none;
        padding: 10px;
        padding-top: 10px;
        width: 180px;
        height: 30px;
        border: 1px solid #E94615;
        color: white;
        background-color: #E94615;
        font-size: 16px;
        font-family: 'Avenir LT Pro';
        font-weight: lighter;
        text-align: center;
        align-items: center;
    }
    .btn-404:hover{
        color: #E94615;
        background-color: #FFFFFF;
        transition: all .2s;
    }
/*----------------------------------------------------------
--              MAC ASSISTANCE PAYANT
-----------------------------------------------------------*/
    .payant-sec1{
        display: flex;
    }
    .payant-sec1-txt{
        margin: 0 auto;

        text-align: center;
        font-size: 20px;
        font-weight: 600;
        font-family: 'Avenir LT Pro', sans-serif;
        width: 100%;
    }

    .payant-sec1-txt h1{
        font-size: 43px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
    }
    .payant-sec1-txt2{
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 5vh;

    }
    .payant-sec1-txt p{
        line-height: 1.75em;
        padding-left: 28px;
        padding-right: 28px;

    }
    .payant-sec2{
        margin-top: 8vh;
        display: flex;
        flex-direction: column;
    }
    .payant-sec2-a{
        display: flex;
        flex-direction: column;
        border: 1px solid #111111;
        width:100%;
        overflow: hidden;
    }

    .payant-sec2-a img{
        height: 100%;
        object-fit: contain;
        transform: scale(1.3);
    }
    .payant-sec2-b-txt{
        width: 100%;
        min-height: 100vh;
        height: auto;
        text-align: center;
        font-size: 20px;

    }
    .payant-sec2-b {

        display: flex;
        width: 100%;
        border-top: 1px solid #111111;
        border-right: 1px solid #111111;
        border-bottom: 1px solid #111111;
        flex-direction: column;
        justify-content: center;
        align-items: center;   
    }
    .payant-sec2-b h2 {
        font-size: 38px;
        text-align: center;
        line-height: 1.75em;
        margin-top: 9vh;
        margin-bottom: 3vh;
    }
    .payant-sec2-b p {
        font-size: 19px;
        padding-left: 3vw;
        padding-right: 3vw;
        margin-top: 3vh;
        font-weight: 100;
        letter-spacing: 1px;
        line-height: 1.75em;
    }
    .payant-sec3{
        display: flex;
        flex-direction: column-reverse;
        height: 65vh;
        margin-top: 5vh;
    }
    .payant-sec3-a {
        display: flex;
        width: 100%;
        border-right: 1px solid #111111;
        border-left: 1px solid #111111;
        border-bottom: 1px solid #111111;
        align-items: center;
    
    }
    .payant-sec3-a-txt{
        width: 100%;
        text-align: center;
        padding-left: 4vw;
        padding-right: 4vw;
        font-size: 19px;
    
    }
    .payant-sec3-a-txt h2{
        font-size: 38px;
        text-align: center;
        line-height: 1.75em;
        margin-top: 10vh;
        margin-bottom: 3vh;
    }
    .sec3-para{
       margin-top: 4vh;
       font-weight: 100;
       line-height: 1.5em;
       letter-spacing: 1px;
       padding-bottom: 8vh;
    
    }
    .payant-sec3-b{
        margin-top: 5vh;
    
        border-bottom: 1px solid #111111;
        border-top: 1px solid #111111;
    }
    .payant-sec3-b img{


        width: -webkit-fill-available;;
        max-width: 100vw;
    }
    .payant-sec4{
        margin: 0 auto;
        text-align: center;
        padding-top: 5vh;
        width: 90%;
        line-height: 1.75em;
        height: 25vh;
    }
    .payant-sec4-block1 h1{
        font-size: 20px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;  
    }
    .payant-sec4-block2{
        padding-top: 2vh;
        font-weight: 100;
        line-height: 1.5em;
    }
    .payant-sec4-block3{
        padding-top: 3vh;
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 50px;
        font-weight: 100;
        padding-top: 7vh;
        display: flex;
        justify-content: center;
    }
    .payant-sec4-block3 p{
        text-align: center;
        height: 164px;
        perspective-origin: 50% 443px;
        perspective: 100px;
    }
    .payant-sec5{
        max-width: 100vW;
        height: 42vh;
    
    }
    .payant-sec5-parallax-cont{
        width: 100%;
        height: 48vh;
        background-image: url(../img/payant-img3.webp);
        background-size: 170% auto;
        background-position: 32% 73%;
        background-repeat: no-repeat;
    }
    .payant-sec6{
       display:flex;
       flex-direction: column;
       height: 89vh;
       margin-bottom: 30px;
    }
    .payant-sec6-a{
        display: flex;
        height: 36vh;
        min-height: 33vh ;
        background-image: url('../img/payant-img4.webp');
        background-size: 110%;
        background-position:0% 0% ;
        background-repeat: no-repeat;
    }
    .payant-sec6-a-txt {
        background-color: rgba(237,237,237,0.4);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top:2vh;
        padding-bottom: 2vh;
        min-height: 33vh;
        height: 36vh;
    }
    .payant-sec6-a-txt h1{
        display: flex;
        font-size: 20px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        padding-bottom: 1vh;
    }
    .payant-sec6-a-txt p{
        font-weight: 100;
        font-size: 17px;
        line-height: 1.5em;
        letter-spacing: 1px;
        font-family: 'Avenir LT Pro', sans-serif;
        text-align: center;
    }
    .payant-sec6-b{
        background-color: #ededed;
        width: 100%;


    }
    .payant-sec6-b-txt {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top:2vh;
    }
    .payant-sec6-b-txt h1{
        display: flex;
        font-size: 20px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        padding-bottom: 2vh;
    }
    .payant-sec6-b-txt p{
        text-align: center;
        width: 90%;
        font-weight: 100;
        font-size: 19px;
        line-height: 1.5em;
        letter-spacing: 1px;
        font-family: 'Avenir LT Pro', sans-serif;
        height: 20vh;
    }
    .payant-sec6-b-txt .gros{
        margin-top: 5vh;
        margin-bottom: 5vh;
        display: flex;
        font-family: 'Avenir LT Pro', sans-serif;
        font-weight: 100;
        text-align: center;
        font-size: 60px;
        width: 80vw;
        line-height: .7em;
    }

    .payant-sec6-b-txt .rouge{
        font-size: 19px;
        color: #FF4040;
        margin-bottom: 30px;
    }
/*----------------------------------------------------------
--              MENTION LEGALES
-----------------------------------------------------------*/
    .container{
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        margin-top: 10vh;
        width: 85%;
        height: 200vh;
    }
    .mention-sec1{
        display: flex;
        flex-direction: column;
        margin-left: 2vw;
        margin-right: 2vw;

    }
    .mention-sec1 h1 {
        font-size: 26px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
    }
    .mention-sec1 span{
        margin-top: 3.5vh;
    }
    .mention-sec1 span p {
        font-size: 18px;
        font-weight: 600;
        line-height: 2.15em;
        font-family: 'Avenir LT Pro', sans-serif;
    }
    .mention-sec2{
        margin-top: 17.8vh;
        display: flex;
        flex-direction: column;
    }
    .btn-deco{
        margin: 0 auto;
        display: block;
        width: 180px;
        height: 23px;
        padding: 12px;
    }
    .mention-sec2 .mention-block1 span.txt {
        display: block;
        padding-top: 1.8vh;
    }
    .mention-sec2 .mention-block1 span.txt p{
        font-size: 18px;
        font-weight: 100;
        line-height: 1.82em;
    }
    .txt-p2{
        margin-right: 3vw;
    }
    .mention-sec2 .mention-block2 {
        display: block;
        padding-top: 1.8vh;
    }
    .mention-sec2 .mention-block2 span.txt2{
        display: block;
        margin-top: 1.2vh;
    }
    .mention-sec2 .mention-block2 span.txt2 p {
        font-size: 18px;
        font-weight: 100;
        line-height: 1.75em;
        letter-spacing: 0.05em;
    }
/*----------------------------------------------------------
--              REMBOURSEMENT
-----------------------------------------------------------*/
    .remb-sec1{
        margin-top: 10px;
        background-image: url('../img/remboursement-phone.webp');
        background-position: center;
        background-size: cover;
        height: 500px;
    }
    .ovrl{
        position: absolute;
        width: 100%;
        height: 0px;
        background-color: rgba(250,250,250,.1);
    }
    .remb-sec1 img{
        height: 0px;

    }
    .container1{

        background-color: rgba(250,250,250,1);
        height: 153vh;
    }
    .remb-sec2{
        padding-top:23px;
        margin: 0 auto;
        width:350px;
    
    }
    .remb-sec2 h2 {
        font-size: 20px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
    }
    .semb-sec2-txt{
        font-size: 19px;
        display: block;
        margin-top: 15px;
        font-weight: 100;
        line-height: 1.45em;
    }
    .rouge{
        color:#FF4040;
    }
    .container2{
        margin: 0 auto;
        margin-top: 25px;
        width:350px;
        height: 395px;
    }
    .remb-sec3{
        display: flex;
        flex-direction: column;
    }
    .remb-sec3-a{
        display: flex;
        width: 350px;
        margin-top: 0px;
    }
    .remb-sec3-txt{
        font-size: 19px;
        font-weight: 100;
        text-align: center;
        line-height: 1.35em;
        margin-right: 3vw;
        margin-left: 3vw;
    }
    .remb-sec3-b{
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .btn_down{
        margin-top: 34px;
        display: flex;
        text-decoration: none;
        width: 280px;
        height: 50px;
        color: #FF4040;
        border: 1px solid #FF4040;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        font-family: 'Avenir LT Pro';
        font-weight: lighter;
        letter-spacing: 0.1em;
    }
    .btn_down svg{
        width: 12px;
    }
    .btn_down:hover{
        background-color: #FF4040;
        color:#FFFFFF;
        transition: all 0.2s ease;
    }

    .btn_down:hover  .arrow > svg > g > path{
        fill:#FFFFFF!important;
        transition: all 0.2s ease;
    }
    .souligne{
        text-decoration: underline;
    }
/*----------------------------------------------------------
--              PROBLEME MAC
-----------------------------------------------------------*/
    .pbmac-body{
        background-color: #ededed;
    }
    .prob-sec1{
        height: 936px;
        display: flex;
        flex-direction: column;
        padding-right: 0vw;
        padding-left:  0vw;
    }
    .prob-sec1-block-a{
        height: 326px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .prob-sec1-block-a h1{
        margin-top: 83px;
        font-size: 38px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        padding-left: 0vw;
        padding-right: 0vw;
        text-align: center;
    }
    .prob-sec1-block-a a{
        display: flex;
        margin-top: 35px;
        text-decoration: none;
        justify-content: center;
        width: 170px;  
    }

    .prob-sec1-block-b{
        background-color: #FFF;
        height: 508px;
        padding-top: 55px;
        margin-top: 0px;
        text-align: center;
    }
    .prob-sec1-block-b span{
        display: block;
        padding-right: 25px;
        padding-left: 25px;
    }
    .prob-sec1-block-b p {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.8em;
        font-family: 'Avenir LT Pro', sans-serif;
    }
    .prob-sec2{
        position: relative;
        background-color: #FFF;
        height: 1550px;
        display: flex;
        flex-direction: column;
        padding-left: 25px;
        padding-right: 14px;
        margin-bottom: 50px;
    }
    .prob-sec2-block-a{
        display: flex;
        flex-direction: column;
    }
    .prob-sec2-block-a-txt{
        margin-top: 55px;
        margin-left: 0px;
        width: 280px;
    }
    .prob-sec2-block-a h2 {
        font-size: 32px;
        font-family: 'Avenir LT Pro', sans-serif;
        margin-bottom: 12px;
    }
    .prob-sec2-block-a span {
        font-weight: 600;
        line-height: 1.5em;
        font-size: 22px;
        justify-content: flex-end;
    }
    .prob-sec2-block-a span p{
        width: 265px;
    }
    .prob-sec2-block-b{
        font-size: 18px;
        margin-top: 30px;
        font-weight: 100;
        letter-spacing: 0.05em;
        line-height: 1.5em;
    }
/*----------------------------------------------------------
--              MOT DE PASSE MAC
-----------------------------------------------------------*/
    .mdp-sec1{
        margin-top: 0px;
        height:450px;
        background-color: rgba(237,237,237,0.8);
        padding-left: 5vw;
        padding-right: 5vw;
    }
    .mdp-sec1 span {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mdp-sec1 span h1{
        display: flex;
        margin-top: 59px;
        margin-bottom: 24px;
        font-size: 38px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        text-align: center;
    }
    .mdp-sec1 span p{
        text-align: center;
        font-size: 22px;
        font-weight: bold;
        width: 330px;
        line-height: 1.95em;
    }
    .mdp-sec2 .mdp-sec2-txt {
        font-size: 19px;
        display: block;
        width: 330px;
        margin: 24px auto;
        font-weight: 100;
        line-height: 1.42em;
       
    }
    .mdp-sec2 .mdp-sec2-txt p span{
        font-weight: 400;
    }


    .btn2-cont{
        display: flex;
        height: 90px;
        justify-content: center;
        align-items: center;
        padding-bottom: 25px;
    }
    .btn2-cont a{
        text-decoration: none;
        letter-spacing: 0.15em;
        font-weight: 100;

    }
/*----------------------------------------------------------
--              FOOTER
-----------------------------------------------------------*/
        
    .innerfooter-cont{
        height: auto; 
    }
    .innerfooter{
       color: white;
       background-color: rgb( 17,17,17);
       height: auto;
       padding-bottom: 50px; 
    }
    .col{
        padding-top: 20px;
    }
    .columns{
        padding-left: 17px;
        padding-right: 10px;
        display: block;
    }
    .columns h3 {
        color: #D6D6D6;
        font-size: 24px;
    }
    .col1,.col2,.col3{
        width: 320px;
        text-align: start;
    }
    .col .up ul li {
        font-size: 15px;
        font-weight: lighter;
        line-height: normal;
        color: #FF4040;
        list-style: none;
        padding-top: 10px;
        margin-bottom: 4px;
        letter-spacing: 0.3px;
    }
    .col .up ul li a{
        text-decoration: none;
        color: #FF4040;
    }
    .col2 .down ul{
        margin-top: 4px;
    }
    .col2 .down ul li {
        font-size: 15px;
        font-weight: lighter;
        line-height: normal;
       
        list-style: none;
        padding-top: 16px;
        letter-spacing: 0.3px;
    }
    .col2 .down ul li a{
        text-decoration: none;
        color: #FFFFFF;
    }
    .col3 .up  a{
        text-decoration: none;
        color: #D6D6D6;
    }
    .col3 .down h3 {
        padding-top: 20px;
    }
    .col3 .down  a{
        text-decoration: none;
        color: #FFFFFF;
    }
    .col3 .down ul li {
        font-size: 15px;
        font-weight: lighter;
        line-height: normal;
        color: #FFFFFF;
        list-style: none;
        letter-spacing: 0.3px;
    }
    .col span.num a{
        display: block;
        padding-top: 10px;
        color: #FFFFFF;
    }
    .logo2{
        margin-top:15px;
    }
    .logo2 span a{
        text-decoration: none;
        font-family: "Lulo Clean W01 One Bold";
        font-size: 20px;
        line-height: 29px;                                       
    }
    .orange a{
        color: #E94615;
    }
    .white a{
        color: #FFFFFF;
    }
    .logo-img{
        width: 100%;
        display: flex;
    }
    .logo-img img{
        width: 80%;
    }
    .logo-cert{
        margin-top:15px; 
    }
    .logo-card{
        margin-left: 5px;
        margin-top:10px;
    }
    .col2 .down{
        padding-top: 10px;
    }
    .h-sav{
        padding-top: 16px;
        padding-bottom: 18px;
        color: #FF4040!important;
    }
    .mail-sav{
        margin-top: 2px;
    }
    .footertxt{
        padding-top: 20px;
        padding-left: 10px;
        padding-right: 10px;
        color: #FFFFFF;
        font-size: 10px;
        text-align: center;
    }
    .grs{
        color:#EDEDED;
        font-weight: lighter;
    }
    .blc{
        color:#FFFFFF;
        font-weight: lighter;
        line-height: 17px;
    }
    .mybreak{
        height: 15px;
    }
    .mybreak2{
        height: 14px;
    }
}

/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 40em) {
/*----------------------------------------------------------
--              HEADER
-----------------------------------------------------------*/
    header{    
        position: relative;
        width: 100%;
        height: 138px;
        background-color: #FFF; 
    }
    .innerheader{
        position: fixed;
        background-color: #FFFFFF;
        width: 100%;
        z-index: 250;
    }
    .logo-block{
        padding: 1em;
        width: 350px;
    }
    .logo-block img{
        width: 291px;
        height: 65px;
    }
    .logo-phone{
        font-family: 'Montserrat', sans-serif;
        color: rgb(233, 70, 21); 
        font-size: 27px;
        font-weight: 700;
        min-width: 198px;    
        width: auto;                              
    }
    .animate__animated.animate__fadeIn {
        --animate-duration: 10s;
      }
/*----------------------------------------------------------
--              VIDEO
-----------------------------------------------------------*/
    .back-video{
        height: 887px;
        width: -webkit-fill-available;
        object-fit: cover;
        object-position: 55% 50%;
    }
    .video-blur{
        -webkit-filter: blur(15px);
        -moz-filter: blur(15px);
        -o-filter: blur(15px);
        -ms-filter: blur(15px);
        filter: blur(15px);
        transition: all .8s;
    }
/*----------------------------------------------------------
--              BLOCK GRIS
-----------------------------------------------------------*/
    
    .gray-sect{
        margin-top: -5px;
    }
    .gray-block{
        display: flex;
        height: 165px;
        flex-direction: column;
        align-items: center;
        background-color: #ffffff    
    }
    .gray-block div {
        padding: 10px;
    
    }
    
    span.quest {
        font-size: 16px;
        font-weight: 700;
        line-height: normal;
        color: rgb( 17,17,17);
    
    }
    span.resp {
        display: block;
        text-align: center;
        font-weight: lighter;
        /*background-color: #ededed; */
        font-size: 14px;
    }
    a.link-btn{
        color: white;
        text-decoration: none;
        cursor: pointer;
        vertical-align: middle;
        line-height: 2.75em;
        transition: color .5s;
    }
    a.link-btn:active{
        color: black;
        transition: color .5s;
    }
    .link-btn span {
        font-weight: lighter;
        display: block;
        background-color: #ff4040;
        width: 190px;
        height: 45px;
        text-align: center;
        border-radius: 22px; 
    }
/*----------------------------------------------------------
--  DIAGNOSTIQUE  -- SOLUTION -- SATISFACTION
-----------------------------------------------------------*/
    .points{
        padding-top: 10px;    
        display: flex;
        flex-direction: column;
    }
    .a,.c{
        height: 345px;
        display: flex;
        flex-direction: row;
        align-items: center;
        width: auto;
        padding: 20px;
    }
    .b{
        height: 345px;
        display: flex;
        flex-direction: row-reverse;
        align-items: center;
        width: auto;
        padding: 20px; 
    }
    div.illust{
        align-self: center;
        display:flex;
        align-items: center;
        justify-content: center;
        height: 190px;
        margin-bottom: 50px;
        width: 50%;
    }
    div.point-desc{
        max-width: 325px;
        font-weight: lighter;
        text-align: center;
        font-size: 15px;
        color: rgb( 32,32,32);
        letter-spacing: 1px;
        margin-top: 5%;
    }
    div.point-desc p{ 
        line-height: 1.5em;
    }
    .points h2 {
        text-align: center;
        font-size: 22px;
    }
/*----------------------------------------------------------
--              TEXTE GAUCHE IMAGE DROITE
-----------------------------------------------------------*/
    .desc-tech{
        padding-top: 20px;    
    }

    .desc-tech-title, .desc-form-title{
        padding: 10px;
        color: #FF4040;
        font-size: 21px;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 50px;
        line-height: 36px;
        opacity: 0;
        transition: opacity 2s;
    }
    .desc-tech-txt{
        display: flex;
        align-self: center;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: opacity 4s;
    }
    .desc-tech-txt p{
        padding: 20px;
        max-width: 495px;
        text-align: center;
        line-height: 1.5em;
        font-weight: lighter;
    
    }
    .desc-tech-img img{
        width: -webkit-fill-available;
        object-fit: cover;

    }
/*----------------------------------------------------------
--              TEXTE DROITE IMAGE GAUCHE
-----------------------------------------------------------*/
    .desc-form{
        margin-top: 20px;
        display: flex;
        flex-direction: column-reverse;
    }
    .desc-form-l{
        padding-top: 20px;
    }
    .desc-form-l img{
        overflow: hidden;
        max-width: 100%;
        width: -webkit-fill-available; 
        height: auto;
        object-fit: cover; 
        object-position: 50% 50%;
    }
    .desc-form-r{
        margin-top: 50px;
        width: auto;
    }
    .desc-form-txt{
        display: flex;
        align-self: center;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: opacity 4s;
    }
    .desc-form-txt p{
        padding: 20px;
        max-width: 495px;
        text-align: center;
        line-height: 1.5em;
        font-weight: lighter;
    }
    /*----------------------------------------------------------
    --              EFFET PARALLAX
    -----------------------------------------------------------*/
    .parallax-cont{
        margin-top: 70px;
        padding-left: 28px;
        padding-right: 28px;
    }
    .parallax{
        /* Votre image */
        background-image: url("../img/parallax-img2.png");

        /* Une hauteur spécifique */
        height: 768px;
        /* L'effet de parallax */
        background-attachment: fixed;
        background-position: center; 
        background-repeat: no-repeat;
        background-size: cover;
    }
/*--------------------------------------------------------------------------------------------------------------------
--                                                         SERVICES
---------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------
--              VIDEO
-----------------------------------------------------------*/
    
.back-video2{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: 50% 50%;
}
/*----------------------------------------------------------
--              TITLE
-----------------------------------------------------------*/
    .serv-main-title h1{
        width: 100%;
        padding-top: 10px;
        height: 80px;
        display: flex;
        font-size: 30px;
        color: #FF4040;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: all 3s;
    }
/*----------------------------------------------------------
--              SERVICES BLOCKS
-----------------------------------------------------------*/

    section.line1{
        display: flex;
        flex-direction: column;
    }
    section.line2{
        display: flex;
        flex-direction: column;
    }
    section.line3{
        display: flex;
        flex-direction: column;
    }
    section.line4{
        display: flex;
        flex-direction: column;
    }
    .back-video-a{
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: row-reverse;
        justify-content: flex-start;
    }
    .back-video-b{
        display: flex;
        width: 100%;
        height: 100%;
        flex-direction: row;
        justify-content: flex-start;
    }
    .transparent {
        width: 50%;
        height: 413px;
        overflow: hidden;
        
    }
    .line1a{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .line1b{
        transform: translate(-10%, -30%);
        object-fit: fill;
        object-position: center;
        width: 120%;
        height: 100%;
    }
    .txt1b{
        margin-top: -21px;
    }
    .txt2a{
        margin-top: 8px;
    }
    .txt2b{
        margin-top: -22px;
    }
    .separator1{
        height: 0px;
    }
    .line2a{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .line2b{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .separator2{
        height: 0px;
    }
    .line3a{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;;
    }
    .line3b{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .txt3a{
        margin-top: 0px;
    }
    .title3b{
        margin-top: 36px;
    }
    .txt3b{
        margin-top: 50px;
    }
    .separator3{
        height: 0px;
    }
    .line4a{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .line4b{
        transform: translate(-25%, 0%);
        object-fit: fill;
        object-position: center;
        width: 200%;
        height: 100%;
    }
    .title4b{
        margin-top: 65px;
    }
    .txt4b{
        margin-top: -22px;
    }
    .separator4{
        height: 100px;
    }
    .description-cont{
        position: relative;
        width: 50%;
        height: 100%;
        background-color: #FFFFFF;
    }
    .description{
        padding-top: 40px;
    }
    .desc-title{
        padding: 30px;
    }
    .desc-title h2 {
        font-size: 30px;
        line-height: 32px;
        text-align: center;
        font-family: 'Avenir LT Pro', sans-serif;
        letter-spacing: 0.05em;
        font-weight: lighter;
        color: #FF6161;
        
    }
    .desc-txt{
        line-height: 25px;
        padding: 39px;
        padding-top: 9px;
        text-align: center;
        font-weight: 100;
        font-size: 18px;
        letter-spacing: 0.05em;
        color: #111111
    }
    /*--------------------------------------------------------------------------------------------------------------------
    --                                         MAC ASSISTANCE PLUS
    ---------------------------------------------------------------------------------------------------------------------*/
    .plus-title{
        padding-left: 28px;
        padding-right: 28px;
    }
    section.plus-title{
        height: 88px;
        margin-top: 10px;
    }
    section.plus-line1{
        height: 718px;
        margin-top: 119px;
        border: 1px solid #111111;
        display: flex;
    }
    section.plus-line2{
        height: 705px;
        display: flex;
    }
    section.tarif{
        height: 423px;
    }
    div.plus-line2a{
        display: flex;
        border: 1px solid #111111;
        box-sizing: content-box;
    }
    div.plus-line2b{
        border: 1px solid #111111;
    }
    .plus-main-title-cont{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .plus-main-title{
        display: flex;
        justify-content: center;
        font-size: 55px;
        font-weight: 400;
        margin: 0 auto;
        margin-top: 23px;
        font-size: 28px;
    }
    .plus-red{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 55px;
        font-weight: 400;
        color:rgb(255, 64, 64); 
    }
    .plus-main-title h1{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 47px;
        font-weight: 400;
    }
    .plus-main-desc{
        text-align: start;
        padding: 0px;
        padding-top: 24px;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        font-weight: 400;
        letter-spacing: 0.01em;
        font-size: 17px;
        line-height: inherit;
    }
    .plus-red2{
        color:rgb(255, 64, 64); 
    }
    .plus-line1a{
        width: 50%;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .l1a-title, .l2a-title{
        display: flex;
        /* padding: 10%; */
        padding-left: 4%;
        padding-right: 4%;
        padding-top: 40%;
        font-size: 19px;
        text-align: center;
        justify-content: center;
    }
    .l1a-desc, .l2a-desc{
        margin-top: 27px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: rgb(17, 17, 17);
        font-weight: lighter;
        line-height: 34px;
        font-size: 18px;
        letter-spacing: 0em;
        text-align: start;
        padding-left: 11%;

    }
    .l1a-desc p {
        width: 90%;
    }
    .l2a-desc p {
        width: 94%;
    }
    .plus-red3{
        font-family: 'Avenir LT Pro', sans-serif;
        color:rgb(255, 64, 64); 
        font-weight: 400;
    }
    .plus-line1b{
        width: 50%;
        background-color: #010506;
        display: flex;
        align-items: center;
    }
    .plus-line1b img{
        display: flex;
        height: 53%;
        width: 120%;
        object-fit: cover;
        object-position: 87% 50%;
    }
    .plus-line2a{
        width: 50%;
    }
    .plus-line2b{
        width: 50%;
    }
    .plus-red4{
        color:rgb(255, 64, 64); 
    }
    .pline2a{
        height: 100%; 
        width: 100%; 
        object-fit: cover; 
        object-position: center center; 
        opacity: 1;
    }
    .tarif{
        display: block;
        width: 100%;
    }
    .tarif-txt{
        font-family: "Lulo Clean W01 One Bold";
    }
    .tarif-txt-prix{
        display: block;
        width: 100%;
        padding-left: 7%;

    }
    .tarif-txt-prix{
        color: #FF4040;
        font-size: 27px;
        font-weight: 800;
        margin-top: 57px;

    }
    .tarif-txt-prix .prix{
        font-size: 50px;
    }
    .btn-abo-cont{
        margin-top: 45px;
    }
    .lnk-btn-abo{
        text-decoration: none;
        color: #E94615;
        background-color: #FFFFFF;
    }
    .lnk-btn-abo:hover{
        color: #FFFFFF;
        background-color: #E94615;
    }
    .lnk-btn-abo:hover  .btn-abo-txt{
        background-color: #E94615;
        transition: all 0.2s ease;
    }
    .lnk-btn-abo:hover .btn-abo-txt > span > div > svg > g > path{
        fill: #FFFFFF;
        transition: all 0.2s ease;
    }
    .btn-abo-txt{
        margin: 0 auto;
        border: 1px solid #E94615;
        display: flex;
        font-size: 38px;
        font-weight: 700;
        width: 299px;
        height: 60px;
        justify-content: center;
        align-items: center;
        letter-spacing: 0.05em;
        font-weight: 400;
    }
    .btn-abo-txt span div svg {
        display: flex;
        width: 12px;
        height: 12px;
        margin-left: 4px;
    }
    .lnk-cond{
        margin-top: 10px;
        display: flex;
        justify-content: center;
        font-size: 11px;
    }
    .lnk-cond a {
        color: rgb( 17,17,17);
        font-weight: lighter;
        letter-spacing: 0.02em;
    }
    .abo-accroche {
        text-decoration: none;
        color: rgb( 17,17,17);
    } 
    .abo-accroche h1{
        display: flex;
        margin-top: 23px;
        font-family: 'Oswald Regular', sans-serif;
        font-size: 20px;
        font-weight: bold;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.05em;

    }
    /*--------------------------------------------------------------------------------------------------------------------
    --                                         QUI SOMMES NOUS
    ---------------------------------------------------------------------------------------------------------------------*/
    body.qsn-body>section{
        opacity: 0;
    }
    .fadeIn{
        opacity: 1!important;
        transition: all 1s;
    }
    .qsn-title{
        margin-top: 10px;
    }
    .qsn-text-cont{
        padding: 3%;
    }
    .qsn-title h1{
        font-size: 42px;
        font-family: "Lulo Clean W01 One Bold";
    }
    .qsn-desc{
        margin-top: 27px;
    }
    .qsn-desc p{
        font-size: 18px;
        font-weight: lighter;
        letter-spacing: 0.05em;
        opacity: .8;
    }
    .qsn-desc-p1{
        margin-top: 25px;
        line-height: 34px;
    }
    .qsn-desc-p2{
        margin-top: 40px;
        line-height: 28px;
    }  
    .qsn-desc-p3{
        margin-top: 24px;
        line-height: 28px;
    }  
    .qsn-desc-p4{
        margin-top: 24px;
        line-height: 28px;
    }
    .qsn-btn-link{
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
    }
    .btn-block{
        opacity: 1;
        margin-top: 41px;
    }
    .btn-call{  
        padding: 4px;
        padding-top: 18px;
        width: 212px;
        height: 29px;
        border: 1px solid #E94615;
        color: white;
        background-color: #E94615;
        font-size: 16px;
        font-family: 'Avenir LT Pro';
        font-weight: lighter;
        text-align: center;
        letter-spacing: 1px;;
    }
    .ar-down svg{
        height: 15px;
        width: 15px;
        vertical-align: middle;
    }
    .btn-call:hover{
        color: #E94615;
        background-color: #FFFFFF;
        transition: all .2s;
    }
    .btn-call:hover > .ar-down svg g path{
        fill:#E94615
    }
    .block2{
        margin-top: 40px;
        background-color: #f1f1f1;
        height: auto;
    }
    .qsn-b2l4b{
        display: none;
    } 
    .qsn-block2-inner{
        padding: 3%;
    }
    .qsn-block2-title{
        font-size: 31px;
    }
    p.qsn-list-title{
        margin-top: 15px;
        margin-bottom: 15px;
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 20px;
    }
    p.qsn-list{
        font-weight: lighter;
        letter-spacing: 0.05em;
        opacity: .9;
        font-size: 18px;
        line-height: 35px;

    }
    .qsn-b2l1b, .qsn-b2l2b, .qsn-b2l3b, .qsn-b2l4b{
        margin-top: 15px;
        letter-spacing: 0.05em;
        font-weight: lighter;
        line-height: 28px;
    }
    /*--------------------------------------------------------------------------------------------------------------------
    --                                         CGV
    ---------------------------------------------------------------------------------------------------------------------*/

    body.cgv-body>section{
        opacity: 1;
    }
    .entete, .sec-annonce, .cgv-main{
        padding-left: 0%;
        padding-right: 0%;
    }
    .hr1{
        margin: 0 auto;
        width: 90%;
        margin-top: 15px;
        border: black;
        opacity: 1;
        height: 1px;
        background-color: #000;
    }
    .entete{
        text-align: center;
    }
    .entete-cont{
        display: inline-block;
        padding-top: 20px;
        margin-left: 4%;
    }
    .entete-title, .entete-block1, .entete-block2, .entete-block3{
       text-align: start;
       color: rgb( 17,17,17);
       margin-left: 50px;
    }
    .entete-title h1{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .entete-title p{
      font-family: 'Avenir LT Pro', sans-serif;
        font-size: 15px;
        line-height: 30px;
        font-weight: bold;
    }
    .entete-block1{
        margin-top: 38px;
    }
    .entete-block1 p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        line-height: 25px;
        opacity: .8;
    }
    .gras{
        font-weight: bold;
        letter-spacing: 0em;
    }
    .entete-block2{
        margin-top: 18px;
    }
    .entete-block2 p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        letter-spacing: 0.05em;
        opacity: .8;
    }
    .entete-block3{
        margin-top: 22px;
    }
    .entete-block3 p {
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        letter-spacing: 0.05em;
        line-height: 23px;
        opacity: .8;
    }
    .annonce{
        background-color: rgba(237,237,237,0.8);
        margin-top: 16px;
        height: 340px;
    
    }
    .annonce-cont{
        text-align: center;
        margin: 0 auto;
        padding-top: 48px;
        width: 92%;
    
    }
    .annonce-title h1{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 14px;
        font-weight: 400;
        margin-bottom: 10px;
        line-height: 25px;
    }
    .annonce-txt{
        margin-top: 30px;
    }
    .annonce-txt p{
        margin: 0 auto;
        font-size: 14px;
        font-weight: 400;
        line-height: 23px;
        letter-spacing: 0.00em;
    }
    .cgv-cont{
        text-align: start;
        margin: 0 auto;
        margin-top: 15px;
        width: 92%;
    }
    .cgv-block1-title{
        font-family: 'Avenir LT Pro', sans-serif;
        font-weight: 400;
        font-size: 21px;
    }
    .cgv-block1-txt{
        margin-top: 2px;
    }
    .cgv-block1-txt p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 19px;
        font-weight: lighter;
        line-height: 30px;
        opacity: .8;
    }
    .sep1{
        height: 3px;
    }
    .sep2,.sep3,.sep4,.sep5,.sep6,.sep7,.sep8,.sep9,.sep10,.sep11,.sep12,.sep13,.sep14,.sep15,.sep16,.sep17,.sep18,.sep19,.sep20,.sep21{
        height: 0px;
    }
    .cgv-block-title{
        font-family: 'Avenir LT Pro', sans-serif;
        font-weight: 400;
        font-size: 20px;
    }
    .cgv-block-txt p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 19px;
        font-weight: lighter;
        line-height: 30px;
        opacity: .8;
    }
    .cgv-block-txt ul {
        margin-left: 0.5em;
        padding-left: 1.3em;
    }
    .cgv-block-txt p a {
        color: rgb( 17,17,17);
    }
    .cgv-txt-gras {
        font-weight: bold;
    }
    .cgv-main{
        height: 19900px;
    }
    /*--------------------------------------------------------------------------------------------------------------------
    --                                        404
    ---------------------------------------------------------------------------------------------------------------------*/
    .sec-404{
        
        padding-top: 8vh;
        height: 84vh;
        display: flex;
        flex-direction: column;
    }
    .sorry{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sorry-pic{
        display: flex;
    }
    .sorry-pic svg{
        display: flex;
        height: auto;
        width: 400px;
    }
    .txt-404{
        padding-top: 10vh;
        padding-left: 5vh;
        padding-right: 5vh;
        text-align: center;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .txt-404 h1{
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        font-size: 32px;
    }
    .txt-404 p{
        font-size: 18px;
        font-weight: 600;
        line-height: 2em;
        letter-spacing: 1px;
    }

    .btn-404{ 
        margin-top: 5vh; 
        display: flex;
        justify-content: center;
        text-decoration: none;
        padding: 10px;
        padding-top: 10px;
        width: 180px;
        height: 30px;
        border: 1px solid #E94615;
        color: white;
        background-color: #E94615;
        font-size: 16px;
        font-family: 'Avenir LT Pro';
        font-weight: lighter;
        text-align: center;
        align-items: center;
    }
    .btn-404:hover{
        color: #E94615;
        background-color: #FFFFFF;
        transition: all .2s;
    }
/*----------------------------------------------------------
--              MAC ASSISTANCE PAYANT
-----------------------------------------------------------*/
    .payant-sec1{
        padding-top: 5vh;
        display: flex;
        height: auto;
    }
    .payant-sec1-txt{
        margin: 0 auto;
        margin-top: 5vh;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        font-family: 'Avenir LT Pro', sans-serif;
        width: 90%;
        line-height: 1.75em;
    }
    .payant-sec1-txt h1{
        font-size: 56px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
    }
    .payant-sec1-txt2{
        display: flex;
        flex-direction: column;

    }
    .payant-sec2{
        padding-left: 28px;
        padding-right: 28px;
        display: flex;
        flex-direction: row;
    
    }
    .payant-sec2-a{
        border: 1px solid #c2c2c2;
        width:50%;
        overflow: hidden;
    }

    .payant-sec2-a img{
        
        position: relative;
        height: 100%;
        left: -50%;

    }
    .payant-sec2-b-txt{
        width: 60%;
        text-align: center;
    }
    .payant-sec2-b {
       display: flex;
        width: 50%;
        border-top: 1px solid #c2c2c2;
        border-right: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    
    }
    .payant-sec2-b h2 {
        font-size: 38px;
        text-align: center;
        line-height: 1.75em;
        margin-top: 9vh;
        margin-bottom: 3vh;
    }
    .payant-sec2-b p {
        margin-top: 3vh;
        font-weight: 100;
        letter-spacing: 1px;
        line-height: 1.75em;
    }
    .payant-sec3{
        display: flex;
        padding-left: 28px;
        padding-right: 28px;
        height: 60vh;
    }
    .payant-sec3-a {
        display: flex;
        width: 50%;
        border-right: 1px solid #c2c2c2;
        border-left: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
        flex-direction: column;
        align-items: center;
    
    }
    .payant-sec3-a-txt{
        width: 60%;
        text-align: center;
    
    }
    .payant-sec3-a-txt h2{
        font-size: 38px;
        text-align: center;
        line-height: 1.75em;
        margin-top: 12vh;
        margin-bottom: 3vh;
    }
    .sec3-para{
       margin-top: 4vh;
       font-weight: 100;
       line-height: 1.5em;
       letter-spacing: 1px;
       width: 85%;
       margin: 0 auto;
    }
    .payant-sec3-b{
        width: 50%;
        border-right: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
        overflow: hidden;
    }
    .payant-sec3-b-img{
        position: relative;
        height: 100%;
        left:-80%;
        overflow: hidden;

    }
    .payant-sec4{
        margin: 0 auto;
        text-align: center;
        padding-top: 3vh;
        width: 80%;
        line-height: 1.75em;
        height: 1vh;
    }
    .payant-sec4-block1 h1{
        font-size: 20px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;  
    }
    .payant-sec4-block2{
        padding-top: 2vh;
        font-weight: 100;
        line-height: 1.5em;
    }
    .payant-sec4-block3{
        padding-top: 3vh;
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 116px;
        font-weight: 100;
        padding-top: 7vh;
    }
    .payant-sec4-block3 p{
        width: 100%;
        height: 164px;
        perspective-origin: 50% 443px;
        perspective: 100px;
    }
    .payant-sec5{
        perspective-origin: 50% 100px;
        perspective: 100px;
        overflow-y: hidden;
        overflow-x: hidden;
    
    }
    .payant-sec5-parallax-cont{
        min-height: 915px;
        will-change: transform;
        transform: translate3d(0px, 395px, 0px);
        background-image: url('../img/payant-img3.webp');
        background-position-x: 30%;
        background-position-y: 0%;
        /* background-attachment: fixed; */
        background-size: 144% auto;
        background-repeat:no-repeat ;

    }
    .payant-sec6{
       display:flex;
       flex-direction: column;
       height: 93vh;
       margin-bottom: 40px;
    }
    .payant-sec6-a{
        display: flex;
        width: 100%;
        min-height: 45vh ;
        background-image: url('../img/payant-img4.webp');
        background-position:center ;
        background-size: cover;
    }
    .payant-sec6-a-txt {
        background-color: rgba(237,237,237,0.4);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top:5vh;
    }
    .payant-sec6-a-txt h1{
        display: flex;
        font-size: 20px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        padding-bottom: 2vh;
    }
    .payant-sec6-a-txt p{
        font-weight: 100;
        font-size: 16px;
        line-height: 1.75em;
        letter-spacing: 1px;
        font-family: 'Avenir LT Pro', sans-serif;
    }
    .payant-sec6-b{
        background-color: #ededed;
        width: 100%;
        min-height: 52vh ;

    }
    .payant-sec6-b-txt {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top:5vh;
    }
    .payant-sec6-b-txt h1{
        display: flex;
        font-size: 20px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        padding-bottom: 2vh;
    }
    .payant-sec6-b-txt p{
        font-weight: 100;
        font-size: 16px;
        line-height: 1.75em;
        letter-spacing: 1px;
        font-family: 'Avenir LT Pro', sans-serif;
        width: 60%;
        text-align: center;
    }
    .payant-sec6-b-txt .gros{
        margin-top: 5vh;
        margin-bottom: 5vh;
        display: flex;
        font-family: 'Avenir LT Pro', sans-serif;
        font-weight: 100;
        text-align: center;
        font-size: 77px;
        width: 55vw;
        line-height: .75em;
    }

    .payant-sec6-b-txt .rouge{
        color: #FF4040;
    }
/*----------------------------------------------------------
--              MENTION LEGALES
-----------------------------------------------------------*/
    .container{
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        margin-top: 10vh;
        width: 90%;
        height: 120vh;
    }
    .mention-sec1{
        display: flex;
        flex-direction: column;
        margin-left: 2vw;
        margin-right: 2vw;

    }
    .mention-sec1 h1 {
        font-size: 26px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
    }
    .mention-sec1 span{
        margin-top: 3.5vh;
    }
    .mention-sec1 span p {
        font-size: 18px;
        font-weight: 600;
        line-height: 2.15em;
        font-family: 'Avenir LT Pro', sans-serif;
    }
    .mention-sec2{
        margin-top: 8vh;
        display: flex;
        flex-direction: column;
    }
    .btn-deco{
        
        display: block;
        width: 180px;
        height: 23px;
        padding: 12px;
    }
    .mention-sec2 .mention-block1 span.txt {
        display: block;
        padding-top: 1.8vh;
    }
    .mention-sec2 .mention-block1 span.txt p{
        font-size: 18px;
        font-weight: 100;
        line-height: 1.82em;
    }
    .txt-p2{
        margin-right: 3vw;
    }
    .mention-sec2 .mention-block2 {
        display: block;
        padding-top: 1.8vh;
    }
    .mention-sec2 .mention-block2 span.txt2{
        display: block;
        margin-top: 1.2vh;
    }
    .mention-sec2 .mention-block2 span.txt2 p {
        font-size: 18px;
        font-weight: 100;
        line-height: 1.75em;
        letter-spacing: 0.05em;
    }
/*----------------------------------------------------------
--              REMBOURSEMENT
-----------------------------------------------------------*/
    .remb-sec1{
        margin-top: 10px;
        background-image: url('../img/remboursement-ipad.webp');
        background-position: center;
        background-size: cover;
        height: 790px;
    }

    .remb-sec1 img{
        height: 0px;
    }
    .container1{
        background-color: rgba(250,250,250,1);
        height: 75vh;
    }
    .remb-sec2{
        padding-top:23px;
        margin: 0 auto;
        width:650px;
    
    }
    .remb-sec2 h2 {
        font-size: 20px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
    }
    .semb-sec2-txt{
        font-size: 19px;
        display: block;
        margin-top: 15px;
        font-weight: 100;
        line-height: 1.45em;
    }
    .rouge{
        color:#FF4040;
    }
    .container2{
        margin: 0 auto;
        margin-top: 25px;
        width:650px;
        height: 360px;
    }
    .remb-sec3{
        display: flex;
        flex-direction: column;
    }
    .remb-sec3-a{
        display: flex;
        width: 650px;
        margin-top: 0px;
    }
    .remb-sec3-txt{
        font-size: 19px;
        font-weight: 100;
        text-align: center;
        line-height: 1.35em;
        padding-right: 3vw;
        padding-left: 3vw;
    }
    .remb-sec3-b{
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .btn_down{
        margin-top: 34px;
        display: flex;
        text-decoration: none;
        width: 280px;
        height: 50px;
        color: #FF4040;
        border: 1px solid #FF4040;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        font-family: 'Avenir LT Pro';
        font-weight: lighter;
        letter-spacing: 0.1em;
    }
    .btn_down svg{
        width: 12px;
    }
    .btn_down:hover{
        background-color: #FF4040;
        color:#FFFFFF;
        transition: all 0.2s ease;
    }

    .btn_down:hover  .arrow > svg > g > path{
        fill:#FFFFFF!important;
        transition: all 0.2s ease;
    }
    .souligne{
        text-decoration: underline;
    }
/*----------------------------------------------------------
--              PROBLEME MAC
-----------------------------------------------------------*/
    .pbmac-body{
        background-color: #ededed;
    }
    .prob-sec1{
        height: 740px;
        display: flex;
        flex-direction: column;
        padding-right: 0vw;
        padding-left:  0vw;
    }
    .prob-sec1-block-a{
        height: 326px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .prob-sec1-block-a h1{
        margin-top: 83px;
        font-size: 38px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        padding-left: 0vw;
        padding-right: 0vw;
        text-align: center;
    }
    .prob-sec1-block-a a{
        display: flex;
        margin-top: 35px;
        text-decoration: none;
        justify-content: center;
        width: 170px;  
    }

    .prob-sec1-block-b{
        background-color: #FFF;
        height: 275px;
        padding-top: 55px;
        margin-top: 0px;
        text-align: center;
    }
    .prob-sec1-block-b span{
        display: block;
        padding-right: 25px;
        padding-left: 25px;
    }
    .prob-sec1-block-b p {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.8em;
        font-family: 'Avenir LT Pro', sans-serif;
    }
    .prob-sec2{
        position: relative;
        background-color: #FFF;
        height: 1000px;
        display: flex;
        flex-direction: column;
        padding-left: 25px;
        padding-right: 14px;
        margin-bottom: 50px;
    }
    .prob-sec2-block-a{
        display: flex;
        flex-direction: column;
    }
    .prob-sec2-block-a-txt{
        margin-top: 55px;
        margin-left: 0px;
        width: 280px;
    }
    .prob-sec2-block-a h2 {
        font-size: 32px;
        font-family: 'Avenir LT Pro', sans-serif;
        margin-bottom: 12px;
    }
    .prob-sec2-block-a span {
        font-weight: 600;
        line-height: 1.5em;
        font-size: 22px;
        justify-content: flex-end;
    }
    .prob-sec2-block-a span p{
        width: 265px;
    }
    .prob-sec2-block-b{
        font-size: 18px;
        margin-top: 30px;
        font-weight: 100;
        letter-spacing: 0.05em;
        line-height: 1.5em;
    }
/*----------------------------------------------------------
--              MOT DE PASSE MAC
-----------------------------------------------------------*/
    .mdp-sec1{
        height:350px;
        background-color: rgba(237,237,237,0.8);

    }
    .mdp-sec1 span {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .mdp-sec1 span h1{
        display: flex;
        margin-top: 84px;
        margin-bottom: 43px;
        font-size: 42px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        text-align: center;
    }
    .mdp-sec1 span p{
        text-align: center;
        font-size: 18px;
        font-weight: bold;
        width: 630px;
        line-height: 1.98em;
    }
    .mdp-sec2 .mdp-sec2-txt {
        display: block;
        width: 80%;
        margin: 44px auto;
        font-weight: 100;
        line-height: 1.38em;
        letter-spacing: 0.01em;
    }

    .btn2-cont{
        display: flex;
        height: 90px;
        justify-content: center;
        align-items: center;
        padding-bottom: 25px;
    }
    .btn2-cont a{
        text-decoration: none;
        letter-spacing: 0.15em;
        font-weight: 100;
    }
/*----------------------------------------------------------
--              FOOTER
-----------------------------------------------------------*/
    
    .innerfooter-cont{
        /*
        padding-left: 28px;
        padding-right: 28px;
        */
        height: 620px;
    }
    .innerfooter{
       color: white;
       background-color: rgb( 17,17,17);
       height: 620px; 
    }
    .innerfooter{
        padding-left: 3%;
        padding-right: 3%;

    }
    .columns{
        padding-left: 4%;
        padding-right: 2%;
        display: flex;
    }
    .columns h3 {
        color: #D6D6D6;
        font-size: 20px;
    }
    .col1,.col2,.col3{
        margin-top: 45px;
        width: 33%;
        text-align: start;
    }
    .col .up ul li {
        font-size: 15px;
        font-weight: lighter;
        line-height: normal;
        color: #FF4040;
        list-style: none;
        padding-top: 10px;
        margin-bottom: 4px;
        letter-spacing: 0.3px;
    }
    .col .up ul li a{
        text-decoration: none;
        color: #FF4040;
    }
    .col2 .down h3{
        margin-top: 36px;
    }
    .col3 .down h3{
        margin-top: 16px;
    }
    .col2 .down ul{
        margin-top: 4px;
    }
    .col2 .down ul li {
        font-size: 15px;
        font-weight: lighter;
        line-height: normal;
        list-style: none;
        padding-top: 16px;
        letter-spacing: 0.3px;
    }
    .col2 .down ul li a{
        text-decoration: none;
        color: #D6D6D6;
    }
    .col3 .up  a{
        text-decoration: none;
        color: #D6D6D6;
    }
    .col3 .down  a{
        text-decoration: none;
        color: #D6D6D6;
    }
    .col3 .down ul li {
        font-size: 15px;
        font-weight: lighter;
        line-height: normal;
        color: #D6D6D6;
        list-style: none;
        letter-spacing: 0.3px;
    }
    .col2 .down{
        /*margin-top: 46px;*/
        margin-top: 0px;
    }
    .col3 .down{
        /*margin-top: 28px;*/
        margin-top: 0px;
    }
    .col span.num{
        display: block;
        padding-top: 10px;
        color: #D6D6D6;
    }
    .logo2{
        margin-top:15px;
    }
    .logo2 span a{
        text-decoration: none;
        font-family: "Lulo Clean W01 One Bold";
        font-size: 20px;
        line-height: 29px;

    }
    .orange a{
        color: #E94615;
    }
    .white a{
        color: #FFFFFF;
    }
    .logo-cert{
        margin-top:15px;
    }
    .logo-card{
        margin-top:10px;
    }
    .col2 .down{
        padding-top: 10px;
    }
    .col3 .down{
        padding-top: 97px;
    }
    .h-sav{
        padding-top: 16px;
        padding-bottom: 18px;
        color: #FF4040!important;
    }
    .mail-sav{
        margin-top: 2px;
    }
    .footertxt{
        color: #FFFFFF;
        font-size: 12px;
        text-align: center;
    }
    .grs{
        color:#EDEDED;
        font-weight: lighter;
    }
    .blc{
        color:#FFFFFF;
        font-weight: lighter;
        line-height: 17px;
    }
    .mybreak{
        height: 15px;
    }
    .mybreak2{
        height: 14px;
    }        
}

 /*Medium devices such as tablets (768px and up)*/ 
@media only screen and (min-width: 48em) {
    /*-------------------------------
    -- AFFICHAGE PARAGRAPHE
    --------------------------------*/
    .desc-tech-txt p {
        max-width: 700px;
    }
    .desc-form-txt  p {
        max-width: 700px;
    }
}

/* Largest devices such as desktops (1024px and up) */
@media only screen and (min-width: 64em) {    
/*----------------------------------------------------------
--              HEADER
-----------------------------------------------------------*/
    
    header{    
        position: fixed;
        top:0;
        left: 0;
        height: 138px;
        width: 100%;
        background-color: #FFF;
        z-index: 10;
    }
    .logo-block{
        padding: 1em;
        margin-left: 27em;
    }
    .logo-block img{
        width: 291px;
        height: 65px;
    }
    .logo-phone{
        font-family: 'Montserrat', sans-serif;
        color: rgb(233, 70, 21); 
        font-size: 27px;
        font-weight: 700;                                  
    }
    .animate__animated.animate__fadeIn {
        --animate-duration: 10s;
      }
/*----------------------------------------------------------
--              VIDEO
-----------------------------------------------------------*/
    
    .back-video{
        height: 887px;
        width: 100%;
        object-fit: cover;
        margin-top: 138px;
    }
/*----------------------------------------------------------
--              BLOCK GRIS
-----------------------------------------------------------*/
    
    .gray-sect{
        margin-top: 65px;
        height: 218px;
    }
    .gray-block{
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 26px;
        padding-bottom: 17px;
        padding-top: 32px;
        background-color: #ffffff;
        height: auto;    
    }
    .gray-block div {
        padding: 10px;
 
    }

    span.quest {
        font-size: 30px;
        font-weight: 700;
        line-height: normal;
        color: rgb( 17,17,17);
   
    }
    span.resp {
        padding-top: 14px;
        margin-top: -15px;
        font-size: 16px;
        font-weight: 600;
        color: #4b4b57;
        letter-spacing: -1px;
    }
    .link-btn-cont{
        margin-top: -3px;
    }
    a.link-btn{
        color: #ffefef;
        text-decoration: none;
        cursor: pointer;
        vertical-align: middle;
        line-height: 2.75em;
        transition: color .5s;
    }
    a.link-btn:hover{
        color: black;
        transition: color .5s;
    }
    .link-btn span {
        font-weight: lighter;
        display: block;
        background-color: #ff4040;
        width: 190px;
        height: 45px;
        text-align: center;
        border-radius: 22px;
        
    }
/*----------------------------------------------------------
--  DIAGNOSTIQUE  -- SOLUTION -- SATISFACTION
-----------------------------------------------------------*/
    .points{
        margin-top: 45px;
        display: flex;
        flex-direction:row;
        height: 657px;
        padding-left: 28px;
        padding-right: 28px;
    }
    .a{
        height: 540px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 33.333333333%;
        justify-content: center;
    }
    .b{
        height: 540px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 33.333333333%;
        justify-content: center;
    }
    .c{
        height: 540px;
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 33.333333333%;
        justify-content: center;
    }
    div.illust{
        align-self: center;
        display:flex;
        align-items: center;
        height: 298px;
    }
    .img1, .img2 {
        width: 274px;
        height: 274px;
    }
    div.point-desc{
        max-width: 325px;
        font-weight: lighter;
        text-align: center;
        font-size: 14px;
        color: rgb( 32,32,32);
        letter-spacing: 1px;
        margin-top: 5%;
    }

    .points h2 {
        margin-top: -41px;
        text-align: center;
        font-size: 1.75em;
    }
    div.point-desc p{ 
        padding-top: 11px;
        line-height: 1.5em;
    }
/*----------------------------------------------------------
--              TEXTE GAUCHE IMAGE DROITE
-----------------------------------------------------------*/
    .job{
        margin-top: 58px;
    }
    .desc-tech{
        display: flex;
        padding-left: 28px;
        padding-right: 28px;
    }
    .desc-tech-l{
        width: 50%;
        margin-top: -4px;
        min-width: 40%;
    }

    .desc-tech-title, .desc-form-title{
        color: #FF4040;
        font-size: 26px;
        padding-left: 22%;
        padding-right: 22%;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 50px;
        line-height: 41px;
        opacity: 0;
        transition: opacity 2s;
    }
    .desc-tech-txt{
        padding-top: 14px;
        display: flex;
        align-self: center;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: opacity 6s;

    }
    .desc-tech-txt p{
        padding: 20px;
        padding-top: 15px;
        max-width: 495px;
        text-align: center;
        line-height: 1.5em;
        font-weight: lighter;
 
    }
    .desc-tech-img{
        margin-top: -60px;
        object-fit: cover;
        
    }
/*----------------------------------------------------------
--              TEXTE DROITE IMAGE GAUCHE
-----------------------------------------------------------*/
    .job2{
        padding-top: 17px;
        padding-bottom: 10px;
    }
    .desc-form{
        display: flex;
        flex-direction: row;
        margin-top: 90px;
        padding-left: 28px;
        padding-right: 28px;
    }
    .desc-form-l{
       
        max-width: 50%;
    }
    .desc-form-l img{
        overflow: hidden;
        max-width: 100%;
        width: 922px; 
        height: 641px; 
        object-fit: cover; 
        object-position: 50% 50%;
    }
    .desc-form-r{
        margin-top: 50px;
        width: 50%;
    }
    .desc-form-txt{
        display: flex;
        align-self: center;
        flex-direction: column;
        align-items: center;
        opacity: 0;
        transition: opacity 6s;
    }
    .desc-form-txt p{
        padding: 20px;
        max-width: 495px;
        text-align: center;
        line-height: 1.5em;
        font-weight: lighter;
    }
/*----------------------------------------------------------
--              EFFET PARALLAX
-----------------------------------------------------------*/
    .parallax-cont{
        margin-top: 70px;
        padding-left: 28px;
        padding-right: 28px;
    }
    .parallax{
        /* Votre image */
        background-image: url("../img/parallax-img.png");

        /* Une hauteur spécifique */
        height: 1009px;
        /* L'effet de parallax */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }

/*--------------------------------------------------------------------------------------------------------------------
--                                                         SERVICES
---------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------
--              VIDEO
-----------------------------------------------------------*/
    
.back-video2{
    height: 873px;
    width: 100%;
    object-fit: cover;
    margin-top: 138px;
}
/*----------------------------------------------------------
--              TITLE
-----------------------------------------------------------*/
    .serv-main-title-cont{  
        margin-top: 10px;
    }
    .serv-main-title h1{
        width: 100%;
        padding-top: 39px;
        height: 165px;
        display: flex;
        font-size: 30px;
        color: #FF4040;
        justify-content: center;
        align-items: center;
        opacity: 0;
        transition: opacity 3s;
    }
/*----------------------------------------------------------
--              SERVICES BLOCKS
-----------------------------------------------------------*/
    /*    
    .services-body{
        background-image: #FFF;
    }
    */
    section.line1{
        display: flex;
        margin-top: 50px;
        height: 406px;
        flex-direction: row;
        
    }
    section.line2{
        display: flex;
        margin-top: 50px;
        height: 422px;
        flex-direction: row;
    }
    section.line3{
        display: flex;
        margin-top: 50px;
        height: 451px;
        flex-direction: row;

    }
    section.line4{
        display: flex;
        margin-top: 94px;
        height: 460px;
        flex-direction: row;

    }
    .description{
        padding-top: 0;
    }
    .back-video-a{
        display: flex;
        width: 50%;
        height: 100%;
        flex-direction: row;
        justify-content: flex-end;
        
    }
    .back-video-b{
        display: flex;
        width: 50%;
        height: 100%;
        flex-direction: row;
        justify-content: flex-start;
    }
    .transparent {
        width: 380.75px;
        overflow: hidden;
        position: relative;
      }
    .line1a{
        position: absolute;
        /*left: -160%;*/
        left: -56%;
        top: -100%;
        object-fit: Fill;
        width:426%;
        height:234%;  
        
    }
    .line1b{
        position: absolute;
        left: 11%;
        top: 555px;
        object-fit: fill;
        width:100%;
        height:320%;
    }
    .txt1b{
        margin-top: -21px;
    }
    .txt2a{
        margin-top: 8px;
    }
    .txt2b{
        margin-top: -22px;
    }
    .separator1{
        height: 48px;
    }
    .line2a{
        position: absolute;
        left: 4%;
        top: 0%;
        object-fit: fill;
        width: 198%;
        height: 100%;
    }
    .line2b{
        position: absolute;
        left: -50%;
        top: 0%;
        object-fit: fill;
        width: 198%;
        height: 100%;
    }
    .separator2{
        height: 35px;
    }
    .line3a{
        position: absolute;
        /*left: -150%;*/
        left:-53%;
        top: -90%;
        object-fit: fill;
        width: 400%;
        height: 275%;
    }
    .line3b{
        position: absolute;
         /*left: -150%;*/
         left:-50%;
        top: -122%;
        object-fit: fill;
        width: 400%;
        height: 275%;
    }
    .txt3a{
        margin-top: -13px;
    }
    .txt3b{
        margin-top: -22px;
    }
    .separator3{
        height: 75px;
    }
    .line4a{
        position: absolute;
        left: -1%;
        top: 0%;
        object-fit: fill;
        width: 198%;
        height: 100%;
    }
    .title4b{
        margin-top: 0px;
    }
    .line4b{
        position: absolute;
        left: 0%;
        top: 0%;
        object-fit: fill;
        width: 198%;
        height: 100%;
    }
    .txt4b{
        margin-top: -22px;
    }
    section.line.line1 > div.back-video-a > div.transparent{
        height: 406px;
    }
    section.line.line1 > div.back-video-b > div.transparent{
        height: 406px;
    }
    section.line.line3 > div.back-video-a > div.transparent{
        height: 451px;
    }
    section.line.line3 > div.back-video-b > div.transparent{
        height: 451px;
    }
    section.line.line4 > div.back-video-a > div.transparent{
        height: 460px;
    }
    section.line.line4 > div.back-video-b > div.transparent{
        height: 460px;
    }
    .separator4{
        height: 153px;
    }
    .description-cont{
        position: relative;
        width: 380.75px;
        height: 100%;
        background-color: #FFFFFF;
    }
    .desc-title{
        padding: 50px;
    }
    .desc-title h2 {
        margin-top: 21px;
        font-size: 25px;
        line-height: 30px;
        text-align: center;
        font-family: 'Avenir LT Pro', sans-serif;
        letter-spacing: 0.05em;
        font-weight: lighter;
        color: #FF6161
    }
    .desc-txt{
        line-height: 21px;
        padding: 50px;
        padding-top: 9px;
        text-align: center;
        font-weight: 100;
        font-size: 16px;
        letter-spacing: 0.05em;
        color: #111111
    }
/*--------------------------------------------------------------------------------------------------------------------
--                                         MAC ASSISTANCE PLUS
---------------------------------------------------------------------------------------------------------------------*/
    .plus-body{
        padding-left: 28px;
        padding-right: 28px;
    }
    section.plus-title{
        height: 333px;
        margin-top: 10px;
    }
    section.plus-line1{
        height: 914px;
        margin-top: 112px;
        border: 1px solid #111111;
        display: flex;
    }
    section.plus-line2{
        height: 970px;
        display: flex;
    }
    section.tarif{
        height: 544px;
    }
    div.plus-line2a{
        display: flex;
        height: 891px;
        border: 1px solid #111111;
        box-sizing: content-box;

    }
    
    div.plus-line2b{
        height: 891px;
        border: 1px solid #111111;
    }
    .plus-main-title-cont{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .plus-main-title{
        display: flex;
        justify-content: center;
        font-size: 55px;
        font-weight: 400;
        margin: 0 auto;
        margin-top: 228px;
        font-size: 28px;
    }
    .plus-red{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 55px;
        transform: scale(5);
        font-weight: 400;
        color:rgb(255, 64, 64); 
    }
    .plus-main-title h1{
        position: absolute;
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 55px;
        font-weight: 400;
        opacity: 0;
        transform: scale(7);
    }
    .retrecit{
        transform: scale(1)!important;
        transition: all 2s;
    }
    .plus-main-desc{
        text-align: start;
        padding: 0px;
        /*
        padding-top: 32px;
        */
        padding-top: 112px;
        display: flex;
        justify-content: center;
        margin: 0 auto;
        font-weight: 600;
        letter-spacing: 0.01em;
        font-size: 23px;
        line-height: inherit;
    }
    .plus-red2{
        color:rgb(255, 64, 64); 
    }
    .plus-line1a{
        width: 50%;
        display: flex;
        flex-direction: column;
        height: 100%;
    }
    .l1a-title, .l2a-title{
        display: flex;
        /* padding: 10%; */
        padding-left: 23%;
        padding-right: 23%;
        padding-top: 20%;
        font-size: 27px;
        text-align: center;
        justify-content: center;
    }
    .l1a-desc, .l2a-desc{
        margin-top: 37px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        color: rgb(17, 17, 17);
        font-weight: lighter;
        line-height: 40px;
        font-size: 22px;
        letter-spacing: 0.05em;
        text-align: start;
        padding-left: 29%;
        
    }
    .l1a-desc p {
        width: 70%;
    }
    .l2a-desc p {
        width: 68%;
    }
    .plus-red3{
        font-family: 'Avenir LT Pro', sans-serif;
        color:rgb(255, 64, 64); 
        font-weight: 400;
    }
    .plus-line1b{
        width: 50%;
        background-color: #010506;
        display: flex;
        align-items: center;
    }
    .plus-line1b img{
        display: flex;

        /*height: 100%;*/
        width: 100%;
        /*object-fit: cover;*/
        object-position: 50% 50%;
        overflow: hidden;
    }
    .plus-line2a{
        width: 50%;
    }
    .plus-line2b{
        width: 50%;
    }
    .plus-red4{
        color:rgb(255, 64, 64); 
    }
    .pline2a{
        height: 100%; 
        width: 100%; 
        object-fit: cover; 
        object-position: center center; 
        opacity: 1;
    }
    .tarif{
        display: block;
        width: 100%;
    }
    .tarif-l1{
        margin-top: -58px;
    }
    .tarif-txt{
        font-family: "Lulo Clean W01 One Bold";
    }
    .tarif-txt-prix{
        display: block;
        width: 72%;
        padding-left: 28%; 
    }
    .tarif-txt-prix{
        color: #FF4040;
        font-size: 27px;
        font-weight: 800;
    }
    .tarif-txt-prix .prix{
        font-size: 70px;
    }
    .btn-abo-cont{
        margin-top: 45px;
    }
    .lnk-btn-abo{
        text-decoration: none;
        color: #E94615;
        background-color: #FFFFFF;
    }
    .lnk-btn-abo:hover{
        color: #FFFFFF;
        background-color: #E94615;
    }
    .lnk-btn-abo:hover  .btn-abo-txt{
        background-color: #E94615;
        transition: all 0.2s ease;
    }
    .lnk-btn-abo:hover .btn-abo-txt > span > div > svg > g > path{
        fill: #FFFFFF;
        transition: all 0.2s ease;
    }
    .btn-abo-txt{
        margin: 0 auto;
        border: 1px solid #E94615;
        display: flex;
        font-size: 38px;
        font-weight: 700;
        width: 299px;
        height: 73px;
        justify-content: center;
        align-items: center;
        letter-spacing: 0.05em;
        font-weight: 400;
    }
    .btn-abo-txt span div svg {
        display: flex;
        width: 12px;
        height: 12px;
        margin-left: 4px;
    }
    .lnk-cond{
        margin-top: 10px;
        display: flex;
        justify-content: center;
        font-size: 11px;
    }
    .lnk-cond a {
        color: rgb( 17,17,17);
        font-weight: lighter;
        letter-spacing: 0.02em;
    }
    .abo-accroche {
        text-decoration: none;
        color: rgb( 17,17,17);
    } 
    .abo-accroche h1{
        display: flex;
        margin-top: 50px;
        font-family: 'Oswald Regular', sans-serif;
        font-size: 27px;
        font-weight: bold;
        align-items: center;
        justify-content: center;
        letter-spacing: 0.05em;

    }
/*--------------------------------------------------------------------------------------------------------------------
--                                         QUI SOMMES NOUS
---------------------------------------------------------------------------------------------------------------------*/
    body.qsn-body>section{
        opacity: 0;
    }
    
    .fadeIn{
        opacity: 1!important;
        transition: opacity 1s;
    }
    .block1{
        height: 572px;
        margin-top: 154px;
        margin-left: 28px;
        margin-right: 28px;
    }
    .qsn-text-cont{
        text-align: center;
    }
    .qsn-title h1{
        font-size: 56px;
        font-family: "Lulo Clean W01 One Bold";
    }
    .qsn-desc{
       display: inline-block;
       margin-top: 16px;
       letter-spacing: 0.02em;
       margin-left: -100px;
       font-weight: lighter;
       width: 750px ;
    }
    .qsn-desc p{
        text-align: start;
        margin-top: 25px;
        line-height: 28px;
        font-size: 15px;
        opacity: 0.8;
    }
    .qsn-desc p.qsn-desc-p2{
        margin-top: 24px;
    }
    .qsn-desc p.qsn-desc-p3{
        margin-top: 16px;
        line-height: 24px;
    }
    .qsn-desc p.qsn-desc-p4{
        margin-top: 17px;
        line-height: 24px;
    }
    .qsn-btn-link{
        text-decoration: none;
        text-align: center;
        vertical-align: middle;
    }
    .btn-block{
    opacity: 1;
    margin-top: 52px;
    }
    .btn-call{  
        padding: 4px;
        padding-top: 10px;
        width: 142px;
        height: 26px;
        border: 1px solid #E94615;
        color: white;
        background-color: #E94615;
        font-size: 14px;
        font-family: 'Avenir LT Pro';
        font-weight: lighter;
        text-align: center;
        letter-spacing: 1px;
    }
    .ar-down svg{
        height: 15px;
        width: 15px;
        vertical-align: middle;
    }
    .btn-call:hover{
        color: #E94615;
        background-color: #FFFFFF;
        transition: all .2s;
    }
    .btn-call:hover > .ar-down svg g path{
        fill:#E94615
    }
    .block2{
        height: 870px;
        margin-left: 28px;
        margin-right: 28px;
        background-color: #f1f1f1;
    }
    .qsn-block2-cont{
        display: flex;
    }
    .qsn-block2-inner{
       margin: 0 auto; 
    }
    .qsn-block2-title {
        padding-top: 24px;
    }
    .qsn-block2-title h3{
        font-size: 38px;
    }
    .qsn-block2-txt{
        margin-top: 15px;
        display: flex;
        flex-direction: column;
    }
    .qsn-block2-line1,.qsn-block2-line2,.qsn-block2-line3,.qsn-block2-line4{
        display: flex;
        padding: 30px;
        padding-left: 0px;
        text-align: start;
    }
    .qsn-block2-line1{
        margin-top: -15px;
    }
    .qsn-block2-line2{
        margin-top: -10px;
    }
    .qsn-block2-line3{
        margin-top: -2px;
    }
    .qsn-block2-line4{
        margin-top: -8px;
    }
    .qsn-b2l1a, .qsn-b2l2a, .qsn-b2l3a, .qsn-b2l4a{
        width: 250px;
    }
    .qsn-b2l1a p, .qsn-b2l2a p, .qsn-b2l3a p, .qsn-b2l4a p{
        min-height: 25px;
        line-height: 25px;
    
    }
    .qsn-b2l1b p, .qsn-b2l2b p, .qsn-b2l3b p, .qsn-b2l4b p{
        min-height: 25px;
        line-height: 30px;
        font-size: 16px;
        font-weight: lighter;
        opacity: 0.8;
        width: 500px;
    }
    .qsn-b2l4b{
        display: block;
    }
    .qsn-b2l1b, .qsn-b2l2b, .qsn-b2l3b, .qsn-b2l4b{
        margin-left: 85px;
        width:485px;
    
    }
    p.qsn-list-title{
        font-weight: 600;
        margin-bottom: 10px;
        font-size: 16px;
    }
    p.qsn-list{
        font-weight: lighter;
        letter-spacing: 0.05em;
        opacity: .9;
        font-size: 15px;
    }
    .addon-big-screen{
        display: none;
    }
    .qsn-b2l3b p{
        margin-top: 30px;
    }
    .qsn-b2l4b p{
        margin-top: 30px;
    }
    /*--------------------------------------------------------------------------------------------------------------------
    --                                         CGV
    ---------------------------------------------------------------------------------------------------------------------*/
    body.cgv-body>section{
        opacity: 0;
    }
    .entete, .sec-annonce, .cgv-main{
        padding-left: 4.5%;
        padding-right: 4.5%;
    }
    .hr1{
        margin: 0 auto;
        width: 83%;
        margin-top: 154px;
        border: black;
        opacity: 1;
        height: 1px;
        background-color: #000;
    }
    .entete{
        text-align: center;
    }
    .entete-cont{
        display: inline-block;
        padding-top: 54px;
        margin-left: 7%;
    }
    .entete-title, .entete-block1, .entete-block2, .entete-block3{
       text-align: start;
       color: rgb( 17,17,17);
    }
    .entete-title h1{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 21px;
        font-weight: 600;
        margin-bottom: 10px;
    }
    .entete-title p{
      font-family: 'Avenir LT Pro', sans-serif;
        font-size: 18px;
        line-height: 35px;
        font-weight: bold;
    }
    .entete-block1{
        margin-top: 62px;
    }
    .entete-block1 p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        letter-spacing: 0.05em;
        line-height: 29px;
        opacity: .8;
    }
    .gras{
        font-weight: bold;
        letter-spacing: 0em;
    }
    .entete-block2{
        margin-top: 25px;
    }
    .entete-block2 p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        letter-spacing: 0.05em;
        opacity: .8;
    }
    .entete-block3{
        margin-top: 22px;
    }
    .entete-block3 p {
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        letter-spacing: 0.05em;
        line-height: 24px;
        opacity: .8;
    }
    .annonce{
        background-color: rgba(237,237,237,0.8);
        margin-top: 16px;
        height: 411px;
    }
    .annonce-cont{
        text-align: center;
        margin: 0 auto;
        padding-top: 82px;
        width: 60%;
        margin-left: 18%;
    }
    .annonce-title h1{
        font-family: 'Lulo Clean W01 One Bold';
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0.05em;
        margin-bottom: 20px;
        line-height: 23px;
    }
    .annonce-txt{
        margin-top: 40px;
    }
    .annonce-txt p{
        margin: 0 auto;
        font-size: 18px;
        font-weight: 600;
        line-height: 25px;
    }
    .annonce-txt p.p1{
        width: 895px;
    }
    .annonce-txt p.p2{
        width: 949px;
    }
    .annonce-txt p.p3{
        height: 25px;
    }
    .annonce-txt p.p4{
        width: 918px;
    }
    .cgv-cont{
        text-align: start;
        margin: 0 auto;
        margin-top: 87px;
        width: 980px;
    }
    .cgv-block1-title{
        font-family: 'Avenir LT Pro', sans-serif;
        font-weight: 400;
        font-size: 17px;
    }
    .cgv-block1-txt{
        margin-top: 2px;
    }
    .cgv-block1-txt p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        line-height: 22px;
        opacity: .8;
    }
    .sep1{
        height: 3px;
    }
    .sep2,.sep3,.sep4,.sep5,.sep6,.sep7,.sep8,.sep9,.sep10,.sep11,.sep12,.sep13,.sep14,.sep15,.sep16,.sep17,.sep18,.sep19,.sep20,.sep21{
        height: 0px;
    }
    
    .cgv-block-title{
        font-family: 'Avenir LT Pro', sans-serif;
        font-weight: 400;
        font-size: 17px;
    }
    .cgv-block-txt p{
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 16px;
        font-weight: lighter;
        line-height: 23px;
        opacity: .8;
    }
    .cgv-block-txt ul {
        margin-left: 0.5em;
        padding-left: 1.3em;
    }
    .cgv-block-txt p a {
        color: rgb( 17,17,17);
    }
    .cgv-txt-gras {
        font-weight: bold;
    }
    .cgv-main{
        height: 11824px;
    }
/*--------------------------------------------------------------------------------------------------------------------
--                                        404
---------------------------------------------------------------------------------------------------------------------*/
    .sec-404{
        display: flex;
        flex-direction: row;
        padding-top: 16vh;
        height: 84vh;
        display: flex;
    }
    .sorry{
        padding-top: 3vh;
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .sorry-pic svg{
        height: 345px;
        width: 487px;
    }
    .txt-404{
      
        display: flex;
        padding-left: 0vh;
        padding-right: 0vh;
        text-align: start;
        flex-direction: row;
        justify-content: center;
        align-items: start;
        padding-top: 10vh;
        width: 50%;
        flex-direction: column;
    }
    .txt-404 h1{
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        font-size: 45px;
    }
    .txt-404 p{
        text-align: start;
        font-size: 20px;
        font-weight: 600;
    }

    .btn-404{ 
        margin-top: 0; 
        display: flex;
        justify-content: center;
        text-decoration: none;
        padding: 10px;
        padding-top: 10px;
        width: 150px;
        height: 20px;
        border: 1px solid #E94615;
        color: white;
        background-color: #E94615;
        font-size: 14px;
        font-family: 'Avenir LT Pro';
        font-weight: lighter;
        text-align: center;
    }
    .btn-404:hover{
        color: #E94615;
        background-color: #FFFFFF;
        transition: all .2s;
    }
/*----------------------------------------------------------
--              MAC ASSISTANCE PAYANT
-----------------------------------------------------------*/
    .payant-sec1{
        padding-top: 15vh;
        display: flex;
        height: 39vh;
    }
    .payant-sec1-txt{
        margin: 0 auto;
        margin-top: 8vh;
        text-align: center;
        font-size: 20px;
        font-weight: 600;
        font-family: 'Avenir LT Pro', sans-serif;
        width: 33%;
        line-height: 1.75em;
    }
    .payant-sec1-txt h1{
        font-size: 56px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
    }
    .payant-sec1-txt2{
        display: flex;
        flex-direction: column;
    
    }
    .payant-sec2{
        padding-left: 28px;
        padding-right: 28px;
        display: flex;
        flex-direction: row;
       
    }
    .payant-sec2-a{
        border: 1px solid #c2c2c2;
        width:50%;
        overflow: hidden;
    }

    .payant-sec2-a img{
        height: 100%;
        object-fit: contain;
        left: 0;
  
    }
    .payant-sec2-b-txt{
        width: 60%;
        text-align: center;
    }
    .payant-sec2-b {
        display: flex;
        width: 50%;
        border-top: 1px solid #c2c2c2;
        border-right: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
        flex-direction: column;
        justify-content: center;
        align-items: center;
       
    }
    .payant-sec2-b h2 {
        font-size: 38px;
        text-align: center;
        line-height: 1.75em;
        margin-top: 9vh;
        margin-bottom: 3vh;
    }
    .payant-sec2-b p {
        margin-top: 3vh;
        font-weight: 100;
        letter-spacing: 1px;
        line-height: 1.75em;
    }
    .payant-sec3{
        display: flex;
        padding-left: 28px;
        padding-right: 28px;
        height: 60vh;
    }
    .payant-sec3-a {
        display: flex;
        width: 50%;
        border-right: 1px solid #c2c2c2;
        border-left: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
        flex-direction: column;
        align-items: center;
       
    }
    .payant-sec3-a-txt{
        width: 60%;
        text-align: center;
       
    }
    .payant-sec3-a-txt h2{
        font-size: 38px;
        text-align: center;
        line-height: 1.75em;
        margin-top: 12vh;
        margin-bottom: 3vh;
    }
    .sec3-para{
       margin-top: 4vh;
       font-weight: 100;
       line-height: 1.5em;
       letter-spacing: 1px;
       width: 85%;
       margin: 0 auto;
    }
    .payant-sec3-b{
        border-right: 1px solid #c2c2c2;
        border-bottom: 1px solid #c2c2c2;
    }
    .payant-sec3-b-img{
        height: 100%;
        object-fit: contain;

    }
    .payant-sec4-block3{
        opacity: 0;
    }
    .payant-sec4{
        margin: 0 auto;
        text-align: center;
        padding-top: 3vh;
        width: 20%;
        line-height: 1.75em;
        height: 50vh;
    }
    .payant-sec4-block1 h1{
        font-size: 20px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;  
    }
    .payant-sec4-block2{
        padding-top: 2vh;
        font-weight: 100;
        line-height: 1.5em;
    }
    .payant-sec4-block3{
        padding-top: 3vh;
        font-family: 'Avenir LT Pro', sans-serif;
        font-size: 116px;
        font-weight: 100;
        padding-top: 7vh;
    }
    .payant-sec4-block3 p{
        width: 100%;
        height: 164px;
        perspective-origin: 50% 443px;
        perspective: 100px;
    }
    .payant-sec5{
        perspective-origin: 50% 100px;
        perspective: 100px;
        overflow-y: hidden;
        overflow-x: hidden;
      
    }
    .payant-sec5-parallax-cont{
        min-height: 1500px;
        max-height: 1600px;
        will-change: transform;
        transform: translate3d(0px, 700px, 0px);
        background-image: url('../img/payant-img3.webp');
        background-position-y: -700px;
        background-attachment: fixed;
        background-repeat: no-repeat;
        
    }
    .payant-sec6{
       display:flex;
       flex-direction: row;
       height: 60vh;
       margin-bottom: 40px;
    }
    .payant-sec6-a{
        display: flex;
        width: 50%;
        min-height: 60vh ;
        background-image: url('../img/payant-img4.webp');
        background-position:center ;
        background-size: 200% auto;
    }
    .payant-sec6-a-txt {
        background-color: rgba(237,237,237,0.4);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top:5vh;
    }
    .payant-sec6-a-txt h1{
        display: flex;
        font-size: 20px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        padding-bottom: 2vh;
    }
    .payant-sec6-a-txt p{
        font-weight: 100;
        font-size: 16px;
        line-height: 1.75em;
        letter-spacing: 1px;
        font-family: 'Avenir LT Pro', sans-serif;
    }
    .payant-sec6-b{
        background-color: #ededed;
        width: 50%;
        min-height: 60vh ;
        
    }
    .payant-sec6-b-txt {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding-top:5vh;
    }
    .payant-sec6-b-txt h1{
        display: flex;
        font-size: 20px;
        line-height: 1.75em;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        padding-bottom: 2vh;
    }
    .payant-sec6-b-txt p{
        font-weight: 100;
        font-size: 16px;
        line-height: 1.75em;
        letter-spacing: 1px;
        font-family: 'Avenir LT Pro', sans-serif;
        width: 46%;
        text-align: center;
    }
    .payant-sec6-b-txt .gros{
        margin-top: 5vh;
        margin-bottom: 5vh;
        display: flex;
        font-family: 'Avenir LT Pro', sans-serif;
        font-weight: 100;
        text-align: center;
        font-size: 82px;
        width: 20vw;
        line-height: .55em;
    }

    .payant-sec6-b-txt .rouge{
        color: #FF4040;
   }
    /*----------------------------------------------------------
    --              MENTION LEGALES
    -----------------------------------------------------------*/
    .container{
        display: flex;
        margin: 0 auto;
        flex-direction: column;
        margin-top: 23.7vh;
        width: 970px;
        height: 105vh;
    }
    .mention-sec1{
        display: flex;
        flex-direction: column;

    }
    .mention-sec1 h1 {
        font-size: 37px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
    }
    .mention-sec1 span{
        margin-top: 4vh;
    }
    .mention-sec1 span p {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.9em;
        font-family: 'Avenir LT Pro', sans-serif;
    }
    .mention-sec2{
        margin-top: 10vh;
        display: flex;
        flex-direction: column;
    }
    .btn-deco{
        display: block;
        width: 240px;
        height: 25px;
    }
    .mention-sec2 .mention-block1 span.txt {
        display: block;
        padding-top: 1.2vh;
    }
    .mention-sec2 .mention-block1 span.txt p{
        font-size: 14px;
        font-weight: 100;
        line-height: 1.75em;
        letter-spacing: 0.05em;
    }
    .mention-sec2 .mention-block2 {
        display: block;
        padding-top: 8.6vh;
    }
    .mention-sec2 .mention-block2 span.txt2{
        display: block;
        margin-top: .7vh;
    }
    .mention-sec2 .mention-block2 span.txt2 p {
        font-size: 14px;
        font-weight: 100;
        line-height: 1.75em;
        letter-spacing: 0.05em;
    }
    /*----------------------------------------------------------
    --              REMBOURSEMENT
    -----------------------------------------------------------*/
    .remb-sec1{
        margin-top: 16vh;
    }
    .remb-sec1 img{
        height: 878px;
    }
    .ovrl{
        position: absolute;
        width: 100%;
        height: 878px;
        background-color: rgba(250,250,250,.1);
    }
    .container1{
        margin-top: 80px;
        background-color: rgba(250,250,250,1);
        height: 59vh;
    }
    .remb-sec2{
        padding-top:43px;
        margin: 0 auto;
        width:961px;
    }
    .remb-sec2 h2 {
        font-size: 20px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
    }
    .semb-sec2-txt{
        font-size: 16px;
        display: block;
        margin-top: 40px;
        font-weight: 100;
        line-height: 1.4em;
    }
    .rouge{
        color:#FF4040;
    }
    .container2{
        margin: 0 auto;
        margin-top: 50px;
        width:961px;
        height: 391px;
    }
    .remb-sec3{
        display: flex;
        flex-direction: row;

    }
    .remb-sec3-a{
        display: flex;
        width: 50%;
        margin-top: 35px;
        text-align: center;
    }
    .remb-sec3-txt{
        font-size: 16px;
        font-weight: 100;
        text-align: center;
        line-height: 1.35em;
        padding-left: 2vw;
        padding-right: 2vw;
    }
    .remb-sec3-b{
        display: flex;
        width: 50%;
        align-items: center;
        justify-content: center;
    }
    .btn_down{
        margin-top: 34px;
        display: flex;
        text-decoration: none;
        width: 244px;
        height: 37px;
        color: #FF4040;
        border: 1px solid #FF4040;
        align-items: center;
        justify-content: center;
        font-size: 14px;
        font-family: 'Avenir LT Pro';
        font-weight: lighter;
        letter-spacing: 0.1em;
    }
    .btn_down svg{
        width: 12px;
    }
    .btn_down:hover{
        background-color: #FF4040;
        color:#FFFFFF;
        transition: all 0.2s ease;
    }

    .btn_down:hover  .arrow > svg > g > path{
        fill:#FFFFFF!important;
        transition: all 0.2s ease;
    }
    .souligne{
        text-decoration: underline;
    }
/*----------------------------------------------------------
--              PROBLEME MAC
-----------------------------------------------------------*/
    .pbmac-body{
        background-color: #ededed;
        margin-top: 20px;
    }
    .prob-sec1{
        margin-top: 180px;
        height: 490px;
        display: flex;
        flex-direction: row;
        padding-right: 5vw;
        padding-left:  5vw;
    }
    .prob-sec1-block-a{
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        height: auto;

    }
    .prob-sec1-block-a h1{
        margin-top: 85px;
        font-size: 56px;
        font-family: 'Lulo Clean W01 One Bold';
        text-transform: uppercase;
        padding-left: 10vw;
        padding-right: 10vw;
        text-align: center;
    }
    .prob-sec1-block-a a{
        display: flex;
        margin-top: 50px;
        text-decoration: none;
        justify-content: center;
        width: 150px;
    }

    .prob-sec1-block-b{
        width: 50%;
        background-color: #FFF;
        padding-top: 93px;
        margin-top: 7px;
        text-align: center;
        height: auto;
    }
    .prob-sec1-block-b span{
        display: block;
        padding-right: 250px;
        padding-left: 226px;
    }
    .prob-sec1-block-b p {
        font-size: 18px;
        font-weight: 600;
        line-height: 1.8em;
        font-family: 'Avenir LT Pro', sans-serif;
    }
    .prob-sec2{
        position: relative;
        margin-top: 40px;
        background-color: #FFF;
        height: 722px;
        display: flex;
        flex-direction: row;
        margin-left: 5vw;
        margin-right: 5vw;
        margin-bottom: 51px;
    }
    .prob-sec2-block-a{
        width: 45%;
        display: flex;
        flex-direction: column;
  
    }
    .prob-sec2-block-a-txt{
        margin-top: 80px;
        margin-left: 390px;
        width: 280px;
    }
    .prob-sec2-block-a h2 {
        font-size: 38px;
        font-family: 'Avenir LT Pro', sans-serif;
        margin-bottom: 10px;
    }
    .prob-sec2-block-a span {
        font-weight: 600;
        line-height: 1.8em;
        font-size: 20px;
        justify-content: flex-end;
    }
    .prob-sec2-block-a span p{
        width: 265px;
    }
    .prob-sec2-block-b{
        font-size: 16px;
        margin-top: 80px;
        width: 662px;
        margin-left: -15px;
        margin-right: 250px;
        font-weight: 100;
        letter-spacing: 0.05em;
        line-height: 1.4em;
        padding-left: 0px;
        padding-right: 0px;
    }
/*----------------------------------------------------------
--              MOT DE PASSE MAC
-----------------------------------------------------------*/
.mdp-sec1{
    margin-top: 186px;
    height:344px;
    background-color: rgba(237,237,237,0.8);
    margin-left: 5vw;
    margin-right: 5vw;
}
.mdp-sec1 span {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.mdp-sec1 span h1{
    display: flex;
    margin-top: 84px;
    margin-bottom: 43px;
    font-size: 56px;
    font-family: 'Lulo Clean W01 One Bold';
    text-transform: uppercase;
    text-align: center;
}
.mdp-sec1 span p{
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    width: 630px;
    line-height: 1.98em;
}
.mdp-sec2 .mdp-sec2-txt {
    display: block;
    width: 53%;
    margin: 44px auto;
    font-weight: 100;
    line-height: 1.38em;
    letter-spacing: 0.01em;
}
.mdp-p2{
    margin-right: 175px;
}
.mdp-p3{
    margin-right: 30px;
}
.mdp-p5{
    margin-right: 16px;
}
.mdp-p6{
    margin-right: 30px;
}
.mdp-p7{
    margin-right: 20px;
}
.mdp-p8{
    margin-right: 20px;
}
.btn2-cont{
    display: flex;
    height: 90px;
    justify-content: center;
    align-items: center;
    padding-bottom: 25px;
}
.btn2-cont a{
    text-decoration: none;
    letter-spacing: 0.15em;
    font-weight: 100;

}
/*----------------------------------------------------------
--              FOOTER
-----------------------------------------------------------*/
    
    .innerfooter-cont{
        padding-left: 28px;
        padding-right: 28px;
        height: 619px;
    }
    .innerfooter{
       color: white;
       background-color: rgb( 17,17,17);
       min-height: 555px;
       height: auto; 
    }
    .innerfooter{
        padding-top: 14px;
        padding-left: 18%;
        padding-right: 18%;

    }
    .columns{
        padding-left: 7%;
        padding-right: 7%;
        display: flex;
    }
    .columns h3 {
        color: #D6D6D6;
        font-size: 20px;
    }
    .col1,.col2,.col3{
        margin-top: 45px;
        width: 33.333333333%;
        text-align: start;
    }
    .col .up ul li {
        font-size: 15px;
        font-weight: lighter;
        line-height: normal;
        color: #FF4040;
        list-style: none;
        padding-top: 10px;
        margin-bottom: 4px;
        letter-spacing: 0.3px;
    }
    .col .up ul li a{
        text-decoration: none;
        color: #FF4040;
    }
    .col2 .down h3{
        margin-top: 2px;
    }
    .col3 .down h3{
        margin-top: 2px;
    }
    .col2 .down ul{
        margin-top: 4px;
    }
    .col2 .down ul li {
        font-size: 15px;
        font-weight: lighter;
        line-height: normal;
       
        list-style: none;
        padding-top: 16px;
        letter-spacing: 0.3px;
    }
    .col2 .down ul li a{
        text-decoration: none;
        color: #D6D6D6;
    }
    .col3 .up  a{
        text-decoration: none;
        color: #D6D6D6;
    }
    .col3 .down  a{
        text-decoration: none;
        color: #D6D6D6;
    }
    .col3 .down ul li {
        font-size: 15px;
        font-weight: lighter;
        line-height: normal;
        color: #D6D6D6;
        list-style: none;
        letter-spacing: 0.3px;
    }
    .col span.num{
        display: block;
        padding-top: 10px;
        color: #D6D6D6;
    }
    .logo2{
        margin-top:15px;
    }
    .logo2 span a{
        text-decoration: none;
        font-family: "Lulo Clean W01 One Bold";
        font-size: 20px;
        line-height: 29px;
                                            
    }
    .orange a{
        color: #E94615;
    }
    .white a{
        color: #FFFFFF;
    }
    .logo-cert{
        margin-top:15px;
    }
    .logo-card{
        margin-top:10px;
    }
    .col2 .down{
        padding-top: 10px;
    }
    .col3 .down{
        padding-top: 97px;
    }
    .h-sav{
        padding-top: 16px;
        padding-bottom: 18px;
        color: #FF4040!important;
    }
    .mail-sav{
        margin-top: 2px;
    }
    .footertxt{
        color: #FFFFFF;
        font-size: 12px;
        text-align: center;
    }
    .grs{
        color:#EDEDED;
        font-weight: lighter;
    }
    .blc{
        color:#FFFFFF;
        font-weight: lighter;
        line-height: 17px;
    }
    .mybreak{
        height: 15px;
    }
    .mybreak2{
        height: 14px;
    }
}