@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*,*:after,*:before{box-sizing:border-box;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0.05)}

.clearfix{display:table;content:'';clear:both}
.clearfix:before,.clearfix:after{content:". ";clear:both;visibility:hidden;line-height:0;height:0}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

ol,ul{list-style:none}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}

table{border-collapse:collapse;border-spacing:0}

a{text-decoration:none;color:inherit;cursor:pointer}
a:focus,a:active{outline:0 !important;outline:0 -webkit-focus-ring-color;outline-offset:0}

#conseil *::selection{background-color:transparent;color:var(--bleu)}
#compta *::selection{background-color:transparent;color:var(--orange)}
#financement *::selection{background-color:transparent;color:var(--vert)}

html{color:transparent}

body{background:var(--bg_footer);
color:white;
font-family:'Roboto';position:relative;}

.ShowMenu {overflow-y: hidden;}

section{background-image: url("../../_images/stripe_light.png");background-position: 50% 50%;}

nav{text-align:center}
nav .logo{z-index:1001;
max-width:175px;position:fixed;
left:50%;top:30px;-webkit-transform:translate(-50%, 0%);-khtml-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%)}
nav .menu{z-index:30;display:block;max-width:910px;width:100%;background-color:var(--font);position:fixed;left:50%;top:90px;-webkit-transform:translate(-50%, 0%);
-khtml-transform:translate(-50%, 0%);-moz-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);
transform:translate(-50%, 0%);-khtml-transition:top 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),max-width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;-webkit-transition:top 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),max-width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;-moz-transition:top 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),max-width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;-ms-transition:top 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),max-width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;-o-transition:top 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),max-width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;transition:top 0.35s cubic-bezier(0.165, 0.84, 0.44, 1),max-width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s}
nav .menu ul{white-space:nowrap;display:inline-block;vertical-align:top;padding:0 10px;position:relative}
nav .menu ul li{display:inline-block}
nav .menu ul li a{position:relative;
height:65px;
line-height:65px;
padding:0 20px;text-transform:uppercase;display:inline-block;font-size:16px;border-bottom:2px solid transparent}
nav .menu ul li a.active{border-color:var(--bleu)}
nav .menu ul li a:after{content:"";display:block;position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--bleu);-webkit-transform:scaleX(0);-khtml-transform:scaleX(0);-moz-transform:scaleX(0);-ms-transform:scaleX(0);-o-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}
nav .menu ul li a:hover:after{-webkit-transform:scaleX(1);
-khtml-transform:scaleX(1);
-moz-transform:scaleX(1);-ms-transform:scaleX(1);-o-transform:scaleX(1);transform:scaleX(1)}
nav .menu ul li.search-box{color:var(--bleu);padding:0 20px}
nav .menu ul li.search-box input[type="checkbox"]{display:none}
nav .menu ul li.search-box label{cursor:pointer}
nav .menu ul li.search-box input[type="checkbox"]+input[type="search"]{z-index:1;position:absolute;right:-10px;top:0;height:100%;width:0px;visibility:hidden;-webkit-transform:translateX(100%);-khtml-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);border:0;-webkit-appearance:none;-khtml-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;
appearance:none;background-color:var(--grey_3);color:#fff;padding:17px 12px;-webkit-transition:width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
-khtml-transition:width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:width 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}
nav .menu ul li.search-box input[type="checkbox"]:checked+input[type="search"]{width:315.267px;visibility:visible}
nav .menu ul:first-of-type{margin-right:315px;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;
-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.35s}
nav .menu ul:last-of-type{background-color:var(--grey_3);position:absolute;right:0;top:0}
nav .menu h1{display:none;font-size:15em;font-weight:bold;letter-spacing:-0.0525em;
color:rgba(255,255,255,0.05);opacity:0;position:absolute;top:10%;left:16.5%;z-index:2;-webkit-transform:translate3d(-25%, 0, 0);-khtml-transform:translate3d(-25%, 0, 0);-moz-transform:translate3d(-25%, 0, 0);-ms-transform:translate3d(-25%, 0, 0);-o-transform:translate3d(-25%, 0, 0);
transform:translate3d(-25%, 0, 0)}
nav .menu .grid{position:relative;width:100%;height:100%;z-index:1}
nav .menu .grid span{border-left:1px solid rgba(255,255,255,0.05);width:0%;height:100%;background-color:var(--font);position:absolute;top:0}
nav .menu .grid span:nth-of-type(1){left:33.33%}
nav .menu .grid span:nth-of-type(2){left:66.66%}
nav .menu .recrutement{display:none}

nav .nav-collapse-logo{z-index:999;max-width:175px;position:fixed;left:25px;top:7px;opacity:0}

nav.nav-collapse .logo{top:-30px;
-webkit-transition:all 0.3s ease-out;-khtml-transition:all 0.3s ease-out;-moz-transition:all 0.3s ease-out;-ms-transition:all 0.3s ease-out;
-o-transition:all 0.3s ease-out;transition:all 0.3s ease-out;opacity:0;z-index:500}
nav.nav-collapse .nav-collapse-logo{opacity:1;-webkit-transition:all 0.3s ease-out 0.35s;-khtml-transition:all 0.3s ease-out 0.35s;-moz-transition:all 0.3s ease-out 0.35s;
-ms-transition:all 0.3s ease-out 0.35s;
-o-transition:all 0.3s ease-out 0.35s;transition:all 0.3s ease-out 0.35s}
nav.nav-collapse .menu{top:0;max-width:100%;left:49.99%}
nav.nav-collapse .menu ul:first-of-type{margin-right:0px}
nav.nav-collapse .menu ul:last-of-type{background-color:var(--grey_3)}
nav.nav-collapse .menu ul li.search-box input[type="checkbox"]:checked+input[type="search"]{width:350px}

header.header{z-index:1;position:relative;
width:100%;height:25vh;cursor:pointer;
text-align:center;background:var(--font);display:block;overflow:hidden}
header.header span.bg{position:absolute;display:block;width:100%;height:100%;top:0;left:0;opacity:0.8;background-image:url("../images/2507707575075750.jpg");
background-position:50% 50%;background-size:cover;
-webkit-transform:scale3d(1, 1, 1);-khtml-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-animation:zoomout 0.6s ease-out forwards;-khtml-animation:zoomout 0.6s ease-out forwards;-moz-animation:zoomout 0.6s ease-out forwards;-ms-animation:zoomout 0.6s ease-out forwards;-o-animation:zoomout 0.6s ease-out forwards;animation:zoomout 0.6s ease-out forwards}
header.header span.bg:after{content:"";display:block;position:absolute;z-index:1;
left:0;top:0;width:100%;height:35%;background:rgba(0,0,0,0.27);background:-webkit-linear-gradient(top, rgba(0,0,0,0.27) 0%,transparent 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0.27) 0%,transparent 100%)}
header.header span.bg::before{content:"";
display:block;
position:absolute;z-index:1;left:0;bottom:0;width:100%;height:45%;background:rgba(0,0,0,0.27);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.27) 0%,transparent 100%);background:linear-gradient(to top, rgba(0,0,0,0.27) 0%,transparent 100%)}
header.header .wrapper{width:100%;position:absolute;top:200px;bottom:0}
header.header .wrapper .title{position:absolute;top:32.5%;max-width:1028px;width:100%;left:50%;opacity:0;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%);
-webkit-animation:wrapperh1 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s forwards;-khtml-animation:wrapperh1 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s forwards;-moz-animation:wrapperh1 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s forwards;-ms-animation:wrapperh1 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s forwards;-o-animation:wrapperh1 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s forwards;animation:wrapperh1 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s forwards}
header.header .wrapper h1{font-size:5em;
line-height:0.9;letter-spacing:-0.05em;
margin-bottom:23px;text-shadow:0 5px 10px rgba(0,0,0,0.27)}

section.split{position:relative;
display:block;width:100%;
min-height:800px;z-index:2;overflow:visible;background-color:white}
section.split .left,section.split .right{position:relative;
display:inline-block;
width:50%;min-height:800px;height:auto;vertical-align:top;overflow:visible}
section.split .left span.bg-split{display:block;
position:absolute;z-index:1;bottom:0;left:0;width:100%;top:-16.67%;background-position:50% 50%;
background-size:cover;background-image:url("../images/040540505757807.jpg")}
section.split .left .link-wrapper{position:absolute;right:0;top:0;bottom:0;width:250px;z-index:2}
section.split .left .link-wrapper a{display:inline-block;
float:left;
position:relative;width:100%;height:16.67%;background-color:var(--bleu);color:white;text-align:center;overflow:hidden;padding:0 25px;padding-top:23.25%;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);font-weight:bold;text-transform:uppercase;font-size:14px;border-top:1px solid rgba(0,0,0,0.1)}
section.split .left .link-wrapper a span{position:absolute;
width:100%;
top:-1px;bottom:-1px;left:0;background-color:var(--font_2);padding:0 25px;padding-top:23.25%;-webkit-transform:translateX(-100%);-khtml-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}
section.split .left .link-wrapper a:hover{border-color:var(--font_2);background-color: var(--bleu_2)}
section.split .left .link-wrapper a:hover span{transform:translateX(0%)}
section.split .right{padding-top:250px}
section.split .right .titles{-webkit-transform:translateY(-50%);
-khtml-transform:translateY(-50%);
-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);position:absolute;top:50%;z-index:2;left:175px;right:300px;color:var(--font_2)}
section.split .right video{display:block;
position:absolute;
right:0;top:50%;bottom:0;z-index:0;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
section.split .right h2{color:var(--font_2);
font-size:3em;font-weight:bold;
line-height:0.9;letter-spacing:-0.05em;text-transform:uppercase;margin-bottom:23px}
section.split .right h5{margin-bottom:16px;text-transform:uppercase;font-weight:bold}

section.services{position:relative;
display:block;
width:100%;border-top:3px solid var(--bleu);background-color:#fff;z-index:2;background: #fff ;border-bottom: 5px solid transparent;}
section.services .services-link{
display:block;
position:relative;
margin:0 auto;
z-index:2;
width:70%;
padding-top:430px;
max-width: 1080px;

}
section.services .services-link ul{display:block;position:absolute;top:0;left:0;width:100%}
section.services .services-link ul li{display:inline-block;width:33.33%;overflow:hidden;padding:10% 8%;position:relative;float:left}
section.services .services-link ul li a{position:absolute;width:100%;height:100%;display:block;background-color:black;top:0;left:0}
section.services .services-link ul li a:after{content:'';display:block;position:absolute;bottom:0;height:3px;width:0%;background-color:var(--bleu);z-index:1;
-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s}
section.services .services-link ul li .title-link{
text-shadow: 0 2px 8px rgba(0,0,0,.7);
z-index:2;
position:absolute;width:100%;padding:0 5%;top:50%;text-align:center;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
section.services .services-link ul li .title-link h4{font-size:32px;color:white;margin-bottom:14px}
section.services .services-link ul li .title-link p{font-weight:700;margin:0;font-size:14px;text-transform:uppercase;color:var(--bleu)}
section.services .services-link ul li:hover .title-link p{color:#FFFFFF}
section.services .services-link ul li .bg-link{
z-index:1;
position:absolute;opacity:0.3;display:block;top:0;right:0;left:0;bottom:0;background-position:50% 50%;background-size:cover;-webkit-transform:scale3d(1, 1, 1);-khtml-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s}
section.services .services-link ul li:hover .bg-link{opacity:0.7;
-webkit-transform:scale3d(1.1, 1.1, 1.1);
-khtml-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}
section.services .services-link ul li:hover a:after{width:100%}

section.services-slider .acc-input{display:none}
section.services-slider .acc-label{z-index:5;position:absolute;left:50%;background-color:var(--bleu);overflow:hidden;cursor:pointer;color:white;text-transform:uppercase;font-weight:600;width:250px;
height: 85px;
line-height: 85px;
border-top:1px solid rgba(0,0,0,0.1);text-align:center;-webkit-transform:translateX(-100%);-khtml-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}
section.services-slider{position:relative;display:block;width:100%;color:var(--font_2);z-index:2;height:510px;}
section.services-slider .acc-label[data-name="tour"]{bottom:0}
section.services-slider .acc-label[data-name="seo"]{bottom:85px}
section.services-slider .acc-label[data-name="web"]{bottom:170px}
section.services-slider .acc-label[data-name="trading"]{bottom:255px}
section.services-slider .acc-label[data-name="sale"]{bottom:340px}
section.services-slider .acc-label[data-name="BigData"]{bottom:425px}
section.services-slider .acc-label:hover{border-color:var(--font_2);background-color: var(--bleu_2)}
section.services-slider .acc-label:hover:before{
-webkit-transform:translate3d(0, 0, 0);
-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
section.services-slider .acc-label:hover span.data-text{
-webkit-transform:translate3d(0, 0, 0);
-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
section.services-slider .acc-label span.text{display:block;padding:0 15px;width:100%}
section.services-slider .acc-label span.data-text{
display:block;
position:absolute;top:0;left:0;width:100%;height:100%;text-align:center;background-color:var(--font_2);-webkit-transform:translate3d(-100%, 0, 0);-khtml-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}
section.services-slider .article{position:absolute;left:0;top:0;width:100%;height:100%}
section.services-slider .article span.left,section.services-slider .article span.right{position:absolute;display:block;top:0;width:50%;height:100%}
section.services-slider .article span.left{left:0;overflow:hidden;background-color: var(--font);}
section.services-slider .article span.left span.bg{
display:block;
position:absolute;z-index:1;bottom:0;left:0;width:100%;top:0;background-position:50% 50%;background-size:cover}
section.services-slider .article span.right{right:0;overflow:hidden}
section.services-slider .article span.right .titles{position:absolute;top:50%;z-index:2;left:10%;right:10%;color:var(--font_2)}
section.services-slider .article span.right video{display:block;position:absolute;right:0;top:50%;bottom:0;z-index:0}
section.services-slider .article span.right h2{
color:var(--font_2);
font-size:3em;font-weight:bold;line-height:0.9;letter-spacing:-0.05em;text-transform:uppercase;margin-bottom:23px;}
section.services-slider .article span.right h5{margin-bottom:16px;text-transform:uppercase;font-weight:bold;}
section.services-slider input.acc-input+.article span.left span.bg{
-webkit-transform:translate3d(100%, 0, 0);
-khtml-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:hidden;-webkit-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}
section.services-slider input.acc-input+.article span.right{right:0}
section.services-slider input.acc-input+.article span.right .titles{
-webkit-transform:translate3d(0, -50%, 0);
-khtml-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-ms-transform:translate3d(0, -50%, 0);-o-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}
section.services-slider input.acc-input+.article span.right video{
-webkit-transform:translate3d(0, 200px, 0);
-khtml-transform:translate3d(0, 200px, 0);-moz-transform:translate3d(0, 200px, 0);-ms-transform:translate3d(0, 200px, 0);-o-transform:translate3d(0, 200px, 0);transform:translate3d(0, 200px, 0);opacity:0;visibility:hidden;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}
section.services-slider input.acc-input+.article span.right h2{
-webkit-transform:translate3d(0, 200px, 0);
-khtml-transform:translate3d(0, 200px, 0);-moz-transform:translate3d(0, 200px, 0);-ms-transform:translate3d(0, 200px, 0);-o-transform:translate3d(0, 200px, 0);transform:translate3d(0, 200px, 0);opacity:0;visibility:hidden;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}
section.services-slider input.acc-input+.article span.right h5{
-webkit-transform:translate3d(0, 200px, 0);
-khtml-transform:translate3d(0, 200px, 0);-moz-transform:translate3d(0, 200px, 0);-ms-transform:translate3d(0, 200px, 0);-o-transform:translate3d(0, 200px, 0);transform:translate3d(0, 200px, 0);opacity:0;visibility:hidden;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}
section.services-slider input.acc-input+.article span.right p{
-webkit-transform:translate3d(0, 200px, 0);
-khtml-transform:translate3d(0, 200px, 0);-moz-transform:translate3d(0, 200px, 0);-ms-transform:translate3d(0, 200px, 0);-o-transform:translate3d(0, 200px, 0);transform:translate3d(0, 200px, 0);opacity:0;visibility:hidden;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1); text-align:justify}
section.services-slider input.acc-input:checked+.article span.left span.bg{opacity:1;-webkit-transform:translate3d(0%, 0, 0);-khtml-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);visibility:visible;

filter: blur(8px);
-webkit-filter: blur(8px);
}
section.services-slider input.acc-input:checked+.article span.right{right:0}
section.services-slider input.acc-input:checked+.article span.right .titles{
-webkit-transform:translate3d(0, -50%, 0);
-khtml-transform:translate3d(0, -50%, 0);
-moz-transform:translate3d(0, -50%, 0);
-ms-transform:translate3d(0, -50%, 0);
-o-transform:translate3d(0, -50%, 0);
transform:translate3d(0, -50%, 0)}
section.services-slider input.acc-input:checked+.article span.right video{
-webkit-transform:translate3d(0, -50%, 0);
-khtml-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-ms-transform:translate3d(0, -50%, 0);-o-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0);opacity:1;visibility:visible;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}
section.services-slider input.acc-input:checked+.article span.right h2{
-webkit-transform:translate3d(0, 0, 0);
-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;visibility:visible;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s}
section.services-slider input.acc-input:checked+.article span.right h5{
-webkit-transform:translate3d(0, 0px, 0);
-khtml-transform:translate3d(0, 0px, 0);
-moz-transform:translate3d(0, 0px, 0);-ms-transform:translate3d(0, 0px, 0);-o-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0);opacity:1;visibility:visible;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s}
section.services-slider input.acc-input:checked+.article span.right p{
-webkit-transform:translate3d(0, 0px, 0);
-khtml-transform:translate3d(0, 0px, 0);
-moz-transform:translate3d(0, 0px, 0);-ms-transform:translate3d(0, 0px, 0);-o-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0);opacity:1;visibility:visible;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s}

section.partner{
position:relative;
width:100%;
height:auto;color:var(--font);text-align:center;background-color:#fff;padding: 50px 0 20px;cursor:pointer;background: #fff}
section.partner h1{font-size:6em;line-height:0.9;letter-spacing:-0.05em;margin-bottom:25px;text-align:center;text-transform:uppercase}
section.partner a{display:inline-block;color:var(--bleu);text-transform:uppercase;font-weight:700;width:100%;margin-bottom: 50px;}
section.partner a i{margin-left:-15px;margin-right:15px;color:var(--font)}
section.partner .grid{height:auto;display:inline-block;width:60%;position:relative;margin-bottom: 30px;max-width: 720px;}
section.partner .grid ul{display:block;width:100%;}
section.partner .grid ul li{
float:left;
height:auto;
width:25%;display:block;background-position:50% 50%;background-size:50% auto;position:relative;padding-top:25%}
section.partner .grid ul li:first-of-type,section.partner .grid ul li:nth-of-type(2),section.partner .grid ul li:nth-of-type(3){
border-right:1px solid #ddd;
border-bottom:1px solid #ddd}
section.partner .grid ul li:nth-of-type(4){border-bottom:1px solid #ddd}
section.partner .grid ul li:nth-of-type(5),
section.partner .grid ul li:nth-of-type(6),
section.partner .grid ul li:nth-of-type(7){
border-right:1px solid #ddd;
border-bottom:0}
section.partner .grid ul li span.images{display:inline-block;
position:absolute;width:100%;left:0;height:100%;top:0;
background-position:50% 50%;background-size:75%;background-repeat:no-repeat}

footer{position:relative;background-color:var(--bg_footer);
width:100%;text-align:center;padding:50px 0 0;
color:var(--font)}
footer .logo{top: 30px;width:170px;
position:absolute;left:50%;
-webkit-transform:translateX(-50%);-khtml-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);opacity:.6}
footer ul{width:auto;margin: 35px auto 0;height: 50px;display:inline-block}
footer ul li{display:inline-block;position:relative;float:left}
footer ul li a{line-height:65px;
padding:0 20px;
opacity:.6;
text-transform:uppercase;display:inline-block;font-size:18px}
footer ul li a:hover{opacity:.8}

.content-footer{cursor:pointer; 
z-index:800;
display: block;}

footer .social-link ul li a{font-size:20px}
footer .sub-footer{
background-color:var(--dark) ;
border-bottom:2px solid var(--bleu);
color:white;width:100%;margin:0 auto;max-width:1200px}
footer .sub-footer p{
margin:0;
line-height:45px;
font-size:12px}

.pre-loader{
position:fixed;
z-index:1001;
width:100%;
top:0;left:0;bottom:0;right:0;border:55vh solid var(--grey_3);-webkit-animation:preloaderborder 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-khtml-animation:preloaderborder 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-moz-animation:preloaderborder 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-ms-animation:preloaderborder 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;-o-animation:preloaderborder 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;animation:preloaderborder 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}
.dophone{display:none}

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

nav .nav-collapse-logo svg #ENCORP_letter{display:none}

nav .nav-collapse-logo svg #group{display:none}

nav .nav-collapse-logo svg #Separation{display:none}

header.header .wrapper h1,section.services h1,section.partner h1{font-size:3em}

section.services-slider .article span.right .titles{/*left:100px;right:100px*/}

section.services-slider .article span.right .titles h2{font-size:2em}

section.services .services-link ul li .title-link h4{font-size:20px}

}
@media only screen and (max-width: 1028px){
	
.dophone{display:initial}
.nophone{display:none!important;}
.ShowMenu #nav-toggle span:first-of-type,.ShowMenu #nav-toggle span:nth-of-type(2),.ShowMenu #nav-toggle span:nth-of-type(3){width:0px}

.ShowMenu #nav-toggle span:nth-of-type(4),.ShowMenu #nav-toggle span:nth-of-type(5),.ShowMenu #nav-toggle span:nth-of-type(6){width:0}

.ShowMenu #nav-toggle span:first-of-type{-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s}

.ShowMenu #nav-toggle span:nth-of-type(2){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s}

.ShowMenu #nav-toggle span:nth-of-type(3){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s}

.ShowMenu #nav-toggle span:nth-of-type(4){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s}

.ShowMenu #nav-toggle span:nth-of-type(5){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s}

.ShowMenu #nav-toggle span:nth-of-type(6){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s}

.ShowMenu #nav-toggle span:nth-of-type(7){-webkit-transform:rotate(-45deg) scaleX(1);-khtml-transform:rotate(-45deg) scaleX(1);-moz-transform:rotate(-45deg) scaleX(1);-ms-transform:rotate(-45deg) scaleX(1);-o-transform:rotate(-45deg) scaleX(1);transform:rotate(-45deg) scaleX(1);-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-khtml-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s}

.ShowMenu #nav-toggle span:nth-of-type(8){-webkit-transform:rotate(45deg) scaleX(1);-khtml-transform:rotate(45deg) scaleX(1);-moz-transform:rotate(45deg) scaleX(1);-ms-transform:rotate(45deg) scaleX(1);-o-transform:rotate(45deg) scaleX(1);transform:rotate(45deg) scaleX(1);-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;-khtml-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s;transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.6s}

.ShowMenu #nav-toggle:hover:nth-of-type(7){width:30px}

.ShowMenu #nav-toggle:hover:nth-of-type(8){width:30px}

.ShowMenu #nav-toggle:hover:nth-of-type(4),.ShowMenu #nav-toggle:hover:nth-of-type(5),.ShowMenu #nav-toggle:hover:nth-of-type(6){width:0px}

.ShowMenu #nav-toggle:hover:first-of-type{-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s}

.ShowMenu #nav-toggle:hover:nth-of-type(2){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s}

.ShowMenu #nav-toggle:hover:nth-of-type(3){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s}

.ShowMenu #nav-toggle:hover:nth-of-type(4){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s}

.ShowMenu #nav-toggle:hover:nth-of-type(5){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s}

.ShowMenu #nav-toggle:hover:nth-of-type(6){-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s}

.ShowMenu nav .menu{visibility:visible}

.ShowMenu nav .menu h1{-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}

.ShowMenu nav .menu ul:first-of-type{margin-right:0}

.ShowMenu nav .menu ul:first-of-type li a{font-size:20px;-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

.ShowMenu nav .menu ul:last-of-type{-webkit-transform:translate3d(0, -65px, 0);-khtml-transform:translate3d(0, -65px, 0);-moz-transform:translate3d(0, -65px, 0);-ms-transform:translate3d(0, -65px, 0);-o-transform:translate3d(0, -65px, 0);transform:translate3d(0, -65px, 0)}

.ShowMenu nav .menu .grid:after,.ShowMenu nav .menu .grid span{width:100%}

section.services{position:relative;display:block;width:100%;border-top:unset;background-color:#fff;z-index:2;border-bottom: unset;margin-bottom: 6%;}

section.services .services-link{display:block;position:relative;margin:0 auto;height:auto;z-index:2;width:70%;padding-top:28%;/*-webkit-transform:translateY(-250px);-khtml-transform:translateY(-250px);-moz-transform:translateY(-250px);-ms-transform:translateY(-250px);-o-transform:translateY(-250px);transform:translateY(-250px)*/}

section.services .services-link ul{display:block;position:relative;width:100%;height:720px}

section.services .services-link ul li{display:block;width:50%;height:250px;overflow:hidden;padding:0;position:relative;float:left;margin:0}

section.services .services-link ul li a{position:absolute;width:100%;height:100%;display:block;background-color:black;top:0;left:0}

section.services .services-link ul li a:after{content:'';display:block;position:absolute;bottom:0;height:3px;width:0%;background-color:var(--bleu);z-index:1;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s}

section.services .services-link ul li .title-link{z-index:2;position:absolute;width:100%;padding:0 5%;top:50%;text-align:center;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}

section.services .services-link ul li .title-link h4{font-size:32px;color:white;margin-bottom:16px}

section.services .services-link ul li .title-link p{font-weight:700;margin:0;font-size:14px;text-transform:uppercase;color:var(--bleu)}

section.services .services-link ul li .bg-link{z-index:1;position:absolute;opacity:0.3;display:block;top:0;right:0;left:0;bottom:0;background-position:50% 50%;background-size:cover;-webkit-transform:scale3d(1, 1, 1);-khtml-transform:scale3d(1, 1, 1);-moz-transform:scale3d(1, 1, 1);-ms-transform:scale3d(1, 1, 1);-o-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0s}

section.services .services-link ul li:hover .bg-link{opacity:0.7;-webkit-transform:scale3d(1.1, 1.1, 1.1);-khtml-transform:scale3d(1.1, 1.1, 1.1);-moz-transform:scale3d(1.1, 1.1, 1.1);-ms-transform:scale3d(1.1, 1.1, 1.1);-o-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1)}

section.services .services-link ul li:hover a:after{width:100%}

section.services-slider{position:relative;display:block;height:300px;width:100%;background-color:#fff;color:var(--font_2);z-index:2;/*margin-top:-100px*/}

section.services-slider .acc-input{display:none}

section.services-slider .acc-label:hover{border-color:var(--font_2);background-color: var(--bleu_2)}

section.services-slider .acc-label:hover:before{-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

section.services-slider .acc-label{width:20%;height:50px;line-height:1;font-size:13px;left:inherit;right:-20%}

section.services-slider .acc-label[data-name="tour"]{bottom:0}

section.services-slider .acc-label[data-name="seo"]{bottom:50px}

section.services-slider .acc-label[data-name="web"]{bottom:100px}

section.services-slider .acc-label[data-name="trading"]{bottom:150px}

section.services-slider .acc-label[data-name="sale"]{bottom:200px}

section.services-slider .acc-label[data-name="BigData"]{bottom:250px}

section.services-slider .acc-label:hover{border-color:var(--font_2);background-color: var(--bleu_2)}

section.services-slider .acc-label:hover:before{-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

section.services-slider .acc-label:hover span.data-text{-webkit-transform:translate3d(0, -50%, 0);-khtml-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-ms-transform:translate3d(0, -50%, 0);-o-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}

section.services-slider .acc-label span.text{display:block;padding:0 15px;width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}

section.services-slider .acc-label span.data-text{display:block;position:absolute;padding:0 15px;top:50%;left:0;font-size:13px;width:100%;height:auto;text-align:center;background-color:var(--font_2);-webkit-transform:translate3d(-100%, -50%, 0);-khtml-transform:translate3d(-100%, -50%, 0);-moz-transform:translate3d(-100%, -50%, 0);-ms-transform:translate3d(-100%, -50%, 0);-o-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}

section.services-slider .acc-label span.data-text:after{content:"";z-index:-1;display:block;position:absolute;height:100px;width:100%;background-color:var(--font_2);left:0;top:-50px;bottom:-50px}

section.services-slider .article{position:absolute;left:0;top:0;width:100%;height:100%}

section.services-slider .article span.left,section.services-slider .article span.right{position:absolute;display:block;top:0;width:50%;height:100%}

section.services-slider .article span.left{left:0;overflow:hidden;width:100%}

section.services-slider .article span.left span.bg{display:block;position:absolute;z-index:1;bottom:0;left:0;width:100%;top:0;background-position:50% 50%;background-size:cover}

section.services-slider .article span.right{right:0;overflow:hidden;width:70%;z-index:1;text-shadow: 0 2px 8px rgba(0,0,0,.7);}

/*section.services-slider .article span.right .titles{position:absolute;top:350px;right:28.66%;left:0px;padding:100px 75px 0}*/

section.services-slider .article span.right video{display:block;position:absolute;right:0;bottom:0;z-index:0;left:0;background-color:#fff;width:100%;top:350px;height:auto}

section.services-slider .article span.right h2{color:var(--font_2);font-size:24px !important;font-weight:bold;line-height:0.9;letter-spacing:-0.05em;text-transform:uppercase;margin-bottom:23px}

section.services-slider .article span.right h5{margin-bottom:16px;text-transform:uppercase;font-weight:bold}

section.services-slider .article span.right p{display:none}

section.services-slider input.acc-input+.article span.left span.bg{-webkit-transform:translate3d(100%, 0, 0);-khtml-transform:translate3d(100%, 0, 0);-moz-transform:translate3d(100%, 0, 0);-ms-transform:translate3d(100%, 0, 0);-o-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);visibility:hidden;-webkit-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}

section.services-slider input.acc-input+.article span.right{left:0;}
section.services-slider .article span.right .titles,section.services-slider .article span.right h2 { color:#ffffff}
section.services-slider .article span.right .titles {top:20%}

section.services-slider input.acc-input+.article span.right .titles{-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

section.services-slider input.acc-input+.article span.right video{-webkit-transform:translate3d(0, 200px, 0);-khtml-transform:translate3d(0, 200px, 0);-moz-transform:translate3d(0, 200px, 0);-ms-transform:translate3d(0, 200px, 0);-o-transform:translate3d(0, 200px, 0);transform:translate3d(0, 200px, 0);opacity:0;visibility:hidden;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}

section.services-slider input.acc-input+.article span.right h2{-webkit-transform:translate3d(0, 200px, 0);-khtml-transform:translate3d(0, 200px, 0);-moz-transform:translate3d(0, 200px, 0);-ms-transform:translate3d(0, 200px, 0);-o-transform:translate3d(0, 200px, 0);transform:translate3d(0, 200px, 0);opacity:0;visibility:hidden;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}

section.services-slider input.acc-input+.article span.right h5{-webkit-transform:translate3d(0, 200px, 0);-khtml-transform:translate3d(0, 200px, 0);-moz-transform:translate3d(0, 200px, 0);-ms-transform:translate3d(0, 200px, 0);-o-transform:translate3d(0, 200px, 0);transform:translate3d(0, 200px, 0);opacity:0;visibility:hidden;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}

section.services-slider input.acc-input+.article span.right p{-webkit-transform:translate3d(0, 200px, 0);-khtml-transform:translate3d(0, 200px, 0);-moz-transform:translate3d(0, 200px, 0);-ms-transform:translate3d(0, 200px, 0);-o-transform:translate3d(0, 200px, 0);transform:translate3d(0, 200px, 0);opacity:0;visibility:hidden;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}

section.services-slider input.acc-input:checked+.article span.left span.bg{opacity:1;-webkit-transform:translate3d(0%, 0, 0);-khtml-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0);visibility:visible}

section.services-slider input.acc-input:checked+.article span.right{right:0}

section.services-slider input.acc-input:checked+.article span.right .titles{-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

section.services-slider input.acc-input:checked+.article span.right video{-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;visibility:visible;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}

section.services-slider input.acc-input:checked+.article span.right h2{-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1;visibility:visible;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.25s}

section.services-slider input.acc-input:checked+.article span.right h5{-webkit-transform:translate3d(0, 0px, 0);-khtml-transform:translate3d(0, 0px, 0);-moz-transform:translate3d(0, 0px, 0);-ms-transform:translate3d(0, 0px, 0);-o-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0);opacity:1;visibility:visible;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s}

section.services-slider input.acc-input:checked+.article span.right p{-webkit-transform:translate3d(0, 0px, 0);-khtml-transform:translate3d(0, 0px, 0);-moz-transform:translate3d(0, 0px, 0);-ms-transform:translate3d(0, 0px, 0);-o-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0);opacity:1;visibility:visible;-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s;transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1) 0.75s}

header.header .wrapper h1,section.services h1,section.partner h1{font-size:3.25em;padding:0}

section.services .services-link{width:90%;padding:0}

.fake_loader{display:none}

.site-content{padding-top:60px}

#nav-toggle{position:fixed;top:0px;right:0px;width:60px;height:60px;z-index:999;display:block}

#nav-toggle span{display:block;width:25px;height:2px;background-color:#fff;position:absolute;top:50%;right:17.5px;-webkit-transform:translate3d(0%, 0, 0);-khtml-transform:translate3d(0%, 0, 0);-moz-transform:translate3d(0%, 0, 0);-ms-transform:translate3d(0%, 0, 0);-o-transform:translate3d(0%, 0, 0);transform:translate3d(0%, 0, 0)}

#nav-toggle span:first-of-type{-webkit-transform:translate3d(0, -8px, 0);-khtml-transform:translate3d(0, -8px, 0);-moz-transform:translate3d(0, -8px, 0);-ms-transform:translate3d(0, -8px, 0);-o-transform:translate3d(0, -8px, 0);transform:translate3d(0, -8px, 0);-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s}

#nav-toggle span:nth-of-type(2){width:25px;-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s}

#nav-toggle span:nth-of-type(3){-webkit-transform:translate3d(0, 8px, 0);-khtml-transform:translate3d(0, 8px, 0);-moz-transform:translate3d(0, 8px, 0);-ms-transform:translate3d(0, 8px, 0);-o-transform:translate3d(0, 8px, 0);transform:translate3d(0, 8px, 0);-webkit-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-khtml-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-moz-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-ms-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;-o-transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s;transition:all 0.1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.05s}

#nav-toggle span:nth-of-type(4){opacity:0;-webkit-transform:translate3d(0, 8px, 0);-khtml-transform:translate3d(0, 8px, 0);-moz-transform:translate3d(0, 8px, 0);-ms-transform:translate3d(0, 8px, 0);-o-transform:translate3d(0, 8px, 0);transform:translate3d(0, 8px, 0)}

#nav-toggle span:nth-of-type(5){opacity:0;-webkit-transform:translate3d(0, 8px, 0);-khtml-transform:translate3d(0, 8px, 0);-moz-transform:translate3d(0, 8px, 0);-ms-transform:translate3d(0, 8px, 0);-o-transform:translate3d(0, 8px, 0);transform:translate3d(0, 8px, 0)}

#nav-toggle span:nth-of-type(6){opacity:0;-webkit-transform:translate3d(0, 8px, 0);-khtml-transform:translate3d(0, 8px, 0);-moz-transform:translate3d(0, 8px, 0);-ms-transform:translate3d(0, 8px, 0);-o-transform:translate3d(0, 8px, 0);transform:translate3d(0, 8px, 0)}

#nav-toggle span:nth-of-type(7){-webkit-transform:rotate(-45deg) scaleX(0);-khtml-transform:rotate(-45deg) scaleX(0);-moz-transform:rotate(-45deg) scaleX(0);-ms-transform:rotate(-45deg) scaleX(0);-o-transform:rotate(-45deg) scaleX(0);transform:rotate(-45deg) scaleX(0);height:2px}

#nav-toggle span:nth-of-type(8){-webkit-transform:rotate(45deg) scaleX(0);-khtml-transform:rotate(45deg) scaleX(0);-moz-transform:rotate(45deg) scaleX(0);-ms-transform:rotate(45deg) scaleX(0);-o-transform:rotate(45deg) scaleX(0);transform:rotate(45deg) scaleX(0);height:2px}

#nav-toggle:hover span:first-of-type,#nav-toggle:hover span:nth-of-type(2),#nav-toggle:hover span:nth-of-type(3){width:0px}

#nav-toggle:hover span:first-of-type{-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;-khtml-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s;transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.2s}

#nav-toggle:hover span:nth-of-type(2){-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-khtml-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s;transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.1s}

#nav-toggle:hover span:nth-of-type(3){-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;-khtml-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s}

#nav-toggle:hover span:nth-of-type(4){opacity:1;-webkit-transform:translate3d(0, -8px, 0);-khtml-transform:translate3d(0, -8px, 0);-moz-transform:translate3d(0, -8px, 0);-ms-transform:translate3d(0, -8px, 0);-o-transform:translate3d(0, -8px, 0);transform:translate3d(0, -8px, 0);-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;-khtml-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s;transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.3s}

#nav-toggle:hover span:nth-of-type(5){opacity:1;-webkit-transform:translate3d(0, 0px, 0);-khtml-transform:translate3d(0, 0px, 0);-moz-transform:translate3d(0, 0px, 0);-ms-transform:translate3d(0, 0px, 0);-o-transform:translate3d(0, 0px, 0);transform:translate3d(0, 0px, 0);-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;-khtml-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s;transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.4s}

#nav-toggle:hover span:nth-of-type(6){opacity:1;-webkit-transform:translate3d(0, 8px, 0);-khtml-transform:translate3d(0, 8px, 0);-moz-transform:translate3d(0, 8px, 0);-ms-transform:translate3d(0, 8px, 0);-o-transform:translate3d(0, 8px, 0);transform:translate3d(0, 8px, 0);-webkit-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-khtml-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-moz-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-ms-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;-o-transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s;transition:all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s}

nav .menu{z-index:998;position:fixed;top:60px;left:0;bottom:0;right:0px;display:block;max-width:100%;visibility:hidden;-webkit-transform:inherit;-khtml-transform:inherit;-moz-transform:inherit;-ms-transform:inherit;-o-transform:inherit;transform:inherit;-webkit-backface-visibility:hidden;-khtml-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;background-color:transparent}

nav .menu h1{display:block;opacity:.4;font-size:10em;top:7.5%;left:0%;width:100%;opacity:0;text-align:center;-webkit-transform:translate3d(-33.33%, 0, 0);-khtml-transform:translate3d(-33.33%, 0, 0);-moz-transform:translate3d(-33.33%, 0, 0);-ms-transform:translate3d(-33.33%, 0, 0);-o-transform:translate3d(-33.33%, 0, 0);transform:translate3d(-33.33%, 0, 0);-webkit-transition:all 0.35s ease-out;-khtml-transition:all 0.35s ease-out;-moz-transition:all 0.35s ease-out;-ms-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out}

nav .menu ul{z-index:5;white-space:inherit;padding:0}

nav .menu ul:first-of-type{z-index:5;position:fixed;top:50%;left:50%;width:66.66%;margin-right:inherit;-webkit-transform:translate(-50%, -50%);-khtml-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}

nav .menu ul:first-of-type li{width:50%;overflow:hidden}

nav .menu ul:first-of-type li a{-webkit-transform:translate3d(-100%, 0, 0);-khtml-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:all 0.35s ease-out;-khtml-transition:all 0.35s ease-out;-moz-transition:all 0.35s ease-out;-ms-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out}

nav .menu ul:last-of-type{z-index:5;position:fixed;bottom:0;left:0;right:0px;padding-top:0;height:65px;-webkit-transform:translate3d(-100%, -65px, 0);-khtml-transform:translate3d(-100%, -65px, 0);-moz-transform:translate3d(-100%, -65px, 0);-ms-transform:translate3d(-100%, -65px, 0);-o-transform:translate3d(-100%, -65px, 0);transform:translate3d(-100%, -65px, 0);top:100%;-webkit-transition:all 0.35s ease-out;-khtml-transition:all 0.35s ease-out;-moz-transition:all 0.35s ease-out;-ms-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out}

nav .menu ul:last-of-type li{width:50%}

nav .menu ul li{width:100%}

nav .menu ul li.search-box{display:none}

nav .menu ul li a{width:100%;font-size:16px}

nav .menu ul li a:after{background-color:transparent}

nav .menu ul li a.active{border-color:transparent;color:var(--font_2)}

nav .menu .grid{position:relative}

nav .menu .grid:after{content:"";display:block;z-index:1;position:absolute;top:0;height:100%;background-color:var(--font);left:0;width:0%;-webkit-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}

nav .menu .grid span{width:0%;height:100%;position:absolute;top:0;-webkit-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:width 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}

nav .menu .grid span:before{content:"";display:block;position:absolute;top:0;height:100%;left:0;z-index:1;background-color:rgba(255,255,255,0.05)}

nav .menu .grid span:nth-of-type(1){left:33.33%;z-index:2}

nav .menu .grid span:nth-of-type(2){left:66.66%;z-index:3}

nav .menu .recrutement{display:inline-block}

nav .nav-collapse-logo{display:none}

nav .logo{z-index:998;top:0;left:0;-webkit-transform:inherit;-khtml-transform:inherit;-moz-transform:inherit;-ms-transform:inherit;-o-transform:inherit;transform:inherit;height:60px;background-color:var(--font);max-width:100%;width:100%;padding:7.5px 15px;border-bottom:1px solid rgba(255,255,255,0.05)}

nav .logo svg{height:45px;width:auto}

nav.nav-collapse{top:inherit}

nav.nav-collapse .logo{top:0;opacity:1}

nav.nav-collapse .nav-collapse-logo{display:none}

nav.nav-collapse .menu{right:0px;position:fixed;top:60px;left:0;bottom:0;display:block;font-size:20px}

header.header .wrapper{top:0}


section.partner .grid{width:90%;top:0px;margin: 0px auto;}

footer{padding:0}

footer svg{display:none}

footer ul.site-link-footer{display:none}

header.header{/*height : 25vh; min-height:unset;*/display:none;}
#test{width:100%;}

footer ul { margin: auto;}

}
@media only screen and (max-width: 768px){
	
.site-content{padding-right:0px}

section.services h1,section.partner h1{font-size:1.5em;padding:0 15px;top: 20px;position: relative;}

section.services{/*margin-bottom:120px*/}

section.services .services-link ul li{/*width:100%;*/min-width:inherit}

section.services-slider{display:block;height:300px;/*margin-top:100px*/}

section.services-slider .acc-label{min-width:130px;width:20%;height:50px;line-height:1;font-size:13px;left:inherit;right:-20%}

section.services-slider .acc-label[data-name="tour"]{bottom:0}

section.services-slider .acc-label[data-name="seo"]{bottom:50px}

section.services-slider .acc-label[data-name="web"]{bottom:100px}

section.services-slider .acc-label[data-name="trading"]{bottom:150px}

section.services-slider .acc-label[data-name="sale"]{bottom:200px}

section.services-slider .acc-label[data-name="BigData"]{bottom:250px}

section.services-slider .acc-label:hover{border-color:var(--font_2);background-color: var(--bleu_2)}

section.services-slider .acc-label:hover:before{-webkit-transform:translate3d(0, 0, 0);-khtml-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}

section.services-slider .acc-label:hover span.data-text{-webkit-transform:translate3d(0, -50%, 0);-khtml-transform:translate3d(0, -50%, 0);-moz-transform:translate3d(0, -50%, 0);-ms-transform:translate3d(0, -50%, 0);-o-transform:translate3d(0, -50%, 0);transform:translate3d(0, -50%, 0)}

section.services-slider .acc-label span.text{display:block;padding:0 15px;width:100%;position:absolute;top:50%;-webkit-transform:translateY(-50%);-khtml-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}

section.services-slider .acc-label span.data-text{display:block;position:absolute;padding:0 15px;top:50%;left:0;font-size:13px;width:100%;height:auto;text-align:center;background-color:var(--font_2);-webkit-transform:translate3d(-100%, -50%, 0);-khtml-transform:translate3d(-100%, -50%, 0);-moz-transform:translate3d(-100%, -50%, 0);-ms-transform:translate3d(-100%, -50%, 0);-o-transform:translate3d(-100%, -50%, 0);transform:translate3d(-100%, -50%, 0);-webkit-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1)}

section.services-slider .acc-label span.data-text:after{content:"";z-index:-1;display:block;position:absolute;height:100px;width:100%;background-color:var(--font_2);left:0;top:-50px;bottom:-50px}

section.services-slider .article{position:absolute;left:0;top:0;width:100%;height:100%}

section.services-slider .article span.left,section.services-slider .article span.right{position:absolute;display:block;top:0;width:50%;height:100%}

section.services-slider .article span.left{left:0;overflow:hidden;width:100%}

section.services-slider .article span.left span.bg{display:block;position:absolute;z-index:1;bottom:0;left:0;width:100%;top:0;background-position:50% 50%;background-size:cover}

section.services-slider .article span.right{right:0;overflow:hidden;width:70%;z-index:1}

section.services-slider .article span.right .titles{position:absolute;}

section.services-slider .article span.right video{display:block;position:absolute;right:0;bottom:0;z-index:0;left:0;background-color:#fff;width:100%;top:350px;height:300px}

section.services-slider .article span.right h2{color:#ffffff;font-size:24px !important;font-weight:bold;line-height:0.9;letter-spacing:-0.05em;text-transform:uppercase;margin-bottom:23px}

section.services-slider .article span.right h5{margin-bottom:16px;text-transform:uppercase;font-weight:bold}

section.services-slider .article span.right p{display:none}

}
@media only screen and (max-width: 648px){

section.services .services-link ul li .title-link h4{font-size:21px}

section.services .services-link ul li .title-link p{color:#ababab}

section.services .services-link ul li{height:120px;width: 100%;min-width: inherit;}

section.services-slider{display:block;height:300px;/*margin-top:-400px*/}

section.services-slider .acc-label{right:-130px}

section.services-slider .article{position:absolute;left:0;top:0;width:100%;height:100%}

section.services-slider .article span.left,section.services-slider .article span.right{position:absolute;display:block;top:0;width:50%;height:100%}

section.services-slider .article span.left{left:0;overflow:hidden;width:100%;background-color:var(--grey_2) }

section.services-slider .article span.left span.bg:after{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.47);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.47) 0%,transparent 100%);background:linear-gradient(to top, rgba(0,0,0,0.47) 0%,transparent 100%)}

section.services-slider .article span.right{right:0;overflow:hidden;width:100%;z-index:1}

section.services-slider .article span.right .titles{position:absolute;top:20%;bottom:0;right:130px;left:0px;padding:0 50px;padding-bottom:50px}

section.services-slider .article span.right video{display:none}

section.services-slider .article span.right h2{color:#fff;font-size:18px !important;font-weight:bold;line-height:0.9;letter-spacing:-0.05em;text-transform:uppercase;margin-bottom:23px}

section.services-slider .article span.right h5{color:white;font-weight:500;font-size:14px}

section.services-slider input.acc-input+.article span.left span.bg{-webkit-transform:inherit;-khtml-transform:inherit;-moz-transform:inherit;-ms-transform:inherit;-o-transform:inherit;transform:inherit;opacity:0;visibility:hidden;-webkit-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}

section.services-slider input.acc-input:checked+.article span.left span.bg{opacity:.8}

section.partner{padding:50px 0}

.ShowMenu nav .menu h1{-webkit-transform:translate3d(0%, -50%, 0);-khtml-transform:translate3d(0%, -50%, 0);-moz-transform:translate3d(0%, -50%, 0);-ms-transform:translate3d(0%, -50%, 0);-o-transform:translate3d(0%, -50%, 0);transform:translate3d(0%, -50%, 0)}

nav .menu h1{display:block;opacity:.4;font-size:6em;top:45%;left:0%;width:100%;opacity:0;text-align:center;-webkit-transform:translate3d(-50%, -50%, 0);-khtml-transform:translate3d(-50%, -50%, 0);-moz-transform:translate3d(-50%, -50%, 0);-ms-transform:translate3d(-50%, -50%, 0);-o-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}

nav .menu ul{z-index:5;white-space:inherit;padding:0}

nav .menu ul:first-of-type{width:100%}

nav .menu ul:first-of-type li{width:100%}

nav .menu ul:first-of-type li a{-webkit-transform:translate3d(-100%, 0, 0);-khtml-transform:translate3d(-100%, 0, 0);-moz-transform:translate3d(-100%, 0, 0);-ms-transform:translate3d(-100%, 0, 0);-o-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);-webkit-transition:all 0.35s ease-out;-khtml-transition:all 0.35s ease-out;-moz-transition:all 0.35s ease-out;-ms-transition:all 0.35s ease-out;-o-transition:all 0.35s ease-out;transition:all 0.35s ease-out;line-height:45px;height:55px}

nav .menu ul li{width:100%}

nav .menu ul li.search-box{display:none}

nav .menu ul li a{width:100%;font-size:14px}

nav .menu ul li a:after{background-color:transparent}

nav .menu ul li a.active{border-color:transparent;color:var(--font_2)}

nav .menu .grid{position:relative}

nav .menu .grid:after{content:"";display:none}

nav .menu .grid span{width:0%;height:100%;position:absolute;top:0;-webkit-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 0.8s cubic-bezier(0.165, 0.84, 0.44, 1)}

nav .menu .grid span:nth-of-type(1){left:0%;z-index:2}

nav .menu .grid span:nth-of-type(2){left:50%;z-index:3}

header.header{min-height:0px;height:400px}

header.header .wrapper h1{font-size:2.5em}

}
@media only screen and (max-width: 460px){

nav .logo{text-align:left}
nav .menu ul:last-of-type li a{padding:0 10px;font-size:18px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

section.partner{padding: 20px 0;}
section.partner .grid{width:90%;/*padding-top:90%*/}
section.partner .grid ul li{width:50%;border:0 !important}
section.services-slider{display:block;height:300px;/*margin-top:-400px*/}
section.services-slider .acc-label{right:-130px}
section.services-slider .article{position:absolute;left:0;top:0;width:100%;height:100%}
section.services-slider .article span.left,section.services-slider .article span.right{position:absolute;display:block;top:0;width:50%;height:100%}
section.services-slider .article span.left{left:0;overflow:hidden;width:100%;background-color:var(--grey_2) }
section.services-slider .article span.left span.bg:after{content:"";display:block;
position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.47);background:-webkit-linear-gradient(bottom, rgba(0,0,0,0.47) 0%,transparent 100%);
background:linear-gradient(to top, rgba(0,0,0,0.47) 0%,transparent 100%)}
section.services-slider .article span.right{right:0;overflow:hidden;width:100%;z-index:1}
section.services-slider .article span.right .titles{position:absolute;right:130px;left:0px;padding:0 25px;padding-bottom:25px}
section.services-slider .article span.right video{display:none}
section.services-slider .article span.right h2{color:#fff;
font-size:16px !important;
font-weight:bold;line-height:0.9;letter-spacing:-0.05em;text-transform:uppercase;margin-bottom:23px}
section.services-slider .article span.right h5{color:white}
section.services-slider input.acc-input+.article span.left span.bg{
-webkit-transform:inherit;
-khtml-transform:inherit;
-moz-transform:inherit;-ms-transform:inherit;-o-transform:inherit;transform:inherit;opacity:0;visibility:hidden;-webkit-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-khtml-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-moz-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-ms-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);-o-transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1);transition:all 1s cubic-bezier(0.165, 0.84, 0.44, 1)}
section.services-slider input.acc-input:checked+.article span.left span.bg{opacity:.8}

header.header .wrapper .title{top:22.5%}
header.header .wrapper h1{font-size:2em}

}

@keyframes preloaderborder{
	
0%{border:55vh solid var(--grey_3)}
100%{border:0 solid var(--grey_3);visibility:hidden}

}
@keyframes wrapperh1{
0%{margin:100px auto 23px;opacity:0}
100%{margin:0px auto 23px;opacity:1}
}
@keyframes zoomout{
0%{transform:scale3d(1.2, 1.2, 1.2)}
100%{transform:scale3d(1, 1, 1)}
}
@media only screen and (max-width: 648px){.services-slider{display:block!important} }