@media screen and (max-width: 767px) {

    .grad1 span {
        font-size: 15px !important;
    }
    .logo-main_ {
        max-width: 30% !important;
    }
    .break_pres {
        display: none !important;
    }
    .logo-main {
        max-width: 40% !important;
        margin-right: 0px !important;
    }
    .logo_presentation {
        margin-top: 1px !important;
    }
    h2 {
        font-size: 17px !important;
    }
    .cic-justify-pres p {
        margin: 0 0 0 !important;
    }
    .cic_presentation_video{
        padding: 0 0 0 0% !important;
    }
    .cic_presentation_text {
        padding: 0 0 0 0% !important;
    }
    .cic_avantage {
        padding: 60px 0px 40px !important;
    }
    .cic_break {
        display: none;
    }
    .footer_logo {
        max-width: 290px !important;
    }
  
    .mob_chiff {
        font-size: 19px !important;
    }
    .number {

        font-size: 38px !important;
        line-height: 47px !important;

    }
    h2 {
        font-size: 19px;
    }
   
    .grad1 {
        width: 400px !important;
        height: auto !important;
        padding-bottom: 25px !important;
        /* line-height: 8px !important; */
        
    }
    .grad1 b, .grad1 p {
        font-size: 0.78rem !important;
        font-weight: 300 !important;

    }

    #span_service {
        display: block;
        font-size: 25px !important;
    }

    #img_service {
        display: none;
    }

    #img_check {
        width: 60% !important;
        margin-top: 5px !important;
    }

    .cic-menu {
        background-color: #000;
        color: #FFF
    }

    .home_avantage, #span_service {
        font-size: 16px !important;
        display: inline;
    }
    
    /* .title img, .title img {
        max-width: 38px !important;
    } */
    .home_avantage span {
        font-size: 40px !important;
    }

    .alaligne_chifre {
        display: inline !important;
    }

    .grad1>b, .grad1 p {
        padding-top: 8px !important;
    }

   .responsive-menu-toggle {
    margin-right: 3px !important;
   }

   .pt-10 {
        padding-top: 7px !important;
    }

    /* .grad1 b, .grad1 p {
        font-size: 90% !important;
        font-weight: 300 !important;
    } */
}

@media screen and (max-width: 1024px) and (min-width: 768px){
    .grad1>b, .grad1 p {
        padding-top: 8px !important;
    }
    .call_center a {
        margin-top: 0em !important;
    }

    .top_bar_left {
        width: 61% !important;
    }
    .cic-menu {
        background-color: #000;
        color: #FFF
    }
   .cic_presentation_text {
       margin-top: 0 !important;
       padding: 0 !important;
   }

   .number {
       font-size: 50px !important;
   }

   .logo-main_ {
       max-width: 16% !important;
   }

   .logo_presentation{
    max-width: 42% !important;
   }

   .cic-justify-pres p{
       margin: 0 !important;
   }

   #img_service, #img_check{
       padding-bottom: 0 !important;
       width: 30% !important;
   }

   .grad1 b, .grad1 p{
    font-size: 0.8em !important;
    /* font-weight: 400 !important; */
   }

   .ft p {
    font-size: 1.7em !important;
   }

   .employment-shadow {
    padding: 45px 7px 40px !important;
   }

   .ft h2 {
    font-size: 40px;
}
}

@media screen and (width: 768px){
    .ft p {
    font-size: 1.7em !important;
    }

    .top_bar_left {
        width: 50%;
    }

    #lang {
        margin-top: 16px !important;
    }

    .call_center a {
        margin-top: 0em !important;
    }
}

.grad1 {
    padding: 0px 15px;
}
.grad1 p {
    margin: 0px 0px 4px !important;
}
a.mfn-link {
    position: relative;
    display: inline-block;
    margin: -4px 5px !important;
    font-size: 13px;
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.3);
    text-decoration: none;
    outline: none;
    white-space: nowrap;
}

span#lang_fr {
    padding-top: 0.2em !important;
}
a.mfn-link-4 {
    padding: 5px 0px 8px !important;
    text-shadow: none;
    font-weight: 500 !important;
}
.grad1 span.check_logo {
    font-weight: 300px !important;
}

.grad1 span.info_logo {
    font-weight: 700px !important;
}
/* .grad1 img {
    height: 75px !important;
    width: 75px !important;
} */
.fontW {
    font-weight: 500;
}
.fontW-300 {
    font-weight: 500;
}
b {
    font-weight: 900;
}
.quick_fact .title {
    font-weight: 500;
    font-size: 14px;
}
.image_wrapper {
    margin-bottom: 8px;
}

.cic-justify-pres {
    font-weight: 500 !important;
}
.cic_presentation_text p {
    margin: 0 0 0 !important;
}

.feature_list ul li p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 0 0 0 !important;
}
.txt_white{
    color: #fff;
}
.fw_300{
    font-weight: 300;
}
.lh_1p5 {
    line-height: 1.5;
}
.txt_center {
    text-align: center;
}
.t_justify {
    text-align: justify;
}
.quick_fact .title {
    font-size: 14px;
}
.feature_list ul li {
    width: 33%;
}
.hidden {
    display: none;
}

.cic-justify {
    text-align: justify;
    /* word-spacing: -1px; */
    font-size: 14px;
    font-weight: 500;
    word-break: keep-all;
}

.cic-justify-pres {
    text-align: justify;
    word-spacing: -1px;
    word-break: keep-all;
}

.st0{fill:#C7373C;}
.st1{fill:#CDCDCD;}
.st2{fill:#CDCDCD;}
.st3{fill:#CDCDCD;}
.st4{fill:#CDCDCD;}
.st5{fill:#CDCDCD;}
.st6{fill:#CDCDCD;}
.st7{fill:#CDCDCD;}
.st8{fill:#CDCDCD;}
.st9{fill:#CDCDCD;}
.st10{fill:#CDCDCD;}
.st11{fill:#CDCDCD;}

.sti{fill:#C7373C;}
.stn{fill:#C7373C;}
.stf{fill:#C7373C;}
.sto{fill:#C7373C;}

html{
margin :0;
padding :0;
}

.wrapper{
position: absolute;
top: 45%;
left: 50%;
transform: translate(-25%, -25%);

width: 100%;
}

path.st0 {
stroke: #C7373C;
fill: #C7373C;
stroke-dasharray: 1800;
animation : animate 1.2s cubic-bezier(.25,.1,.25,1)
}

path.st10 {
stroke: #CDCDCD;
fill: #CDCDCD;
stroke-dasharray: 1800;
animation : animate 0.2s cubic-bezier(0,0.23,1,.1),couleur 0.2s;
}

path.st9 {
stroke: #CDCDCD;;
fill: #CDCDCD;;
stroke-dasharray: 1800;
animation : animate 0.3s cubic-bezier(0,0.23,1,.1),couleur 0.3s;
}

path.st8 {
stroke: #CDCDCD;;
fill: #CDCDCD;;
stroke-dasharray: 1800;
animation : animate 0.4s cubic-bezier(0,0.23,1,.1),couleur 0.4s;
}

path.st7{
stroke: #CDCDCD;;
fill: #CDCDCD;;
stroke-dasharray: 1800;
animation : animate 0.5s cubic-bezier(0,0.23,1,.1),couleur 0.5s; 
}
path.st6{
stroke: #CDCDCD;;
fill: #CDCDCD;;
stroke-dasharray: 1800;
animation : animate 0.6s cubic-bezier(0,0.23,1,.1),couleur 0.6s; 
}
path.st5{
stroke: #CDCDCD;;
fill: #CDCDCD;;
stroke-dasharray: 1800;
animation : animate 0.7s cubic-bezier(0,0.23,1,.1),couleur 0.7s; 
}
path.st4{
stroke: #CDCDCD;;
fill: #CDCDCD;;
stroke-dasharray: 1800;
animation : animate 0.8s cubic-bezier(0,0.23,1,.1),couleur 0.8s; 
}
path.st3{
stroke: #CDCDCD;;
fill: #CDCDCD;;
stroke-dasharray: 1800;
animation : animate 0.9s cubic-bezier(0,0.23,1,.1),couleur 0.9s; 
}


path.st1{
stroke: #CDCDCD;;
fill: #CDCDCD;;
stroke-dasharray: 1800;
animation : animate 1s cubic-bezier(0,0.23,1,.1),couleur 1s;  
}

path.st11{
stroke: #C7373C;
fill: #C7373C;
stroke-dasharray: 1800;
animation : animate 1.1s cubic-bezier(0,0.23,1,.1),couleur 1.1s; 
}
path.st2{
stroke: #CDCDCD;;
fill: #CDCDCD;;
stroke-dasharray: 1800;
animation : animate 1.2s cubic-bezier(0,0.23,1,.1),couleur 1.2s; 
}



@keyframes couleur { 
100%{ 
    fill: #C7373C;
}
}

@keyframes animate {
0% {
    opacity : 0;
    fill : none;
    stroke-dashoffset: 3000;
}


30% {
    opacity : 0;
    fill : none;
    stroke-dashoffset: 2100;
    
}

60% {
    stroke-dashoffset: 1200;
}
100% {
    fill : rgba(255,255,255,0);
    stroke-dashoffset: 0;


}
}


path.stc1{
    stroke: black;;
    fill: black;
    stroke-dasharray: 2100;
    animation : animate1 1.4s cubic-bezier(0,0.23,1,.1); 
}

path.sth{
    stroke: black;;
    fill: black;
    stroke-dasharray: 2100;
    animation : animate1 1.6s cubic-bezier(0,0.23,1,.1); 
}

path.ste{
    stroke: black;;
    fill: black;
    stroke-dasharray: 2100;
    animation : animate1 1.8s cubic-bezier(0,0.23,1,.1); 
}

path.stc2{
    stroke: black;;
    fill: black;
    stroke-dasharray: 2100;
    animation : animate1 2s cubic-bezier(0,0.23,1,.1); 
}

path.stk{
    stroke: black;;
    fill: black;
    stroke-dasharray: 2100;
    animation : animate1 2.2s cubic-bezier(0,0.23,1,.1); 
}

polygon.sti{
    stroke: #C7373C;
    fill: #C7373C;
    stroke-dasharray: 2100;
    animation : animate1 2.4s cubic-bezier(0,0.23,1,.1); 
}
polygon.stn{
    stroke: #C7373C;
    fill: #C7373C;
    stroke-dasharray: 2100;
    animation : animate1 2.6s cubic-bezier(0,0.23,1,.1); 
}
polygon.stf{
    stroke: #C7373C;
    fill: #C7373C;
    stroke-dasharray: 2100;
    animation : animate1 2.8s cubic-bezier(0,0.23,1,.1); 
}
path.sto{
    stroke: #C7373C;
    fill: #C7373C;
    stroke-dasharray: 2100;
    animation : animate1 3s cubic-bezier(0,0.23,1,.1); 
}

@keyframes animate1 {
    0% {
    opacity : 0;
    fill : none;
    stroke-dashoffset: 3000;
    }

    100% {
    fill : rgba(255,255,255,0);
    stroke-dashoffset: 0;


    }
}
.patrick {
    left: 0px !important ;
} 

.grad1 {
height: auto;
background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,0)); /* Standard syntax (must be last) */
/* padding: 15px; */
}

.grad {
height: 200px;
background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1)); /* Standard syntax (must be last) */
padding: 15px;
}


.lolo {
    padding: 15px;
}

.tp_captooon .styleborder {
    text-shadow: 2px 2px 4px #000000;
}