@font-face{
    font-family:PPNeueMontreal;
    font-style:normal;
    font-weight:400;
    src:url(./PPNeueMontreal-Regular.1a020a0c.woff2) format("woff2"),url(./PPNeueMontreal-Regular.7a832673.woff) format("woff")
}
@font-face{
    font-display:swap;
    font-family:PPNeueMontreal;
    font-style:normal;
    font-weight:500;
    src:url(./PPNeueMontreal-Medium.11a1b227.woff2) format("woff2"),url(./PPNeueMontreal-Medium.8b97a885.woff) format("woff")
}
@font-face{
    font-display:swap;
    font-family:PPNeueMontreal;
    font-style:normal;
    font-weight:700;
    src:url(./PPNeueMontreal-Bold.615acce4.woff2) format("woff2"),url(./PPNeueMontreal-Bold.e5f66e11.woff) format("woff")
}
@font-face{
    font-display:swap;
    font-family:PPNeueMontreal;
    font-style:italic;
    font-weight:400;
    src:url(./PPNeueMontreal-Italic.025786ea.otf) format("opentype")
}
*{
    box-sizing:border-box;
    margin:0;
    padding:0
}
body{
    --gutter:40px;
    --is-white:255;
    --background-color:rgb(calc(var(--is-white) - 5),calc(var(--is-white) - 6),calc(var(--is-white) - 9));
    --text-color:rgb(calc(250 - var(--is-white)),calc(249 - var(--is-white)),calc(246 - var(--is-white)));
    --window-height:100vh;
    --font-size-xl:45px;
    --font-size-l:30px;
    --font-size-m:20px;
    --font-size-s:18px;
    --font-size-xs:16px;
    background-color:var(--background-color);
    color:var(--text-color);
    font-family:PPNeueMontreal;
    text-transform:uppercase
}
#__nuxt{
    max-width:100vw;
    overflow:hidden
}
#smooth-content{
    overflow:hidden!important
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit;
    line-height:inherit
}
a{
    color:inherit;
    text-decoration:none
}
.hoverable{
    cursor:pointer
}
em{
    font-style:normal
}
ul{
    list-style:none
}
.show-on-mobile{
    display:none!important
}
.invertEl{
    filter:invert(calc(1 - var(--is-white)/255*1))
}
.unInvertEl{
    filter:invert(calc(var(--is-white)*1/255))
}
.small-gif-style{
    --size:18.23vw;
    height:var(--size);
    width:var(--size)
}
.small-gif-style>div{
    height:100%;
    width:100%
}
.small-gif-style img,.small-gif-style video{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.hero-cta,.hero-cta-ctn{
    position:relative
}
.hero-cta{
    align-items:center;
    background-color:var(--text-color);
    border:1px solid var(--background-color);
    border-radius:130px;
    color:var(--background-color);
    display:flex;
    font-size:var(--font-size-m);
    font-weight:500;
    margin-top:2.5vw;
    padding:8px 18px;
    text-transform:none;
    width:-moz-max-content;
    width:max-content
}
.cta-img-ctn{
    filter:invert(1);
    margin-right:10px
}
.cta-img-ctn img{
    height:auto;
    width:27px
}
.cta-txt{
    min-width:-moz-max-content;
    min-width:max-content
}
.underlineOnHover{
    --underline-width:0%;
    position:relative
}
.underlineOnHover.light:before{
    background-color:var(--background-color)
}
.underlineOnHover:before{
    background-color:var(--text-color);
    bottom:0;
    content:"";
    height:1px;
    left:0;
    position:absolute;
    width:var(--underline-width)
}
.ve-top{
    align-items:center;
    display:flex;
    flex:1
}
.ve-top-ctn{
    display:flex;
    height:-moz-max-content;
    height:max-content;
    width:100%
}
.ve-top-left,.ve-top-right{
    display:flex;
    width:50%
}
.ve-top-left{
    flex-direction:column
}
.ve-top-left,.ve-top-right{
    justify-content:space-between
}
.ve-top-right{
    align-items:flex-end
}
.ve-top-left-bottom,.ve-top-right-bottom{
    width:50%
}
.ve-small-txt{
    font-size:var(--font-size-s);
    font-weight:500;
    margin-bottom:5px
}
.ve-medium-txt{
    font-size:var(--font-size-l);
    overflow:hidden
}
.ve-medium-txt .line{
    display:block
}
.ve-big-txt{
    font-size:var(--font-size-xl);
    line-height:1.2;
    position:relative
}
.ve-big-txt>div{
    left:0;
    position:absolute;
    top:0
}
.ve-big-txt h3,.ve-big-txt h3>div{
    min-width:-moz-max-content;
    min-width:max-content
}
.ve-nb{
    display:flex;
    font-size:20vw;
    line-height:.75;
    transform:translate(-3.5%)
}
.ve-bottom{
    align-items:flex-start;
    display:flex
}
.ve-bottom-left{
    align-items:center;
    display:flex;
    width:25%
}
.ve-circle{
    border:1px solid var(--text-color);
    border-radius:50%;
    height:63px;
    overflow:hidden;
    width:63px
}
.ve-circle-center{
    background-color:var(--text-color);
    height:100%;
    width:100%
}
.ve-rec{
    font-size:var(--font-size-xl);
    line-height:1.2;
    margin-left:20px
}
.video-editing-preview{
    background-color:var(--text-color);
    color:var(--background-color);
    font-size:14px;
    padding:calc(var(--gutter)*1.05) var(--gutter) calc(var(--gutter)*.8) var(--gutter);
    transform:translate(var(--gutter));
    width:75%
}
.vep-b-title,.vep-top{
    font-weight:500
}
.vep-b-title{
    margin-bottom:15px
}
.vep-bottom{
    display:flex;
    justify-content:space-between;
    margin-top:34px;
    max-height:25vh;
    text-transform:none
}
.vep-source-file-left{
    font-size:var(--font-size-s)
}
.vep-source-file,.vep-source-time{
    align-items:center;
    display:flex;
    justify-content:space-between
}
.vep-progress-bar-ctn{
    border:1px solid var(--background-color);
    border-radius:15px;
    height:27px;
    margin-bottom:12px;
    margin-top:12px;
    overflow:hidden
}
.vep-progress-bar{
    background-color:var(--background-color);
    height:100%
}
.vep-b-list-ctn{
    display:flex;
    flex:1
}
.vep-b-list-left,.vep-b-list-right{
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
.vep-b-list-left>div,.vep-b-list-right>div{
    display:flex;
    flex-direction:column;
    min-width:-moz-max-content;
    min-width:max-content
}
.vep-b-list-left{
    margin-right:7px;
    text-align:right
}
.vep-b-img-ctn{
    margin-right:14px;
    width:35%
}
.vep-b-img-ctn img,.vep-b-img-ctn video{
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
    width:100%
}
.vep-b-left{
    display:flex;
    flex:1;
    flex-direction:column
}
.vep-b-right{
    align-items:flex-end;
    display:flex;
    width:25%
}
.vep-sound-level-ctn{
    border:1px solid var(--background-color);
    height:40%;
    overflow:hidden;
    width:60%
}
.vep-sound-level-ctn>div{
    display:flex;
    height:100%
}
.vep-sound-level-ctn img{
    height:100%
}
.vep-sound-stereo-ctn{
    height:100%;
    margin-left:46px
}
.vep-sound-stereo-ctn svg{
    height:100%
}
.mobile-timer{
    display:flex;
    margin-top:10px;
    width:100%
}
.mobile-timer .line{
    font-size:var(--font-size-s)
}
.mobile-timer .ve-small-txt{
    margin-bottom:0;
    margin-right:16px
}
.home-hero{
    height:360vh
}
.home-hero-pin{
    position:relative
}
.hero-gif-ctn,.home-hero-pin{
    align-items:center;
    display:flex;
    height:var(--window-height);
    justify-content:center
}
.hero-gif-ctn{
    background-color:rgba(calc(var(--is-white) - 5),calc(var(--is-white) - 6),calc(var(--is-white) - 9),.95);
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:2
}
.hero-gif-ctn img{
    height:19.5vw;
    min-height:195px;
    min-width:250px;
    -o-object-fit:cover;
    object-fit:cover;
    -o-object-position:center;
    object-position:center;
    position:absolute;
    width:25vw
}
.hero-main{
    align-items:center;
    display:flex;
    flex-direction:column;
    justify-content:center;
    transform:translateY(-1vw)
}
.hero-list{
    bottom:28px;
    left:var(--gutter);
    position:absolute
}
.hero-list ul{
    display:flex
}
.hero-list li{
    display:block;
    font-size:var(--font-size-xs);
    overflow:hidden
}
.hero-list a{
    margin-right:25px
}
.hero-top{
    font-size:var(--font-size-l);
    font-weight:700;
    overflow:hidden;
    position:relative
}
.hero-top>div{
    background-color:var(--background-color);
    padding-left:10px;
    padding-right:10px
}
.hero-top .caps{
    border:1px solid #fff;
    border-radius:130px;
    height:100%;
    left:3px;
    mix-blend-mode:difference;
    position:absolute;
    top:0;
    width:61.8%
}
.hero-center{
    font-weight:500;
    line-height:.95;
    margin-bottom:2vw;
    margin-top:4vw
}
.hero-center .show-on-mobile{
    flex-direction:column
}
.hero-center .show-on-mobile .hero-line{
    font-size:11.5vw
}
.hero-center .show-on-mobile .hero-picto{
    height:8vw
}
.hero-line{
    font-size:5.9vw;
    overflow:hidden;
    text-align:center
}
.hero-line,.line-ctn{
    display:block
}
.picto-eye{
    height:5vw
}
.hero-bottom{
    align-items:center;
    display:flex;
    flex-direction:column;
    font-size:var(--font-size-s);
    text-align:center
}
.hero-bottom-txt{
    text-transform:uppercase
}
.shine-picto{
    /*bottom:-22px;*/
    height:33px;
    position:absolute;
    right:-23px;
    width:32px
}
.shine-picto img{
    height:auto;
    width:100%
}
.hero-video{
    bottom:0;
    display:flex;
    height:18.23vw;
    justify-content:center;
    position:absolute;
    right:0;
    width:18.23vw
}
.hero-video-ctn,.video-controls{
    align-items:flex-end;
    display:flex;
    justify-content:flex-end
}
.video-controls{
    flex-direction:column;
    mix-blend-mode:difference;
    padding:15px var(--gutter);
    position:absolute
}
.video-progress-ctn{
    padding-bottom:15px;
    padding-top:15px;
    width:100%
}
.progress{
    --video-progress:0;
    background-color:#fff;
    height:6px;
    position:relative;
    width:100%
}
.progress:before{
    background-color:#00000080;
    content:"";
    height:6px;
    left:0;
    position:absolute;
    width:var(--video-progress)
}
.video-sound{
    align-items:center;
    border:1px solid #fff;
    border-radius:50%;
    display:flex;
    height:55px;
    justify-content:center;
    width:55px
}
.video-sound img{
    height:unset;
    width:50%
}
.scroll-info{
    bottom:28px;
    font-size:14px;
    overflow:hidden;
    position:absolute
}
@media (any-pointer:fine){
    .show-on-touchable{
        display:block!important
    }
    .hide-on-touchable{
        display:none!important
    }
}
@media (max-width:1400px){
    .ve-ctn .ve-big-txt,.ve-ctn .ve-rec{
        font-size:40px
    }
    .form-section-ctn .form-ctn{
        font-size:25px
    }
}
@media (max-width:1200px){
    body{
        --gutter:30px;
        --font-size-xl:30px;
        --font-size-l:25px;
        --font-size-m:18px;
        --font-size-s:16px;
        --font-size-xs:15px
    }
    .testimonial .testimonial-txt{
        font-size:30px
    }
    .form-section-ctn .form-ctn{
        font-size:var(--font-size-l)
    }
    .ve-ctn .ve-big-txt,.ve-ctn .ve-rec{
        font-size:30px
    }
    .ve-ctn .video-editing-preview{
        font-size:14px;
        padding:calc(var(--gutter)*.8) var(--gutter) calc(var(--gutter)*.6) var(--gutter)
    }
    .ve-ctn .vep-progress-bar-ctn{
        height:21px;
        margin-bottom:8px;
        margin-top:8px
    }
    .ve-ctn .vep-bottom{
        margin-top:24px
    }
    .tl-ctn .play-head-img{
        height:auto;
        width:30px
    }
    .services-ctn .services-banner-img{
        height:40px;
        min-width:55px
    }
    .services-ctn .services-banner-txt{
        margin-left:25px;
        margin-right:25px
    }
    .services-ctn .presentation-list{
        margin-bottom:0;
        width:66.67%
    }
    .contact-hero-ctn .c-hero-bottom-right,.form-section-ctn .form-section-right{
        width:75%
    }
    .main-footer .footer-top-right{
        width:50%
    }
}
@media (max-width:992px){
    body{
        --gutter:25px;
        --font-size-xl:26px;
        --font-size-l:22px;
        --font-size-m:17px;
        --font-size-s:15px;
        --font-size-xs:14px
    }
    body .hi-banners .hero-picto{
        margin:0 15px
    }
    .testimonial .testimonial-txt{
        font-size:24px
    }
    body .video-editing-preview{
        font-size:11px;
        width:100%
    }
    body .vep-bottom{
        margin-top:15px
    }
    body .vep-b-title{
        margin-bottom:8px
    }
    body .vep-sound-stereo-ctn{
        margin-left:15px
    }
    body .vep-source-file-left{
        font-size:13px
    }
    body .ve-circle{
        height:43px;
        width:43px
    }
    body .ve-rec{
        margin-left:10px
    }
    .hi-content .hi-bottom-txt{
        width:41.67%
    }
    .tl-ctn .play-head-img{
        height:auto;
        width:25px
    }
    .tl-ctn .tl-black-ctn em:before{
        bottom:4%;
        content:"";
        height:88%;
        right:-2%;
        width:104.5%
    }
    .tl-ctn .tl-white-ctn em:before{
        bottom:4%;
        content:"";
        height:88%;
        right:-2%;
        width:105.5%
    }
    .services-ctn .presentation-list{
        width:75%
    }
    .services-ctn .presentation-list li:nth-child(n):before{
        margin-right:10px
    }
    .o-services-ctn .o-services-item{
        width:30%
    }
    body .form-section-ctn{
        height:unset;
        min-height:var(--window-height)
    }
    body .form-section-ctn .mc-field-group:nth-child(n):before{
        font-size:13px;
        margin-left:0;
        margin-right:7px;
        margin-top:4px
    }
    .form-section-ctn{
        flex-direction:column-reverse
    }
    .form-section-ctn .form-section-right{
        margin:auto;
        width:83.33%
    }
    .form-section-ctn .form-ctn{
        padding-bottom:0
    }
    .contact-hero-ctn .social-links{
        align-items:flex-start;
        flex-direction:column
    }
    .contact-hero-ctn .social-links li{
        font-size:14px;
        margin-bottom:5px
    }
    .contact-hero-ctn .c-hero-bottom-right-1{
        width:unset
    }
    .menu-ctn .menu-list{
        height:53vh
    }
    .main-footer .footer-top-right{
        width:66.66%
    }
    .clients .clients-ctn .caps{
        left:-8px;
        width:67%
    }
}
@media (max-width:850px){
    .ve-ctn .ve-big-txt,.ve-ctn .ve-rec{
        font-size:20px
    }
}
@media (max-width:768px){
    body{
        --gutter:20px;
        --font-size-xl:22px;
        --font-size-l:19px;
        --font-size-m:17px;
        --font-size-s:14px;
        --font-size-xs:14px
    }
    body .hi-banners .hero-picto{
        margin:0 10px
    }
    body .shine-picto{
        height:23px;
        width:22px
    }
    body .shine-picto img{
        -o-object-fit:contain;
        object-fit:contain
    }
    body .about-hero-ctn .shine-picto{
        left:8.5%;
        top:-22px
    }
    .testimonial .testimonial-txt{
        font-size:20px
    }
    .ve-ctn .video-editing-preview{
        font-size:9px
    }
    .ve-ctn .ve-bottom-left{
        width:15%
    }
    .ve-ctn .ve-circle{
        height:27px;
        width:27px
    }
    .ve-ctn .ve-rec{
        margin-left:5px
    }
    .ve-ctn .vep-source-file-left{
        font-size:12px
    }
    .ve-ctn .vep-progress-bar-ctn{
        margin-bottom:9px;
        margin-top:5px
    }
    .hi-ctn .full-width-img{
        height:47vh
    }
    .hi-ctn .hi-content{
        padding-top:16vw
    }
    .hi-ctn .hi-title{
        font-size:11.1vw;
        margin-bottom:45px
    }
    .hi-ctn .hi-title .hero-picto{
        height:7.95vw
    }
    .hi-ctn .hi-bottom,.hi-ctn .hi-text{
        align-items:stretch;
        flex-direction:column
    }
    .hi-ctn .hi-bottom{
        margin-bottom:80px
    }
    .hi-ctn .hi-desc{
        width:100%
    }
    .hi-ctn .hi-stat{
        margin-bottom:45px;
        margin-left:0;
        margin-top:80px;
        width:70%
    }
    .hi-ctn .hi-stat .nb{
        font-size:17vw;
        margin-bottom:20px
    }
    .hi-ctn .hi-bottom-txt{
        margin-left:0;
        margin-top:20px;
        width:70%
    }
    .block-text.hi-content .hi-text.block-text{
        align-items:stretch;
        flex-direction:column
    }
    .block-text.hi-content .hi-title{
        font-size:11.1vw;
        margin-bottom:45px
    }
    .block-text.hi-content .hi-title .hero-picto{
        height:7.95vw
    }
    .block-text.hi-content .hi-title .caps{
        top:.5vw;
        width:41vw
    }
    .block-text.hi-content .hi-desc,.block-text.hi-content .hi-stat{
        width:100%
    }
    .block-text.hi-content .hi-stat{
        margin-left:0;
        margin-top:40px
    }
    .block-text.hi-content .hi-stat .nb{
        font-size:37.5vw
    }
    .tl-ctn .play-head-img{
        height:auto;
        width:20px
    }
    .menu-ctn .menu-footer-right{
        display:none
    }
    .services-ctn .presentation-list{
        width:83.33%
    }
    .services-ctn .presentation-list li{
        font-size:var(--font-size-s)
    }
    .services-ctn .presentation-list li:nth-child(n):before{
        font-size:14px;
        margin-right:6px;
        padding:1px 7px
    }
    .form-section-ctn{
        flex-direction:column-reverse
    }
    .form-section-ctn #mc_embed_signup_scroll>div:before{
        display:none!important
    }
    .form-section-ctn .form-section-right{
        margin:auto;
        width:83.33%
    }
    .form-section-ctn .form-ctn{
        padding-bottom:0
    }
    .form-section-ctn .form-ctn .form-title{
        margin-bottom:46px;
        padding-left:unset
    }
    .contact-hero-ctn .c-hero-bottom{
        flex-direction:column
    }
    .contact-hero-ctn .c-hero-bottom-left{
        margin:auto auto 40px;
        text-align:center;
        width:66.67%
    }
    .contact-hero-ctn .img-ctn-contact{
        display:none
    }
    .contact-hero-ctn .c-hero-bottom-right{
        width:100%
    }
    .contact-hero-ctn .c-hero-bottom-right-1{
        width:33.33%
    }
    .contact-hero-ctn .c-hero-bottom-right-2{
        display:flex;
        justify-content:center;
        width:33.33%
    }
    .contact-hero-ctn .c-hero-bottom-right-3{
        display:flex;
        justify-content:flex-end;
        width:33.33%
    }
    .contact-hero-ctn .social-links{
        flex-direction:revert;
        flex-wrap:wrap;
        justify-content:flex-start;
        min-width:unset
    }
    .contact-hero-ctn .social-links li{
        margin-right:2vw
    }
    .main-footer{
        font-size:16px!important
    }
    .main-footer .footer-top{
        flex-direction:column;
        height:calc(91vh - 37vw)
    }
    .main-footer .footer-top-right{
        align-items:stretch;
        flex:1;
        width:100%
    }
    .main-footer .footer-contact{
        font-size:20px
    }
    .main-footer .footer-credit-menu{
        flex:1;
        flex-direction:column-reverse;
        justify-content:space-evenly
    }
    .main-footer .back-to-top{
        align-self:flex-end;
        font-size:var(--font-size-s);
        height:61px;
        margin-bottom:calc(14% + 25px);
        width:61px
    }
    .main-footer .footer-bottom{
        font-size:31.5vw
    }
    .main-footer .footer-eye .picto-inner{
        height:25vw
    }
    .clients .clients-ctn .caps{
        left:-7px;
        width:68.1%
    }
}
@media (max-width:576px){
    body{
        --gutter:15px;
        --font-size-xl:18px;
        --font-size-l:16px;
        --font-size-m:17px;
        --font-size-s:14px;
        --font-size-xs:15px
    }
    body .small-gif-style{
        --size:34.7vw
    }
    body .main-footer{
        padding-bottom:4vh
    }
    body .cc-cta{
        max-width:-moz-max-content;
        max-width:max-content;
        padding:8px 16px 8px 11px
    }
    body .cta-img-ctn img{
        width:27px
    }
    body .hi-banners{
        font-size:9.375vw
    }
    body .hi-banners .hero-picto{
        height:9vw;
        margin:0 8px
    }
    body .hi-banners .picto-inner{
        height:7.25vw
    }
    body .block-text.hi-content{
        padding-bottom:56vw;
        padding-top:85px
    }
    .testimonial .testimonial-txt{
        font-size:17px
    }
    .small-lower-case-mobile{
        font-size:16px;
        text-transform:none
    }
    .hide-on-mobile{
        display:none!important
    }
    .show-on-mobile{
        display:flex!important
    }
    #main-header .header-logo{
        width:clamp(48px,15vw,60px)
    }
    #main-header .header-center{
        display:none
    }
    #main-header .mail-cta,#main-header .menu-cta{
        height:clamp(28px,8.75vw,35px);
        width:clamp(28px,8.75vw,35px)
    }
    #main-header .mail-cta img,#main-header .mail-cta svg,#main-header .menu-cta img,#main-header .menu-cta svg{
        width:53%
    }
    .home-hero .home-hero-pin{
        flex-direction:column;
        height:calc(var(--window-height) + 81vw);
        justify-content:space-between
    }
    .home-hero .hero-main{
        height:80vh;
        justify-content:space-between;
        margin-top:12.5vh
    }
    .home-hero .hero-top .caps{
        left:7px;
        width:57.8%
    }
    .home-hero .hero-center{
        margin-bottom:6.5vh;
        margin-top:8.5vh
    }
    .home-hero .hero-bottom{
        flex:1;
        /*justify-content:space-between*/
    }
    .home-hero .eye3D{
        height:10vw;
        width:auto;
        width:10vw
    }
    .home-hero .hero-cta{
        max-width:-moz-max-content;
        max-width:max-content;
        padding:8px 16px 8px 11px
    }
    .home-hero .cta-img-ctn img{
        width:27px
    }
    .home-hero .hero-video{
        height:81vw;
        position:relative;
        width:100%
    }
    .home-hero .video-controls{
        align-items:flex-end;
        -webkit-clip-path:unset!important;
        clip-path:unset!important;
        flex-direction:row-reverse;
        justify-content:space-between
    }
    .home-hero .video-progress-ctn{
        padding:unset;
        width:calc(100% - 39px)
    }
    .home-hero .video-sound{
        height:28px;
        width:28px
    }
    .home-hero .progress{
        height:5px
    }
    .clients .clients-ctn{
        padding-bottom:77px;
        padding-top:96px
    }
    .clients .clients-ctn h2{
        font-size:4.1vw;
        margin-bottom:77px
    }
    .clients .clients-ctn .clients-title-big{
        font-size:13.2vw
    }
    .clients .clients-ctn .clients-title-bold{
        margin-left:3px
    }
    .clients .clients-ctn .caps{
        left:-4px;
        width:68.1%
    }
    .block-text .hi-content,.hi-ctn .hi-content{
        padding-top:44vw
    }
    .block-text .hi-stat,.hi-ctn .hi-stat{
        width:100%
    }
    .block-text .hi-stat .nb,.hi-ctn .hi-stat .nb{
        font-size:37.5vw
    }
    .block-text .hi-bottom-txt,.hi-ctn .hi-bottom-txt{
        width:100%
    }
    .block-text .img-abs-1,.block-text .img-abs-2,.hi-ctn .img-abs-1,.hi-ctn .img-abs-2{
        display:none
    }
    .logos-ctn .line .line-ctn{
        height:10.5vw
    }
    .ve-ctn .ve-inner{
        padding-left:0;
        padding-right:0
    }
    .ve-ctn .ve-top-ctn{
        flex-direction:column;
        height:63%;
        justify-content:space-between;
        margin-bottom:-3.6vh;
        padding-left:var(--gutter);
        padding-right:var(--gutter)
    }
    .ve-ctn .ve-top-left,.ve-ctn .ve-top-right{
        width:100%
    }
    .ve-ctn .ve-top-right{
        align-items:flex-start
    }
    .ve-ctn .ve-top-right-bottom{
        width:41%
    }
    .ve-ctn .ve-bottom{
        flex-direction:column;
        height:calc(var(--window-height/2));
        position:relative
    }
    .ve-ctn .ve-bottom-left{
        padding-left:var(--gutter);
        position:absolute;
        top:-12.3vh;
        width:100%
    }
    .ve-ctn .video-editing-preview{
        display:flex;
        flex-direction:column;
        height:100%;
        justify-content:space-between;
        padding-bottom:22px;
        padding-left:var(--gutter);
        padding-right:var(--gutter);
        padding-top:22px;
        transform:unset;
        width:100%
    }
    .ve-ctn .vep-bottom{
        flex:.95;
        flex-direction:column;
        margin-top:unset;
        max-height:unset;
        position:relative;
        width:83.333%
    }
    .ve-ctn .vep-b-left{
        flex:unset;
        width:100%
    }
    .ve-ctn .vep-b-list-ctn{
        align-items:stretch;
        flex:1;
        max-height:19vh
    }
    .ve-ctn .vep-b-right{
        width:100%
    }
    .ve-ctn .vep-b-img-ctn{
        flex:1;
        margin-right:0;
        width:100%
    }
    .ve-ctn .vep-progress-bar-ctn{
        height:17px;
        margin-bottom:6px;
        margin-top:6px
    }
    .ve-ctn .vep-source-file-left{
        font-size:11px
    }
    .ve-ctn .vep-b-title{
        margin-bottom:5px
    }
    .ve-ctn .vep-sound-level-ctn{
        height:70%;
        width:80%
    }
    .ve-ctn .vep-sound-stereo-ctn{
        align-items:flex-end;
        bottom:0;
        display:flex;
        height:100%;
        justify-content:flex-end;
        margin-left:unset;
        max-width:45px;
        padding-top:22px;
        position:absolute;
        right:-16.6666vw;
        width:8.85vh
    }
    .ve-ctn .vep-sound-stereo-ctn svg{
        height:auto;
        width:100%
    }
    .ve-ctn .ve-circle{
        height:24px;
        width:24px
    }
    .ve-ctn .ve-rec{
        margin-left:9px
    }
    .ve-ctn .ve-big-txt{
        font-size:6.2vw
    }
    .ve-ctn .ve-nb{
        font-size:31.5vw
    }
    body .loader-ctn .editing-ctn,body .loader-ctn .video-editing-preview{
        width:75vw
    }
    body .loader-ctn .vep-b-img-ctn{
        display:none
    }
    body .loader-ctn .vep-source-file-left{
        font-size:12px
    }
    body .loader-ctn .vep-source-time{
        font-size:10px;
        font-weight:400
    }
    .tl-ctn .tl-scrollable{
        width:200%
    }
    .tl-ctn .tl-black-ctn,.tl-ctn .tl-white-ctn{
        width:50%
    }
    .tl-ctn .tl-black-ctn .txt-ctn,.tl-ctn .tl-white-ctn .txt-ctn{
        flex-direction:column;
        justify-content:center;
        margin-left:unset;
        width:100%
    }
    .tl-ctn .tl-black-ctn .tl-number,.tl-ctn .tl-white-ctn .tl-number{
        font-size:34vw;
        margin:unset
    }
    .tl-ctn .tl-black-ctn .tl-txt,.tl-ctn .tl-white-ctn .tl-txt{
        font-size:7.8vw;
        padding:unset;
        text-align:center;
        width:-moz-max-content;
        width:max-content
    }
    .cta-block-ctn .cta-b-title{
        font-size:21.25vw;
        margin-bottom:14vh;
        margin-top:28px
    }
    .menu-ctn .menu-footer{
        justify-content:center
    }
    .menu-ctn .menu-footer-left{
        display:none
    }
    .menu-ctn .link-btn{
        font-size:12.7vw
    }
    .about-ctn .galerie-ctn{
        padding-left:0;
        padding-right:0
    }
    .about-ctn .about-hero-title{
        font-size:11vw
    }
    .about-ctn .about-hero-img{
        height:43vw;
        width:43vw
    }
    .about-ctn .about-info-top{
        width:100%
    }
    .about-ctn .about-info-bottom{
        flex-direction:column;
        width:100%
    }
    .about-ctn .about-info-about,.about-ctn .about-info-visions{
        padding-left:24px;
        width:100%
    }
    .about-ctn .about-info-about:before,.about-ctn .about-info-visions:before{
        left:0
    }
    .about-ctn .about-info-about{
        margin-bottom:95px
    }
    .about-ctn .about-info-visions{
        margin-left:unset
    }
    .about-ctn .about-info-subtitle{
        margin-bottom:41px
    }
    .about-ctn .about-info-ctn{
        padding-bottom:95px
    }
    .about-ctn .member-scrollable{
        flex-direction:column
    }
    .about-ctn .member-left{
        width:calc(75% + var(--gutter))
    }
    .about-ctn .member-right{
        width:100%
    }
    .about-ctn .cta-block-ctn .cta-b-title{
        font-size:15vw
    }
    .about-ctn .member-quote{
        font-size:25px
    }
    .about-ctn .member-quote:before{
        left:0;
        top:-50px
    }
    .about-ctn .member-quote:after{
        bottom:-35px;
        right:20px;
        transform:rotate(180deg)
    }
    .service-page-ctn .services-hero .home-hero-pin{
        height:unset;
        min-height:var(--window-height)
    }
    .service-page-ctn .services-hero .hero-main{
        height:unset;
        padding-bottom:40vw
    }
    .service-page-ctn .services-hero .hero-line:first-child .line-ctn{
        flex-direction:column
    }
    .service-page-ctn .services-hero .hero-line:first-child .hero-picto{
        height:unset;
        margin-bottom:9px;
        width:9vw
    }
    .service-page-ctn .services-hero .hero-line:first-child .hero-picto .picto-inner,.service-page-ctn .services-hero .hero-line:first-child .hero-picto img{
        height:auto;
        padding:0;
        width:100%
    }
    .service-page-ctn .services-hero .hero-line:nth-child(2) .hero-picto{
        display:none
    }
    .service-page-ctn .services-hero .hero-line:last-child .line-ctn{
        flex-direction:column
    }
    .service-page-ctn .services-hero .hero-line:last-child .hero-picto{
        display:none
    }
    .service-page-ctn .services-hero .hero-line{
        font-size:9.2vw
    }
    .service-page-ctn .hero-center{
        align-items:flex-end;
        display:flex;
        flex:.8
    }
    .service-page-ctn .hero-bottom{
        flex:unset
    }
    .service-page-ctn .hero-bottom .hero-picto{
        height:unset;
        margin-left:4px;
        margin-right:4px;
        width:2.8vw
    }
    .service-page-ctn .hero-bottom .hero-picto .picto-inner,.service-page-ctn .hero-bottom .hero-picto img{
        height:auto;
        padding:0;
        width:100%
    }
    .service-page-ctn .bottom-mobile{
        bottom:0;
        height:37vw;
        position:absolute;
        right:0;
        width:50vw
    }
    .service-page-ctn .bottom-mobile img{
        height:100%;
        -o-object-fit:cover;
        object-fit:cover;
        -o-object-position:center;
        object-position:center;
        width:100%
    }
    .service-page-ctn .stat-ctn{
        min-height:70vh
    }
    .service-page-ctn .service-picto{
        display:none
    }
    .service-page-ctn .o-services-ctn{
        padding-top:50px
    }
    .service-page-ctn .o-services-title{
        font-size:9.3vw
    }
    .service-page-ctn .o-services-title .hero-picto{
        height:6.33vw
    }
    .service-page-ctn .o-services-bottom{
        flex-direction:column;
        padding-bottom:0;
        padding-top:60px
    }
    .service-page-ctn .o-services-item{
        margin-bottom:80px;
        width:100%
    }
    .service-page-ctn .o-services-item p{
        margin-top:14px
    }
    .service-page-ctn .o-services-img{
        height:83vw;
        width:100%
    }
    .service-page-ctn .testimonials-content{
        flex-direction:column
    }
    .service-page-ctn .testimonial{
        flex-direction:column;
        padding-right:var(--gutter);
        width:calc(100% + var(--gutter))
    }
    .service-page-ctn .testimonials-scrollable{
        min-width:unset;
        width:100%
    }
    .service-page-ctn .t-content-top{
        width:unset
    }
    .service-page-ctn .testimonials-list{
        width:100%
    }
    .service-page-ctn .testimonial-credits{
        margin-left:30px
    }
    .service-page-ctn .testimonial-image{
        height:82px;
        width:82px
    }
    .service-page-ctn .t-content-top{
        display:flex;
        justify-content:space-between
    }
    .service-page-ctn .mobile-arrow{
        align-items:center;
        background-color:var(--text-color);
        border-radius:50%;
        display:flex;
        height:22vw;
        justify-content:center;
        margin-bottom:14px;
        width:22vw
    }
    .service-page-ctn .mobile-arrow img{
        filter:invert(1);
        width:41%
    }
    .service-page-ctn .testimonials-title{
        margin-bottom:10vw
    }
    .contact-ctn .c-hero-top{
        flex:unset;
        height:var(--window-height);
        padding-bottom:50vw;
        position:relative
    }
    .contact-ctn .c-hero-title{
        font-size:14vw;
        margin-bottom:40px;
        margin-top:27px
    }
    .contact-ctn .contact-inner-picto-1{
        height:10.7vw
    }
    .contact-ctn .contact-inner-picto-2{
        height:10.7vw;
        width:10.7vw
    }
    .contact-ctn .contact-inner-picto-2 img{
        height:9.5vw
    }
    .contact-ctn .c-bottom-mobile-image{
        bottom:0;
        height:50vw;
        left:0;
        position:absolute;
        transform:translate(calc(var(--gutter)*-1));
        width:50vw
    }
    .contact-ctn .c-bottom-mobile-image img{
        height:100%;
        -o-object-fit:cover;
        object-fit:cover;
        -o-object-position:center;
        object-position:center;
        width:100%
    }
    .contact-ctn .c-hero-bottom-left{
        margin-bottom:50px;
        margin-top:50px;
        width:83.33%
    }
    .contact-ctn .c-hero-bottom-right{
        flex-direction:column
    }
    .contact-ctn .c-hero-bottom-right-1,.contact-ctn .c-hero-bottom-right-2,.contact-ctn .c-hero-bottom-right-3{
        justify-content:flex-start;
        margin-bottom:50px;
        width:100%
    }
    .contact-ctn .c-hero-bottom-right-1 .hero-footer-text,.contact-ctn .c-hero-bottom-right-1 p:first-child,.contact-ctn .c-hero-bottom-right-2 .hero-footer-text,.contact-ctn .c-hero-bottom-right-2 p:first-child,.contact-ctn .c-hero-bottom-right-3 .hero-footer-text,.contact-ctn .c-hero-bottom-right-3 p:first-child{
        margin-bottom:8px
    }
    .contact-ctn .form-section-ctn .optionalParent{
        display:flex;
        justify-content:center
    }
    .contact-ctn .form-ctn{
        font-size:14px;
        padding-bottom:unset
    }
    .contact-ctn .form-ctn .mc-field-group{
        margin-bottom:25px
    }
    .contact-ctn .form-section-right{
        margin-bottom:50px;
        width:100%
    }
    .contact-ctn .title-first{
        font-size:11.8vw
    }
    .contact-ctn .title-second{
        font-size:8.5vw
    }
    .not-found-ctn .nf-line-1{
        flex-direction:column-reverse;
        font-size:30vw
    }
    .not-found-ctn .inner-gif-404{
        height:46vw;
        margin:0 0 5vw;
        width:46vw
    }
    .not-found-ctn .nf-line-2{
        font-size:6.4vw
    }
    .galerie-ctn .img-group-ctn{
        flex-wrap:wrap;
        height:unset;
        justify-content:flex-start;
        margin-bottom:130%
    }
    .galerie-ctn .img-group-ctn .img-ctn{
        width:31.34%
    }
    .galerie-ctn .img-group-ctn .img-ctn-1{
        margin-bottom:0;
        margin-left:33.32%;
        margin-top:-127%
    }
    .galerie-ctn .img-group-ctn .img-ctn-2{
        align-self:unset;
        margin-left:4%
    }
    .galerie-ctn .img-group-ctn .img-ctn-3{
        align-self:unset;
        margin-top:-30%
    }
    .galerie-ctn .img-group-ctn .img-ctn-4{
        margin-bottom:-63%;
        margin-left:19.62%;
        margin-top:0
    }
}
@media (max-width:576px) and (orientation:portrait){
    .service-page-ctn .presentation-bottom{
        flex:1;
        flex-direction:column-reverse
    }
    .service-page-ctn .presentation-list{
        flex:.85
    }
    .service-page-ctn .presentation-list ul{
        align-items:center;
        flex-wrap:nowrap;
        justify-content:space-between
    }
    .service-page-ctn .presentation-list li{
        font-size:6vw;
        justify-content:center;
        text-align:center
    }
    .service-page-ctn .presentation-list li:nth-child(n):before{
        display:none
    }
    .service-page-ctn .presentation-image{
        align-self:flex-start
    }
    .service-page-ctn .service-item{
        padding-top:12.5vh
    }
    .service-page-ctn .presentation-top{
        flex:unset
    }
    .service-page-ctn .service-name{
        font-size:7.1vw;
        margin-bottom:40px;
        margin-top:18px
    }
}
.logo-anim-ctn{
    align-items:center;
    display:flex;
    height:100%;
    justify-content:center;
    position:relative;
    width:100%
}
.logo-anim-ctn img{
    height:100%;
    height:auto;
    -o-object-fit:contain;
    object-fit:contain;
    opacity:0;
    position:absolute;
    width:100%
}
.loader-ctn{
    background-color:#000;
    flex-direction:column;
    height:var(--window-height);
    left:0;
    position:fixed;
    top:0;
    width:100vw;
    z-index:100
}
.loader-ctn,.loader-ctn .editing-ctn{
    align-items:center;
    display:flex;
    justify-content:center
}
.loader-ctn .editing-ctn{
    background-color:var(--background-color);
    min-width:-moz-max-content;
    min-width:max-content;
    position:relative;
    width:35vw
}
.loader-ctn .video-editing-preview{
    background-color:unset;
    color:#000;
    min-width:-moz-max-content;
    min-width:max-content;
    padding:15px 20px;
    text-transform:none;
    transform:unset;
    width:35vw
}
.loader-ctn .vep-top{
    font-weight:400
}
.loader-ctn .vep-progress-bar-ctn{
    border:1px solid #000;
    height:20px;
    margin-bottom:5px;
    margin-top:5px
}
.loader-ctn .vep-progress-bar{
    background-color:#000
}
.loader-ctn .vep-source-file-left{
    font-size:14px
}
.loader-ctn .vep-source-time{
    font-size:12px;
    font-weight:400
}
.media-loader{
    position:absolute;
    width:60vw;
    z-index:0
}
.media-loader img{
    height:auto;
    width:100%
}