@charset "UTF-8";
a img,button{
border:none
}
a,abbr,address,article,aside,audio,b,blockquote,body,button,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{
padding:0;
margin:0;
	
}
h1,h2,h3,h4,h5,h6{
font-family:montserrat,roboto,Helvetica,Arial,sans-serif;
}
#top-bar,body,html{
width:100%
}
#logo,#top-bar{
position:absolute
}
#logo,#logo svg,article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
display:block
}
#nav-is-open:checked~#nav-toggle #nav-toggle__list,.js #logo,.js #nav,.nav-toggle--close #nav-toggle__list{
visibility:hidden
}
#ajax-loading-page,#ajax-loading__outer,#home-landing__bg,#home-page,#main-loading__outer,.home-screen{
overflow:hidden
}
#contact__form input:focus,#contact__form select:focus,#contact__form textarea:focus,#solutions__material__select__input:focus,.contact__form__subject__item label:focus,a,a:active,a:hover,button{
outline:0
}
html{
box-sizing:border-box;
height:100%
}
*,:after,:before{
box-sizing:inherit
}
li{
list-style-type:none
}
@font-face{
font-family:gt_walsheim;
src:url("font/Montserrat/Montserrat-VariableFont_wght.ttf"),url(font/Montserrat/Montserrat-VariableFont_wght.ttf) format("ttf");
font-weight:700;
font-style:normal
}
@font-face{
font-family:gt_walsheim;
src:url("font/Montserrat/Montserrat-VariableFont_wght.ttf"),url(font/Montserrat/Montserrat-VariableFont_wght.ttf) format("ttf");
font-weight:500;
font-style:normal
}
@font-face{
font-family:roboto;
src:url(../fonts/roboto-medium.woff2) format("woff2"),url(../fonts/roboto-medium.woff) format("woff");
font-weight:500;
font-style:normal
}
@font-face{
font-family:roboto;
src:url(../fonts/roboto-regular.woff2) format("woff2"),url(../fonts/roboto-regular.woff) format("woff");
font-weight:400;
font-style:normal
}
@font-face{
font-family:montserrat;
src:url("font/Montserrat/Montserrat-VariableFont_wght.ttf"),url(font/Montserrat/Montserrat-VariableFont_wght.ttf) format("ttf");
font-weight:700;
font-style:normal
}
body{
min-height:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
font-family:montserrat,roboto,Helvetica,Arial,sans-serif;
font-weight:400;
font-size:16px;
line-height:1em;
overflow-x:hidden
}
a{
text-decoration:none;
color:#000
}
button{
cursor:pointer;
background:0 0;
border-radius:0
}
button:disabled{
cursor:default
}
#top-bar{
top:0;
left:0;
z-index:50
}
#logo{
top:23px;
left:6.28%;
width:225px;
height:53px;
max-width:150px;
z-index:60;
transform-origin:top left;
transition:transform .9s cubic-bezier(.77,0,.175,1)
}
@media screen and (min-width:1024px){
#logo{
left:7.23%;
width:225px;
height:53px;
max-width:none
}

}
@media screen and (min-width:1280px){
#logo{
left:8.13%;
width:225px;
height:53px;
margin-left:-40px
}
.page-id-home #logo{
width:225px;
height:53px;
margin-left:0
}
.page-id-about #logo,.page-id-contact #logo,.page-id-terms #logo{
margin-left:0
}
#logo.logo--small{
transform:translateX(-42.11%) scale(.8772,.8772)
}

}
#logo svg{
width:100%;
height:100%
}
#logo path{
fill:#fff;
transition:fill .7s
}
#logo.logo--dark path,.page-id-about #logo path,.page-id-not-found #logo path,.page-id-process #logo path,.page-id-solutions #logo path{
fill:#000
}
#nav-is-open{
display:none
}
#nav-toggle{
position:fixed;
top:0;
right:0;
display:block;
width:87px;
height:auto;
visibility:inherit;
z-index:100;
cursor:pointer
}
#nav-toggle__cross,#nav-toggle__list,.nav-toggle__cross__line,.nav-toggle__list__line{
position:absolute;
display:block
}
.is-ie #nav-toggle{
background-color:rgba(0,0,0,.001)
}
#nav-is-open:checked~#nav-toggle,#nav-toggle.nav-toggle--close{
background-color:#72bf44;
transition:background-color .4s
}
.no-touchevents #nav-is-open:checked~#nav-toggle:hover,.no-touchevents #nav-toggle.nav-toggle--close:hover{
background-color:#bfd730
}
#nav-toggle::before{
content:"";
display:block;
width:100%;
height:auto;
padding-bottom:82.69%
}
#nav-toggle__list{
top:50%;
right:30.23%;
width:30px;
height:19px;
margin-top:-10px
}
@media screen and (min-width:1024px){
.page-id-contact #logo path,.page-id-process #logo path,.page-id-projects #logo path,.page-id-terms #logo path{
fill:#000
}
#nav-toggle{
right:.97%;
width:86px;
max-width:none;
height:82px
}
#nav:not(.nav--fullscreen) #nav-toggle{
visibility:hidden
}
#nav-toggle::before{
content:none
}
#nav-toggle__list{
right:42px
}

}
.nav-toggle__list__line{
right:0;
width:100%;
height:3px;
background-color:#fff;
transition:background-color .7s,transform .5s cubic-bezier(.19,1,.22,1);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.no-touchevents #nav-toggle:hover .nav-toggle__list__line{
transition:background-color .3s,transform .5s cubic-bezier(.19,1,.22,1);
background-color:#d4d4d4;
transform:translateX(50%)
}
.nav-toggle--dark .nav-toggle__list__line,.page-id-about .nav-toggle__list__line,.page-id-not-found .nav-toggle__list__line,.page-id-process .nav-toggle__list__line,.page-id-solutions .nav-toggle__list__line{
background-color:#3A3A3A
}
@media screen and (min-width:1024px){
.page-id-contact .nav-toggle__list__line,.page-id-terms .nav-toggle__list__line{
background-color:#3A3A3A
}

}
.no-touchevents #nav-toggle.nav-toggle--dark:hover .nav-toggle__list__line{
background-color:#6f6f6f
}
.nav-toggle__list__line:nth-child(1){
top:0
}
.nav-toggle__list__line:nth-child(2){
top:8px
}
.nav-toggle__list__line:nth-child(3){
top:16px;
width:44.44444%
}
#nav-toggle__cross{
top:50%;
left:50%;
visibility:hidden
}
#nav-is-open:checked~#nav-toggle #nav-toggle__cross,.nav-toggle--close #nav-toggle__cross{
visibility:inherit
}
.nav-toggle__cross__line{
top:0;
left:0;
width:23px;
height:3px;
margin-left:-12px;
margin-top:-2px;
background-color:#fff
}
.nav-toggle__cross__line:nth-child(1){
transform:rotate(-45deg)
}
.nav-toggle__cross__line:nth-child(2){
transform:rotate(45deg)
}
@media screen and (max-width:1023px){
#nav__content{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:90;
visibility:hidden;
overflow:hidden
}
#nav-is-open:checked~#nav__content{
visibility:inherit
}

}
.nav--fullscreen #nav__content{
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:90;
visibility:hidden;
overflow:hidden
}
#nav-is-open:checked~.nav--fullscreen #nav__content{
visibility:inherit
}
@media screen and (min-width:1024px){
#nav:not(.nav--fullscreen) #nav__content{
position:absolute;
top:0;
left:0;
display:block;
width:100%;
padding:0 7.23%;
text-transform:uppercase;
font-weight:500;
font-size:14px;
text-align:right;
z-index:50;
overflow:hidden
}

}
@media screen and (max-width:1023px){
#nav__content__inner{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-flow:column;
flex-flow:column;
background-color:#f1f1f1;
text-align:center
}

}
.nav--fullscreen #nav__content__inner{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-flow:column;
flex-flow:column;
background-color:#f1f1f1;
text-align:center
}
#nav__content__bg{
position:absolute;
top:0;
left:0;
display:none
}
.js .nav--fullscreen #nav__content__bg{
display:block
}
#nav__content__bg svg{
width:100%;
height:100%
}
#nav__content__bg path{
stroke:#f1f1f1
}
.nav__list{
position:relative
}
@media screen and (max-width:1023px){
.js #nav__content__bg{
display:block
}
#nav__main-list{
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:500;
font-size:40px;
font-size:8.33vw;
line-height:1.46em
}
#nav__main-list .nav__item:last-child{
margin-bottom:1.18em
}

}
@media screen and (min-width:768px) and (max-width:1023px){
#nav__main-list{
font-size:46px;
font-size:5.99vw;
line-height:1.26em
}

}
.nav--fullscreen #nav__main-list{
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:500;
font-size:40px;
font-size:8.33vw;
line-height:1.46em
}
@media screen and (min-width:768px){
.nav--fullscreen #nav__main-list{
font-size:46px;
font-size:5.99vw;
line-height:1.26em
}

}
@media screen and (max-height:460px){
#nav__main-list,.nav--fullscreen #nav__main-list{
font-size:10vh;
line-height:1.26em
}

}
@media screen and (min-width:1024px){
#nav:not(.nav--fullscreen) .nav__list{
display:inline-block;
height:82px;
margin-right:-20px
}
#nav:not(.nav--fullscreen) #nav__main-list{
margin-right:11.46%
}
.nav--fullscreen #nav__main-list{
font-size:40px;
font-size:5.47vw;
line-height:1.16em
}

}
@media screen and (min-width:1280px){
#nav:not(.nav--fullscreen) #nav__content{
padding:0 8.13%
}
#nav:not(.nav--fullscreen) #nav__main-list{
margin-right:5%
}
.nav--fullscreen #nav__main-list{
font-size:40px;
font-size:5.16vw
}

}
@media screen and (min-width:1400px){
.nav--fullscreen #nav__main-list{
font-size:40px
}

}
@media screen and (min-width:1024px){
#nav:not(.nav--fullscreen) .nav__item{
position:relative;
display:block;
float:left;
height:100%
}
#nav:not(.nav--fullscreen) .nav__item--selected::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:2px;
background-color:#f0f0f0
}
.page-id-home #nav:not(.nav--fullscreen) .nav__item--selected::after{
content:none
}

}
.nav--fullscreen #nav__main-list .nav__item:last-child{
margin-bottom:1.18em
}
@media screen and (max-height:460px){
#nav__main-list .nav__item:last-child,.nav--fullscreen #nav__main-list .nav__item:last-child{
margin-bottom:.7em
}

}
@media screen and (max-width:1023px){
#nav__side-list .nav__item{
display:inline-block;
font-weight:500;
font-size:13px;
line-height:1em;
letter-spacing:.15em;
text-transform:uppercase;
color:#000
}

}
.nav--fullscreen #nav__side-list .nav__item{
display:inline-block;
font-weight:500;
font-size:13px;
line-height:1em;
letter-spacing:.15em;
text-transform:uppercase;
color:#000
}
.nav--fullscreen .nav__link,.nav__link{
color:#131313;
transition:color .2s;
	text-decoration: none;
}
.nav__item--selected .nav--fullscreen .nav__link,.nav__item--selected .nav__link{
color:#72bf44;
cursor:default
}
.no-touchevents .nav__item:not(.nav__item--selected) .nav--fullscreen .nav__link:hover,.no-touchevents .nav__item:not(.nav__item--selected) .nav__link:hover{
color:#8d8d8d;
text-decoration:none;	
}
@media screen and (min-width:1024px){
#nav:not(.nav--fullscreen) .nav__link{
position:relative;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
height:100%;
padding:0 10px;
color:#969696;
transition:color .5s;
text-decoration:none;	
}
.page-id-home #nav:not(.nav--fullscreen) .nav__link{
color:#fff!important
}
.no-touchevents #nav:not(.nav--fullscreen) .nav__link::after{
content:"";
position:absolute;
bottom:0;
left:0;
width:100%;
height:3px;
background-color:#72bf44;
opacity:1;
transform-origin:right top;
transform:scaleX(0);
transition:transform .3s cubic-bezier(.77,0,.175,1),color .5s
}
.no-touchevents .page-id-home #nav:not(.nav--fullscreen) .nav__link::after{
opacity:.1
}
#nav:not(.nav--fullscreen) .nav__link:hover::after{
color:#fff;
transform:scaleX(1);
transform-origin:left top;
transition:transform .4s cubic-bezier(.77,0,.175,1),color .5s
}
.no-touchevents #nav.nav--right-dir:not(.nav--fullscreen) .nav__link::after{
transform-origin:left top
}
#nav.nav--right-dir:not(.nav--fullscreen) .nav__link:hover::after{
transform-origin:right top
}
#nav:not(.nav--fullscreen) .nav__item--selected .nav__link{
color:#6c6c6c
}

}
#nav:not(.nav--fullscreen) .nav__item--selected .nav__link::after{
content:none
}
@media screen and (max-width:1023px){
#nav__side-list .nav__link{
padding:0 7px;
color:#7d7d7d
}
.no-touchevents #nav__side-list .nav__link:hover{
color:#000
}
#projects__nav__shrink__txt{
white-space:nowrap
}

}
.nav--fullscreen #nav__side-list .nav__link{
padding:0 7px;
color:#7d7d7d
}
.no-touchevents .nav--fullscreen #nav__side-list .nav__link:hover{
color:#000
}
@media screen and (min-width:1024px){
#nav:not(.nav--fullscreen) .nav__link__label{
position:relative;
display:inline-block;
z-index:2;
letter-spacing:1px
}

}
#footer__credits,.footer__page__title{
text-transform:uppercase;
letter-spacing:.15em
}
#footer{
padding:60px 0 40px;
background-color:#101010;
color:#fff
}
@media screen and (min-width:1024px){
#footer{
padding:70px 0 50px
}

}
.page-id-home #footer,.page-id-not-found #footer,.page-id-projects #footer{
display:none
}
#footer__inner{
position:relative;
display:-ms-flexbox;
display:flex;
margin:0 6.52%;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
@media screen and (min-width:1024px){
#footer__inner{
-ms-flex-direction:row;
flex-direction:row;
-ms-flex-align:start;
align-items:flex-start;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0 6.25%
}
#footer__inner::after{
content:"";
position:absolute;
top:97px;
left:0;
width:100%;
height:1px;
background-color:#272727
}

}
#footer__logo{
width:133px;
height:41px
}
#footer__logo2{
width:133px;
height:41px
}
#footer__logo svg{
display:block;
width:100%;
height:100%
}
#footer__logo path{
fill:#fff
}
#footer__pages{
display:-ms-flexbox;
display:flex;
width:100%;
padding:25px 0;
margin-top:60px;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:center;
justify-content:center;
border-top:1px solid #414141;
border-bottom:1px solid #414141
}
@media screen and (min-width:1024px){
#footer__pages{
width:83.14%;
padding:0;
margin-top:35px;
-ms-flex-pack:end;
justify-content:flex-end;
border:none
}

}
@media screen and (min-width:1280px){
#footer{
padding-top:120px
}
#footer__inner{
margin:0 8.13%
}
#footer__logo{
width:160px;
height:50px
}
#footer__pages{
width:74.79%
}

}
#footer__pages::after{
content:"";
width:100%;
-ms-flex-order:1;
order:1
}
.footer__page{
display:inline-block;
height:40px;
-ms-flex-preferred-size:20%;
flex-basis:20%;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
-ms-flex-order:1;
order:1
}
@media screen and (min-width:1024px){
.footer__page{
height:auto;
min-width:11.23%;
padding-left:20px;
-ms-flex-preferred-size:auto;
flex-basis:auto
}

}
.footer__page:nth-child(n+6){
-ms-flex-order:2;
order:2
}
@media screen and (min-width:1024px){
.footer__page:nth-child(n+6){
-ms-flex-order:1;
order:1
}
.footer__page:last-child{
min-width:0
}

}
#footer__page--contact{
margin-left:10.12%
}
.footer__page__title{
display:-ms-flexbox;
text-decoration: none;
display:flex;
width:100%;
height:100%;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
color:#c4c4c4;
font-size:9px;
line-height:1em;
font-weight:500;
transition:color .3s
}
@media screen and (min-width:1024px){
.footer__page__title{
display:inline-block;
width:auto;
height:auto;
margin-bottom:135px
}

}
.no-touchevents .footer__page__title:hover{
color:#fff
}
.footer__page__sections{
display:none
}
@media screen and (min-width:1024px){
.footer__page__sections{
display:block
}

}
.footer__page__section__title{
display:inline-block;
margin-bottom:10px;
color:#868686;
font-size:12px;
line-height:1em;
transition:color .3s
}
.no-touchevents .footer__page__section__title:hover{
color:#fff
}
#footer__contact{
margin-top:70px;
font-weight:500;
font-size:12px;
line-height:1.67em;
color:#959595
}
#footer__contact strong{
display:inline-block;
padding-bottom:20px;
font-weight:500;
color:#fff
}
#footer__bottom{
display:-ms-flexbox;
display:flex;
width:100%;
margin-top:135px;
font-size:12px;
line-height:1em
}
#footer__copyright{
margin-right:40px;
color:#656565
}
#footer__terms{
color:#a4a4a4
}
#footer__credits{
margin-left:auto;
font-size:9px;
line-height:1.33em
}
#footer__credits__txt{
color:#6c6c6c
}
#footer__credits__link{
color:#c6c6c6
}
.js .page{
visibility:hidden
}
#main-loading-page{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
visibility:hidden;
z-index:200
}
#main-loading__overlay{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:rgba(0,0,0,.3)
}
#ajax-loading__inner,#ajax-loading__outer,#main-loading__inner,#main-loading__outer{
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}
#ajax-loading__inner,#main-loading__inner{
background-color:#fff
}
#main-loading__lines{
position:absolute;
top:0;
left:0
}
#main-loading__lines svg,#main-loading__logo svg{
display:block;
width:100%;
height:100%
}
#main-loading__lines path{
stroke:#f9f9f9
}
#main-loading__logo{
position:absolute;
top:50%;
left:50%;
width:154px;
height:79px;
margin-top:-40px;
margin-left:-77px
}
#main-loading__progress{
position:absolute;
bottom:40px;
left:0;
width:100%;
text-align:center;
line-height:1em
}
#main-loading__progress__value{
margin-bottom:20px;
color:#c8c8c8;
font-size:25px;
font-family:montserrat,Helvetica,Arial,sans-serif
}
#ajax-loading__txt,#main-loading__progress__txt{
font-size:10px;
color:#575757;
text-transform:uppercase
}
#home-landing__content,.home-screen__step__content__subtitle,.home-screen__step__content__title{
font-family:gt_walsheim,Helvetica,Arial,sans-serif
}
#main-loading__progress__txt{
font-weight:500;
letter-spacing:.2em
}
#ajax-loading-page{
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
visibility:hidden;
z-index:150
}
#ajax-loading__overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:rgba(0,0,0,.3)
}
#ajax-loading__anim{
position:absolute;
top:50%;
left:50%;
margin-top:-64px;
margin-left:-144px
}
#ajax-loading__txt{
position:absolute;
top:50%;
left:50%;
width:288px;
margin-top:64px;
margin-left:-144px;
text-align:center
}
#home-page{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#f1f1f1
}
#home-landing{
color:#fff;
background-color:#000
}
.no-js #home-landing{
visibility:inherit
}
#home-landing__bg{
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}
.mobile #home-landing__bg{
background-position:center center;
background-size:cover;
background-repeat:no-repeat;
background-image:url(img/home-landing.jpg)
}
@media screen and (orientation:landscape){
.mobile #home-landing__bg{
background-image:url(img/home-landing-landscape.jpg)
}

}
@media screen and (min-width:768px){
.mobile #home-landing__bg{
background-image:url(img/home-landing-landscape.jpg)
}

}
#home-landing__bg::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:42.22%;
z-index:2;
background:linear-gradient(to bottom,rgba(0,0,0,.4),transparent);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#home-landing__bg__video{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
@media (min-aspect-ratio:16 / 9){
#home-landing__bg__video{
top:-100%;
height:300%
}

}
@media (max-aspect-ratio:16 / 9){
#home-landing__bg__video{
left:-100%;
width:300%
}

}
@supports (object-fit:cover){
#home-landing__bg__video{
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover
}

}
#home-landing__content{
position:absolute;
bottom:93px;
left:0;
display:-ms-flexbox;
display:flex
}
@media screen and (min-width:1024px){
#footer__contact{
position:absolute;
top:185px;
left:0;
margin-top:0
}
#footer__contact strong{
padding-bottom:0
}
#home-landing__content{
bottom:87px;
right:7.23%
}

}
#home-landing__content__text{
position:relative;
padding:35px 13.53%
}
@media screen and (min-width:1024px){
#home-landing__content__text{
width:77.03%;
padding:40px 0 40px 7.77%
}
#home-landing__content__text__body,#home-landing__content__text__heading{
display:inline-block;
width:45.12%;
vertical-align:top
}

}
#home-landing__content__text__bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#72bf44;
z-index:2;
transform-origin:right top
}
#home-landing__content__text__heading{
position:relative;
z-index:2
}
@media screen and (min-width:1024px){
#home-landing__content__text__heading{
margin-right:9.66%
}

}
@media screen and (min-width:1280px){
#home-landing__content{
right:8.13%
}
#home-landing__content__text{
padding-left:8.84%
}
#home-landing__content__text__body,#home-landing__content__text__heading{
width:43.83%;
padding-left:5.56%
}
#home-landing__content__text__heading{
margin-right:12.25%
}

}
#home-landing__content__text__heading__baseline{
padding-bottom:10px;
text-transform:uppercase;
font-size:9px;
font-weight:700;
letter-spacing:.4em;
opacity:.5
}
@media screen and (min-width:1024px){
#home-landing__content__text__heading__baseline{
font-size:10px
}

}
#home-landing__content__text__heading__title{
max-width:450px;
font-weight:500;
font-size:20px;
line-height:1.1em
}
@media screen and (min-width:1024px){
#home-landing__content__text__heading__title{
font-size:27px;
font-family: montserrat,Helvetica,Arial,sans-serif
}

}
#home-landing__content__text__body{
position:relative;
padding-top:15px;
font-size:14px;
font-weight:500;
opacity:.6;
letter-spacing:.04em;
line-height:1.5em;
z-index:2
}
@media screen and (min-width:1024px){
#home-landing__content__text__body{
padding-top:30px;
padding-left:4.57%;
padding-right:7.62%;
margin-left:-4px;
font-size:12px;
line-height:1.92em
}

}
@media screen and (min-width:1280px){
#home-landing__content__text__body{
padding-top:25px;
padding-right:10.12%;
font-size:14px;
line-height:1.9em
}

}
@media screen and (min-width:1600px){
#home-landing__content__text{
padding-top:60px;
padding-bottom:60px
}
#home-landing__content__text__body{
font-size:15px
}

}
#home-landing__content__cta,.home-landing__line{
display:none
}
@media screen and (min-width:1024px){
#home-landing__content__cta{
position:relative;
display:block;
min-width:22.9%;
font-weight:700;
color:#72bf44;
text-align:center;
font-size:13px
}

}
#home-landing__content__cta__bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#fff;
transform-origin:right top
}
#home-landing__content__cta__label{
position:relative;
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center
}
@media screen and (min-width:1024px){
#home-landing__content__cta__bg::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:block;
background-color:#72bf44;
transform:scaleY(0);
transform-origin:bottom left;
transition:transform .3s cubic-bezier(.88,.01,.15,.99)
}
.no-touchevents #home-landing__content__cta:hover #home-landing__content__cta__bg::before{
transform:scaleY(1);
transform-origin:top left
}
.no-touchevents #home-landing__content__cta:hover #home-landing__content__cta__label{
animation:home-landing__content__cta__label__roll-over .5s cubic-bezier(.77,0,.175,1) forwards
}

}
@keyframes home-landing__content__cta__label__roll-over{
25%{
transform:translateY(20px)
}
25.001%{
transform:translateY(-20px);
color:#fff;
opacity:0
}
100%{
transform:translateY(0);
opacity:1;
color:#fff
}

}
#home-landing__scroll{

    position:absolute;

    left:50% !important;

    right:auto !important;

    bottom:0;

    transform:translateX(-50%);

    width:93px;

    height:93px;

    fill:#72bf44;

    background-color:#fff;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

}
@media screen and (min-width:1024px){
#home-landing__scroll{

        left:50% !important;

        right:auto !important;

        bottom:5px;

        transform:translateX(-50%);

        width:93px;

        height:93px;

        padding:20px 0;

        fill:#fff;

        background-color:transparent;

        display:flex;

        justify-content:center;

        align-items:center;

    
}
.is-ie10 #home-landing__scroll{
background-color:rgba(0,0,0,.001)
}
.no-touchevents #home-landing__scroll:hover #home-landing__scroll__icon{
animation:home-landing__scroll__icon__roll-over .6s cubic-bezier(.19,1,.22,1) forwards
}
.no-touchevents.is-ie #home-landing__scroll:hover #home-landing__scroll__icon{
fill:#72bf44
}

}
@media screen and (min-width:1280px){
#home-landing__content__cta{
font-size:14px
}
#home-landing__scroll{

        width:93px;

    
}

}
#home-landing__scroll__icon{
display:inline-block;
width:20px;
height:34px
}
@keyframes home-landing__scroll__icon__roll-over{
from{
transform:translateY(-50px);
opacity:0;
fill:#72bf44
}
to{
transform:translateY(0);
opacity:1;
fill:#72bf44
}

}
@media screen and (min-width:1024px){
.home-landing__line{
position:absolute;
display:block;
width:1px;
background-color:#fff;
opacity:0;
z-index:2
}

}
.home-screen,.home-screen__step{
width:100%;
height:100%;
visibility:hidden
}
.home-landing__line:nth-child(1){
top:0;
bottom:0;
left:7.15%;
transform-origin:top
}
@media screen and (min-width:1024px){
.home-landing__line:nth-child(1){
left:4.1%
}

}
@media screen and (min-width:1280px){
.home-landing__line:nth-child(1){
left:7.15%
}

}
.home-landing__line:nth-child(2){
top:0;
bottom:0;
left:42.5%;
transform-origin:top
}
.home-landing__line:nth-child(3),.home-screen__step-1__lines__line:nth-child(1){
transform-origin:bottom;
bottom:0
}
@media screen and (min-width:1024px){
.home-landing__line:nth-child(2){
left:41.39%
}

}
@media screen and (min-width:1280px){
.home-landing__line:nth-child(2){
left:42.5%
}

}
.home-landing__line:nth-child(3){
top:96px;
right:8.13%
}
.home-screen,.home-screen__step,.home-screen__step-1__bg,.home-screen__step-1__bg__video{
top:0;
left:0;
position:absolute
}
@media screen and (min-width:1024px){
.home-landing__line:nth-child(3){
right:7.23%
}
#home-screen-1 .home-screen__step__content,#home-screen-5 .home-screen__step__content{
width:39.26%
}

}
@media screen and (min-width:1400px){
#home-screen-1 .home-screen__step__content,#home-screen-5 .home-screen__step__content{
width:31.22%
}

}
@media screen and (min-width:1024px){
#home-screen-2 .home-screen__step__content{
width:35.16%
}

}
@media screen and (min-width:1400px){
#home-screen-2 .home-screen__step__content{
width:31.22%
}

}
@media screen and (min-width:1024px){
#home-screen-3 .home-screen__step__content{
width:46.48%
}

}
@media screen and (min-width:1400px){
#home-screen-3 .home-screen__step__content{
width:31.22%
}

}
@media screen and (min-width:1024px){
#home-screen-4 .home-screen__step__content{
width:39.26%
}

}
@media screen and (min-width:1280px){
.home-landing__line:nth-child(3){
right:8.13%
}
#home-screen-4 .home-screen__step__content{
width:27.36%
}

}
@media screen and (min-width:1024px){
#home-screen-6 .home-screen__step__content{
width:42.38%
}

}
@media screen and (min-width:1400px){
#home-screen-6 .home-screen__step__content{
width:34.38%
}

}
@media screen and (min-width:1024px){
#home-screen-7 .home-screen__step__content{
width:42.38%
}

}
.home-screen__step__content__title{
letter-spacing:.06em;
font-weight:700;
font-size:16px
}
.home-screen__step__content__subtitle{
font-weight:500;
font-size:25px;
line-height:1.1905em
}
#home-pagination__number,.projects__nav__index{
font-family:montserrat,Helvetica,Arial,sans-serif
}
@media screen and (min-width:1024px){
.home-screen__step__content__subtitle{
max-width:650px;
font-size:37px;
line-height:1.1351em
}

}
@media screen and (max-height:680px){
.home-screen__step__content__subtitle{
font-size:28px
}

}
@media screen and (min-width:1400px){
#home-screen-7 .home-screen__step__content{
width:34.38%
}
.home-screen__step__content__subtitle{
font-size:42px;
line-height:1em
}

}
.home-screen__step-1__bg{
width:100%;
height:100%;
z-index:2
}
.home-screen__step-1__bg__video{
visibility:hidden
}
.home-screen__step-1__bg__canvas{
position:absolute;
top:0;
left:0;
display:block
}
.home-screen__step-1__lines__line{
position:absolute;
width:1px;
background-color:#fff;
visibility:inherit;
opacity:0;
z-index:2
}
@media screen and (min-width:1024px){
.home-screen__step-1__lines__line:nth-child(1){
top:12.63%;
left:24.8%
}
.home-screen__step-1__lines__line:nth-child(2){
right:13.48%
}

}
@media screen and (min-width:1280px){
.home-screen__step-1__lines__line:nth-child(1){
top:10.22%;
left:21.46%
}
.home-screen__step-1__lines__line:nth-child(2){
right:10.42%
}

}
.home-screen__step-1__lines__line:nth-child(2){
top:0;
bottom:0;
transform-origin:top
}
.home-screen__step-1__content{
position:absolute;
bottom:18.12%;
left:21.74%;
width:72.46%;
z-index:2
}
@media screen and (min-width:1024px){
.home-screen__step-1__content{
top:36.46%;
bottom:auto;
left:28.91%;
width:auto
}

}
@media screen and (min-width:1280px){
.home-screen__step-1__content{
top:37.22%;
left:29.17%
}

}
.home-screen__step-1__content__title{
padding-bottom:20px;
color:#72bf44
}
@media screen and (min-width:1024px){
.home-screen__step-1__content__title{
padding-bottom:30px
}

}
.home-screen__step-1__content__subtitle{
padding-bottom:25px;
color:#fff
}
@media screen and (min-width:1024px){
.home-screen__step-1__content__subtitle{
padding-bottom:35px;
transform-origin:left top;
transform:scale(1.2973,1.2973)
}

}
@media screen and (min-height:1024px) and (max-height:680px){
.home-screen__step-1__content__subtitle{
transform:scale(1.3214,1.3214)
}

}
@media screen and (min-width:1400px){
.home-screen__step-1__content__subtitle{
padding-bottom:25px;
transform:scale(1.5238,1.5238)
}

}
.home-screen__step-2{
background-color:#f1f1f1
}
.home-screen__step-2__img{
display:none;
background-color:inherit
}
@media screen and (min-width:1024px){
.home-screen__step-2__img{
position:absolute;
display:block;
background-repeat:no-repeat;
background-position:center center;
background-size:cover
}
#home-screen-2 .home-screen__step-2__img{
top:0;
right:0;
bottom:0;
left:28.91%;
background-image:url(img/home-screen-2-step-2.jpg)
}

}
#home-screen-1 .home-screen__step-2__img,#home-screen-5 .home-screen__step-2__img,#home-screen-6 .home-screen__step-2__img,.home-screen__step-2__lines__line:nth-child(2){
display:none
}
@media screen and (min-width:1280px){
#home-screen-2 .home-screen__step-2__img{
left:29.17%
}

}
@media screen and (min-width:1024px){
#home-screen-3 .home-screen__step-2__img{
top:0;
right:27.93%;
bottom:0;
left:0;
background-image:url(img/home-screen-3-step-2.jpg)
}

}
@media screen and (min-width:1280px){
#home-screen-3 .home-screen__step-2__img{
right:28.47%
}

}
@media screen and (min-width:1024px){
#home-screen-4 .home-screen__step-2__img{
top:0;
right:0;
bottom:0;
left:71.29%;
background-image:url(img/home-screen-4-step-2.jpg)
}

}
@media screen and (min-width:1280px){
#home-screen-4 .home-screen__step-2__img{
left:64.24%
}

}
@media screen and (min-width:1024px){
#home-screen-7 .home-screen__step-2__img{
top:0;
right:0;
bottom:0;
left:49.61%;
background-image:url(img/1-pre.jpg)
}

}
@media screen and (min-width:1280px){
#home-screen-7 .home-screen__step-2__img{
left:43.19%
}

}
.home-screen__step-2__img__overlay{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:inherit;
visibility:hidden
}
.home-screen__step-2__bg{
position:absolute;
top:92px;
left:0;
bottom:0;
width:100%;
background-color:#fff
}
@media screen and (min-width:1024px){
.home-screen__step-2__bg{
top:auto;
right:auto;
bottom:auto;
left:auto
}
#home-screen-1 .home-screen__step-2__bg,#home-screen-5 .home-screen__step-2__bg{
bottom:0;
left:0;
width:86.72%;
height:83.33%
}

}
@media screen and (min-width:1280px){
#home-screen-1 .home-screen__step-2__bg,#home-screen-5 .home-screen__step-2__bg{
width:84.58%;
height:81.11%
}

}
@media screen and (min-width:1024px){
#home-screen-2 .home-screen__step-2__bg{
bottom:0;
left:0;
width:86.72%;
height:90.49%
}

}
@media screen and (min-width:1280px){
#home-screen-2 .home-screen__step-2__bg{
width:77.57%;
height:90.56%
}

}
@media screen and (min-width:1024px){
#home-screen-3 .home-screen__step-2__bg{
right:0;
bottom:0;
width:74.41%;
height:85.94%
}

}
@media screen and (min-width:1280px){
#home-screen-3 .home-screen__step-2__bg{
width:77.78%;
height:80%
}

}
@media screen and (min-width:1024px){
#home-screen-4 .home-screen__step-2__bg{
left:3.42%;
width:67.87%;
height:100%
}

}
@media screen and (min-width:1280px){
#home-screen-4 .home-screen__step-2__bg{
left:2.43%;
width:61.81%
}

}
@media screen and (min-width:1024px){
#home-screen-6 .home-screen__step-2__bg{
top:0;
right:13.48%;
bottom:13.48vw;
left:13.48%;
width:auto;
height:auto
}

}
@media screen and (min-width:1280px){
#home-screen-6 .home-screen__step-2__bg{
right:15.14%;
bottom:10.07vw;
left:10.07%
}

}
@media screen and (min-width:1024px){
#home-screen-7 .home-screen__step-2__bg{
top:9.77%;
right:13.48%;
bottom:9.77%;
left:0;
width:auto;
height:auto
}

}
@media screen and (min-width:1280px){
#home-screen-7 .home-screen__step-2__bg{
top:9.44%;
right:15.14%;
bottom:9.44%
}

}
.home-screen__step-2__lines__line{
position:absolute;
width:1px;
background-color:#e6e6e6
}
@media screen and (max-width:768px) and (max-height:450px){
.home-screen__step-2__lines__line{
display:none
}

}
.home-screen__step-2__lines__line:nth-child(1){
bottom:18.12%;
left:0;
width:17.15vw;
max-width:138px;
height:310px;
background-color:transparent;
border-top:1px solid #e6e6e6;
border-right:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6
}
@media screen and (max-height:480px){
.home-screen__step-2__lines__line:nth-child(1){
height:270px
}

}
@media screen and (min-width:1024px){
.home-screen__step-2__lines__line:nth-child(1){
top:27.78%;
bottom:13.48vw;
left:13.48%;
width:11.43%;
max-width:none;
height:auto;
border-right:none;
border-left:1px solid #e6e6e6
}
#home-screen-3 .home-screen__step-2__lines__line:nth-child(1){
opacity:.2
}

}
@media screen and (min-width:1280px){
.home-screen__step-2__lines__line:nth-child(1){
bottom:10.07vw;
left:10.07%;
width:12.22%;
max-width:176px
}

}
@media screen and (min-width:1024px){
.home-screen__step-2__lines__line:nth-child(2){
display:block
}
#home-screen-1 .home-screen__step-2__lines__line:nth-child(2),#home-screen-3 .home-screen__step-2__lines__line:nth-child(2),#home-screen-4 .home-screen__step-2__lines__line:nth-child(2),#home-screen-5 .home-screen__step-2__lines__line:nth-child(2),#home-screen-6 .home-screen__step-2__lines__line:nth-child(2),#home-screen-7 .home-screen__step-2__lines__line:nth-child(2){
top:0;
left:24.8%;
bottom:13.48vw;
margin-left:1px
}

}
@media screen and (min-width:1280px){
#home-screen-1 .home-screen__step-2__lines__line:nth-child(2),#home-screen-3 .home-screen__step-2__lines__line:nth-child(2),#home-screen-4 .home-screen__step-2__lines__line:nth-child(2),#home-screen-5 .home-screen__step-2__lines__line:nth-child(2),#home-screen-6 .home-screen__step-2__lines__line:nth-child(2),#home-screen-7 .home-screen__step-2__lines__line:nth-child(2){
left:22.15%;
bottom:10.07vw
}

}
@media screen and (min-width:1440px){
#home-screen-1 .home-screen__step-2__lines__line:nth-child(2),#home-screen-3 .home-screen__step-2__lines__line:nth-child(2),#home-screen-4 .home-screen__step-2__lines__line:nth-child(2),#home-screen-5 .home-screen__step-2__lines__line:nth-child(2),#home-screen-6 .home-screen__step-2__lines__line:nth-child(2),#home-screen-7 .home-screen__step-2__lines__line:nth-child(2){
left:calc(10.07% + 176px)
}

}
@media screen and (min-width:1024px){
#home-screen-2 .home-screen__step-2__lines__line:nth-child(2){
top:9.33%;
left:24.8%;
bottom:13.48vw;
margin-left:1px
}

}
@media screen and (min-width:1280px){
#home-screen-2 .home-screen__step-2__lines__line:nth-child(2){
left:22.15%;
bottom:10.07vw
}

}
@media screen and (min-width:1440px){
#home-screen-2 .home-screen__step-2__lines__line:nth-child(2){
left:calc(10.07% + 176px)
}

}
#home-screen-3 .home-screen__step-2__lines__line:nth-child(2){
opacity:.2
}
.home-screen__step-2__lines__line:nth-child(3){
display:none
}
@media screen and (min-width:1024px){
.home-screen__step-2__lines__line:nth-child(3){
display:block
}
#home-screen-1 .home-screen__step-2__lines__line:nth-child(3),#home-screen-5 .home-screen__step-2__lines__line:nth-child(3){
top:0;
bottom:83.33%;
left:78.52%
}

}
#home-screen-2 .home-screen__step-2__lines__line:nth-child(3),.home-screen__step-2__lines__line:nth-child(4){
display:none
}
@media screen and (min-width:1280px){
#home-screen-1 .home-screen__step-2__lines__line:nth-child(3),#home-screen-5 .home-screen__step-2__lines__line:nth-child(3){
bottom:81.11%;
left:73.61%
}

}
@media screen and (min-width:1024px){
#home-screen-6 .home-screen__step-2__lines__line:nth-child(3){
top:0;
right:17.58%;
bottom:13.48vw
}
.home-screen__step-2__lines__line:nth-child(4){
display:block
}

}
@media screen and (min-width:1280px){
#home-screen-6 .home-screen__step-2__lines__line:nth-child(3){
right:22.15%;
bottom:10.07vw
}

}
@media screen and (min-width:1024px){
#home-screen-1 .home-screen__step-2__lines__line:nth-child(4),#home-screen-6 .home-screen__step-2__lines__line:nth-child(4),#home-screen-7 .home-screen__step-2__lines__line:nth-child(4){
right:0;
bottom:0;
width:13.28%;
height:51.67%;
background-color:transparent;
border-top:1px solid #e6e6e6
}

}
@media screen and (min-width:1280px){
#home-screen-1 .home-screen__step-2__lines__line:nth-child(4),#home-screen-6 .home-screen__step-2__lines__line:nth-child(4),#home-screen-7 .home-screen__step-2__lines__line:nth-child(4){
width:10.49%;
height:51.67%;
border-left:1px solid #e6e6e6
}

}
@media screen and (min-width:1024px){
#home-screen-2 .home-screen__step-2__lines__line:nth-child(4){
right:0;
bottom:0;
width:13.28%;
height:51.67%;
background-color:transparent;
border-top:1px solid #e6e6e6;
opacity:.18
}
#home-screen-3 .home-screen__step-2__lines__line:nth-child(4){
top:0;
bottom:0;
right:13.48%
}

}
@media screen and (min-width:1280px){
#home-screen-2 .home-screen__step-2__lines__line:nth-child(4){
width:10.49%;
height:51.67%;
border-left:1px solid #e6e6e6
}
#home-screen-3 .home-screen__step-2__lines__line:nth-child(4){
right:10.49%
}

}
@media screen and (min-width:1024px){
#home-screen-4 .home-screen__step-2__lines__line:nth-child(4){
top:39.06%;
right:0;
bottom:0;
border:none;
width:13.48%;
background-color:#fff
}

}
@media screen and (min-width:1280px){
#home-screen-4 .home-screen__step-2__lines__line:nth-child(4){
top:33.33%;
width:10.49%
}

}
@media screen and (min-width:1024px){
#home-screen-5 .home-screen__step-2__lines__line:nth-child(4){
right:0;
bottom:0;
width:13.28%;
height:51.67%;
background-color:transparent;
border-top:1px solid #e6e6e6
}

}
@media screen and (min-width:1280px){
#home-screen-5 .home-screen__step-2__lines__line:nth-child(4){
width:10.49%;
height:51.67%;
border-top:none;
border-left:1px solid #e6e6e6
}
#home-screen-5 .home-screen__step-2__lines__line:nth-child(5){
width:15.14%
}

}
#home-screen-7 .home-screen__step-2__lines__line:nth-child(4){
opacity:.2
}
.home-screen__step-2__lines__line:nth-child(5){
display:none
}
@media screen and (min-width:1024px){
.home-screen__step-2__lines__line:nth-child(5){
display:block
}
#home-screen-5 .home-screen__step-2__lines__line:nth-child(5){
top:48.11%;
right:0;
height:1px
}

}
.home-screen__step-2__corner{
position:absolute;
bottom:0;
left:0;
width:16.91%;
max-width:138px;
height:auto;
background-color:#72bf44
}
@media screen and (max-width:768px) and (max-height:450px){
.home-screen__step-2__corner{
display:none
}

}
@media screen and (min-width:1024px){
.home-screen__step-2__corner{
width:13.48%;
max-width:none
}
#home-screen-3 .home-screen__step-2__corner{
visibility:hidden
}

}
@media screen and (min-width:1280px){
.home-screen__step-2__corner{
width:10.07%
}

}
.home-screen__step-2__corner::before{
content:"";
display:block;
width:100%;
height:auto;
padding-top:119.81%
}
.home-screen__step-2__content{
position:absolute;
top:92px;
bottom:11.23vh;
overflow:auto;
-webkit-overflow-scrolling:touch
}
@media screen and (min-width:1024px){
.home-screen__step-2__corner::before{
padding-top:100%;
padding-left:auto
}
.home-screen__step-2__content{
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
top:auto;
right:auto;
bottom:0
}
#home-screen-1 .home-screen__step-2__content,#home-screen-5 .home-screen__step-2__content{
left:28.06%;
height:83.33%
}

}
@media screen and (min-width:1280px){
#home-screen-1 .home-screen__step-2__content,#home-screen-5 .home-screen__step-2__content{
left:29.17%;
height:81.11%
}

}
@media screen and (min-width:1024px){
#home-screen-2 .home-screen__step-2__content{
left:28.91%;
height:91.15%
}

}
@media screen and (min-width:1280px){
#home-screen-2 .home-screen__step-2__content{
left:29.17%;
height:90.56%
}

}
@media screen and (min-width:1024px){
#home-screen-3 .home-screen__step-2__content{
right:0;
left:35.16%;
height:85.94%
}

}
@media screen and (min-width:1280px){
#home-screen-3 .home-screen__step-2__content{
height:80%
}

}
@media screen and (min-width:1024px){
#home-screen-4 .home-screen__step-2__content{
left:27.93%;
height:100%
}

}
@media screen and (min-width:1280px){
#home-screen-4 .home-screen__step-2__content{
left:29.17%
}

}
@media screen and (min-width:1024px){
#home-screen-6 .home-screen__step-2__content{
top:0;
left:28.91%;
bottom:13.48vw
}

}
@media screen and (min-width:1280px){
#home-screen-6 .home-screen__step-2__content{
left:29.17%;
bottom:10.07vw
}

}
@media screen and (min-width:1024px){
#home-screen-7 .home-screen__step-2__content{
top:9.77%;
left:28.91%;
bottom:9.77%
}

}
.home-screen__step-2__content__inner{
width:72.46%;
padding-top:50px;
padding-bottom:40px;
margin-left:21.01%;
overflow:hidden
}
.home-screen__step-2__content__inner__title{
position:relative;
padding-bottom:20px;
color:#131313
}
@media screen and (min-width:1024px){
.home-screen__step-2__content__inner{
width:100%;
margin-left:0
}
.home-screen__step-2__content__inner__title{
padding-bottom:30px
}

}
.home-screen__step-2__content__inner__subtitle{
position:relative;
padding-bottom:25px;
color:#72bf44
}
@media screen and (min-width:1024px){
.home-screen__step-2__content__inner__subtitle{
padding-bottom:35px;
transform-origin:left top
}

}
@media screen and (min-width:1400px){
.home-screen__step-2__content__inner__subtitle{
padding-bottom:25px
}

}
.home-screen__step-2__content__inner__body{
padding-bottom:40px;
font-size:14px;
line-height:1.4286em;
color:#5d5d5d
}
@media screen and (min-width:1024px){
.home-screen__step-2__content__inner__body{
max-width:550px;
padding-bottom:50px;
font-size:14px;
line-height:1.7143em
}

}
@media screen and (min-width:1280px){
#home-screen-7 .home-screen__step-2__content{
top:9.44%;
left:29.17%;
bottom:9.44%
}
.home-screen__step-2__content__inner__body{
padding-bottom:40px
}

}
@media screen and (min-width:1280px) and (min-height:800px){
.home-screen__step-2__content__inner__body{
font-size:15px
}

}
.home-screen__step-2__content__inner__link{
position:relative;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-pack:start;
justify-content:flex-start;
font-size:10px;
text-transform:uppercase;
letter-spacing:.15em;
line-height:1.4em;
color:#000;
font-weight:500;
transition:color .4s
}
.no-touchevents .home-screen__step-2__content__inner__link:hover{
color:#72bf44
}
.home-screen__step-2__content__inner__link::after{
content:"";
position:relative;
top:7px;
left:0;
display:block;
width:80px;
height:1px;
margin-left:10px;
background-color:#e6e6e6;
transform-origin:top left;
transition:transform .4s cubic-bezier(.77,0,.175,1),background-color .4s
}
#home-pagination__nav,#home-pagination__number{
left:50%;
transform-origin:left top;
position:absolute
}
.no-touchevents .home-screen__step-2__content__inner__link:hover::after{
transform:translateX(-5px) scaleX(.25);
background-color:#72bf44
}
@media screen and (min-width:1024px){
.home-screen__step-2__content__inner__link::after{
width:130px;
margin-left:30px
}
.no-touchevents .home-screen__step-2__content__inner__link:hover::after{
transform:translateX(-10px) scaleX(.7)
}

}
.home-screen__step-2__content__inner__link__label{
position:relative;
display:inline-block
}
#home-pagination{
    position:absolute;
    bottom:18.12%;
    left:auto;
    right:-20px;
    height:310px;
    width:17.15vw;
    max-width:138px;
    color:#fff;
    transition:color .7s;
    visibility:hidden;
    z-index:3;
}

@media screen and (max-height:480px){
    #home-pagination{
        height:270px;
    }
}

@media screen and (max-width:768px) and (max-height:450px){
    #home-pagination{
        bottom:0;
    }
}

@media screen and (min-width:1024px){
    #home-pagination{
        top:27.78%;
        bottom:13.48vw;
        left:auto;
        right:0px;
        width:11.43%;
        max-width:none;
        height:auto;
        max-height:none;
    }
}

@media screen and (min-width:1280px){
    #home-pagination{
        bottom:10.07vw;
        left:auto;
        right:0px;
        width:12.22%;
        max-width:176px;
    }
}
#home-pagination.home-pagination--dark{
color:#d7d7d7
}
@media screen and (min-width:1024px){
#home-pagination.home-pagination--small{
bottom:auto;
top:33.33vh
}

}
#home-pagination__number{
top:25px;
margin-left:-.5em;
font-size:39px;
line-height:1em;
letter-spacing:-.05em;
transform:rotate(-90deg) translateX(-100%);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
@media screen and (max-height:480px){
#home-pagination__number{
top:15px;
font-size:32px
}

}
@media screen and (max-width:768px) and (max-height:450px){
#home-pagination__number{
top:auto;
bottom:195px;
font-size:22px
}

}
@media screen and (min-width:1024px){
#home-pagination__number{
top:11.86%
}

}
@media screen and (min-height:1024px) and (max-height:650px){
#home-pagination__number{
top:8.89%;
font-size:30px
}

}
@media screen and (min-width:1400px){
#home-pagination__number{
font-size:64px
}

}
.home-pagination--small #home-pagination__number{
top:auto;
bottom:205px;
font-size:18px
}
@media screen and (min-width:1024px){
.home-pagination--small #home-pagination__number{
top:0;
bottom:auto
}

}
@media screen and (min-width:1400px){
.home-pagination--small #home-pagination__number{
font-size:24px
}

}
#home-pagination__nav{
bottom:25px;
margin-left:-13px;
font-size:0;
line-height:0
}
@media screen and (max-height:480px){
#home-pagination__nav{
bottom:15px
}

}
@media screen and (min-width:1024px){
#home-pagination__nav{
top:50.84%;
bottom:auto
}

}
@media screen and (min-height:1024px) and (max-height:650px){
#home-pagination__nav{
top:43.85%
}

}
@media screen and (min-width:1400px){
#home-pagination__nav{
top:49.41%;
margin-left:-19px
}

}
@media screen and (min-width:1024px){
.home-pagination--small #home-pagination__nav{
top:90px
}

}
@media screen and (min-width:1280px){
.home-pagination--small #home-pagination__nav{
top:110px
}

}
.home-pagination__nav__item{
position:relative;
width:26px;
height:20px
}
@media screen and (min-width:1400px){
.home-pagination__nav__item{
width:39px;
height:30px
}

}
.home-pagination__nav__item__btn,.home-pagination__nav__item__timer{
position:absolute;
top:0;
left:0;
width:100%;
height:100%
}
.home-pagination__nav__item__timer{
fill:none;
stroke-width:2px;
stroke:#fff;
visibility:hidden
}
.home-pagination__nav__item__timer__circle{
opacity:.3
}
.home-pagination__nav__item__btn::after,.home-pagination__nav__item__btn::before{
content:"";
position:absolute;
display:block;
border-radius:50%;
background-color:#fff
}
.home-pagination__nav__item__btn::before{
top:50%;
left:50%;
width:3px;
height:3px;
margin-left:-2px;
margin-top:-2px;
opacity:.5;
transition:background-color .7s;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.home-pagination--dark .home-pagination__nav__item__btn::before{
background-color:#d7d7d7;
opacity:1
}
.home-pagination__nav__item--selected .home-pagination__nav__item__btn::before{
opacity:1
}
.home-pagination--dark .home-pagination__nav__item--selected .home-pagination__nav__item__btn::before{
background-color:#1d1d1d
}
.home-pagination__nav__item__btn::after{
top:0;
left:0;
width:100%;
height:100%;
opacity:0;
transform-origin:center center;
transform:scale(.1,.1)
}
#projects__nav__expand,#projects__nav__shrink{
height:48px;
transition:color .3s;
z-index:10;
text-transform:uppercase
}
.home-pagination__nav__item__btn:hover::before{
background-color:#72bf44
}
#home-scroll-cta{
position:absolute;
bottom:0;
left:0;
width:100%;
height:11.23vh;
text-align:center;
visibility:hidden;
z-index:3
}
@media screen and (min-width:1024px){
#home-scroll-cta{

bottom:14.04vw;
left:auto;
width:13.48%
}

}
@media screen and (min-width:1280px){
#home-scroll-cta{
width:10.49%
}

}
#home-scroll-cta__label{
display:none
}
@media screen and (min-width:1024px){
#home-scroll-cta__label{
position:absolute;
bottom:172.04%;
left:50%;
display:block;
white-space:nowrap;
color:#fff;
text-transform:uppercase;
letter-spacing:.28em;
font-weight:500;
font-size:8px;
transform:rotate(-90deg) translateY(50%);
transform-origin:left bottom;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}

}
.home-scroll-cta--dark #home-scroll-cta__label{
color:#a7a7a7
}
#home-scroll-cta__btn{
display:block;
text-align:center;
width:100%;
height:100%
}
#home-scroll-cta__btn__picto{
display:-ms-flexbox;
display:flex;
height:100%;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
fill:#72bf44;
transition:fill .5s
}
@media screen and (min-width:1024px){
#home-scroll-cta__btn__picto{
fill:#fff
}

}
.home-scroll-cta--dark #home-scroll-cta__btn__picto{
fill:#000
}
@media screen and (min-width:1024px){
.home-scroll-cta--dark #home-scroll-cta__btn__picto{
fill:#72bf44
}

}
#home-scroll-cta:hover #home-scroll-cta__btn__picto{
transition:fill 0s .12s;
fill:#000;
animation:home-scroll-cta__btn__picto__roll-over .5s cubic-bezier(.165,.84,.44,1) forwards
}
#home-scroll-cta.home-scroll-cta--dark:hover #home-scroll-cta__btn__picto{
fill:#72bf44
}
#home-scroll-cta__btn__picto svg{
display:block;
width:18px;
height:100%
}
@keyframes home-scroll-cta__btn__picto__roll-over{
30%{
transform:translateY(30px);
opacity:0
}
30.001%{
transform:translateY(-50px);
opacity:0
}
100%{
transform:translateY(0);
opacity:1
}

}
#projects__nav__color-overlay,#projects__nav__overlay{
top:0;
height:100%;
transform-origin:left top;
width:100%;
position:absolute
}
#projects-page{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
background-color:#fff
}
#projects-line{
position:absolute;
left:14.49%;
top:41.12%;
width:1px;
height:100%;
background-color:rgba(0,0,0,.1);
z-index:12
}
#projects_media_overlay{
position:absolute;
top:0;
left:0;
visibility:hidden;
background-color:#f2f4f6;
z-index:1;
transform-origin:bottom left
}
#projects__nav{
position:fixed;
top:41.12%;
bottom:11.78%;
left:0;
width:14.49%;
z-index:11
}
@media screen and (min-width:1024px){
#home-scroll-cta:hover #home-scroll-cta__btn__picto{
fill:#72bf44
}
#home-scroll-cta.home-scroll-cta--dark:hover #home-scroll-cta__btn__picto{
fill:#000
}
#home-scroll-cta__btn__picto svg{
width:32px
}
#projects-line{
top:0;
left:15.14%
}
#projects__nav{
top:0;
display:-ms-flexbox;
display:flex;
width:15.14%;
height:100%;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:center;
justify-content:center
}

}
#projects__nav.projects__nav--expanded{
top:0;
bottom:0;
width:100%
}
#projects__nav__color-overlay{
left:0;
background-color:rgba(0,0,0,.5);
visibility:hidden
}
.projects__nav--expanded #projects__nav__color-overlay{
visibility:inherit
}
#projects__nav__overlay{
left:0;
background-color:#fff;
z-index:9;
visibility:hidden
}
#projects__nav__overlay::after{
content:"";
position:absolute;
top:21.47%;
left:0;
width:100%;
height:1px;
background-color:#efefef
}
.projects__nav--expanded #projects__nav__overlay{
visibility:inherit
}
#projects__nav__expand{
position:relative;
width:100%;
font-weight:700;
color:#7d7d7d;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
@media screen and (min-width:1024px){
#projects__nav.projects__nav--expanded{
bottom:auto
}
#projects__nav__color-overlay{
top:82px
}
#projects__nav__overlay{
top:0
}
#projects__nav__overlay::after{
content:none
}
#projects__nav__expand{
padding-left:45.87%;
text-align:left
}

}
.no-touchevents #projects__nav__expand:hover{
color:#272727
}
.projects__nav--expanded #projects__nav__expand{
position:absolute;
top:0;
left:0;
visibility:hidden
}
#projects__nav__shrink{
position:absolute;
top:13.13%;
left:3.62%;
font-weight:700;
letter-spacing:.05em;
color:#7d7d7d;
visibility:hidden
}
.no-touchevents #projects__nav__shrink:hover{
color:#272727
}
.projects__nav--expanded #projects__nav__shrink{
visibility:inherit
}
@media screen and (min-width:1024px){
#projects__nav__shrink{
top:34.44%;
left:0;
width:100%
}
.projects__nav--expanded #projects__nav__shrink{
width:15.14%
}

}
#projects__nav__shrink__txt{
position:relative;
display:inline-block;
padding-right:10px;
padding-left:50px;
text-align:left
}
#projects__nav__shrink__txt::before{
content:"";
position:absolute;
top:7px;
left:10px;
display:block;
width:30px;
height:2px;
margin-right:11px;
vertical-align:middle;
background-color:#dfdfdf
}
#projects__nav__list{
position:relative;
display:block;
width:100%;
z-index:10
}
@media screen and (min-height:680px){
#projects__nav__list{
padding-top:20px
}

}
.projects__nav--expanded #projects__nav__list{
position:absolute;
top:23.05%;
bottom:0;
padding-top:0
}
@media screen and (min-width:1024px){
#projects__nav__list{
padding-top:0
}
.projects__nav--expanded #projects__nav__list{
position:static;
display:-ms-flexbox;
display:flex;
width:55.42%;
height:100%;
margin-left:15.14%;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:center;
justify-content:center
}
.projects__nav__item{
margin-bottom:4px
}

}
.projects__nav__item{
position:relative;
display:block;
width:100%;
height:48px;
z-index:inherit
}
@media screen and (max-height:610px){
.projects__nav__item{
height:40px
}

}
@media screen and (max-height:510px){
.projects__nav__item{
height:34px
}

}
.projects__nav--expanded .projects__nav__item{
height:20%;
max-height:140px;
margin-bottom:0;
opacity:.7
}
@media screen and (min-width:1024px){
.projects__nav--expanded .projects__nav__item{
height:17.07%;
opacity:1
}

}
.projects__nav--expanded .projects__nav__item--selected{
opacity:1
}
.projects__nav__link{
display:block;
height:100%
}
.projects__nav--expanded .projects__nav__link{
display:-ms-flexbox;
display:flex;
width:100%;
-ms-flex-align:center;
align-items:center
}
.projects__nav__index{
position:relative;
display:-ms-flexbox;
display:flex;
height:100%;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
font-weight:700;
color:#bfbfbf;
font-size:12px;
line-height:1em;
transition:color .5s
}
.projects__nav__item--selected .projects__nav__index{
color:#72bf44!important
}
.no-touchevents .projects__nav__link:hover .projects__nav__index{
color:#272727
}
.projects__nav--expanded .projects__nav__index{
width:14.49%;
top:-26px
}
.projects__nav__index__txt{
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.projects__nav__index__line{
transform-origin:top left;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
@media screen and (min-width:1024px){
.projects__nav__index{
position:relative;
padding-left:45.87%;
text-align:right;
-ms-flex-pack:start;
justify-content:flex-start
}
.projects__nav--expanded .projects__nav__index{
top:-8px;
width:11.4%;
height:39.29%;
padding-left:0;
margin-right:1.25%;
-ms-flex-align:start;
align-items:flex-start;
-ms-flex-pack:end;
justify-content:flex-end
}
.projects__nav--expanded .projects__nav__index__txt{
padding-right:13.19%
}
.projects__nav__index__line{
position:absolute;
top:0;
right:0;
width:3px;
height:100%;
background-color:#72bf44;
visibility:hidden
}
.projects__nav__item--selected .projects__nav__index__line{
visibility:inherit
}
.projects__nav--expanded .projects__nav__index__line{
right:auto;
left:-3px
}

}
.projects__nav__infos{
display:-ms-flexbox;
display:flex;
height:100%;
-ms-flex-positive:2;
flex-grow:2;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-direction:column;
flex-direction:column;
line-height:1em;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:500;
border-bottom:1px solid #f4f4f4;
visibility:hidden;
transform-origin:top left;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.projects__nav--expanded .projects__nav__infos{
visibility:inherit
}
.project,.project__media--fullscreen .project__media__overlay{
visibility:hidden
}
.projects__nav__infos__title{
padding-bottom:15px;
font-size:20px;
line-height:1em;
color:#868686;
transition:color .4s
}
.no-touchevents .projects__nav__link:hover .projects__nav__infos__title,.projects__nav__item--selected .projects__nav__infos__title{
color:#343434
}
.projects__nav__infos__tags{
padding-right:21.74%
}
@media screen and (min-width:1024px){
.projects__nav__infos__title{
padding-bottom:8px;
font-size:42px
}
.projects__nav__infos__tags{
padding-right:0
}

}
.projects__nav__infos__tag{
display:inline-block;
margin-right:20px
}
.projects__nav__infos__tag div{
display:inline-block
}
.projects__nav__infos__tag__name{
margin-right:5px;
text-transform:uppercase;
font-size:11px;
font-family:roboto,Helvetica,Arial,sans-serif;
color:#575757;
font-weight:500;
opacity:.7
}
.project__tags,.project__title{
font-family:gt_walsheim,Helvetica,Arial,sans-serif
}
@media screen and (min-width:1024px){
.projects__nav__infos__tag__name{
font-size:8px;
color:silver;
opacity:1
}

}
.projects__nav__infos__tag__value{
font-size:12px;
color:#575757
}
.project{
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}
@media screen and (min-width:1024px){
.projects__nav__infos__tag__value{
font-size:11px;
color:#979797
}
.project__body{
position:absolute;
top:0;
left:22.15%;
display:-ms-flexbox;
display:flex;
width:24.2%;
height:100%;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-pack:center;
justify-content:center
}

}
.project__title{
position:absolute;
bottom:59.1%;
left:0;
padding-right:14.49%;
padding-bottom:30px;
padding-left:21.74%;
color:#72bf44;
font-size:43px;
line-height:1.07em;
font-weight:500;
z-index:2
}
@media screen and (min-width:1024px){
.project__title{
position:static;
padding-right:0;
padding-bottom:25px;
padding-left:0;
font-size:38px;
line-height:1.09em;
z-index:auto
}

}
@media screen and (min-width:1280px){
.project__title{
font-size:53px
}

}
.project__desc{
position:absolute;
top:40.76%;
right:0;
bottom:11.78%;
left:14.49%;
padding-top:35px;
padding-right:16.95%;
padding-left:8.47%;
overflow-y:auto;
overflow-x:hidden;
color:#a9a9a9;
font-size:14px;
line-height:1.71em
}
.project__desc__more{
height:36px;
margin-top:30px;
font-size:11px;
text-transform:uppercase;
color:#000;
font-weight:500
}
.project__desc__more::after{
content:"";
display:inline-block;
width:60px;
height:1px;
margin-top:-1px;
margin-left:12px;
vertical-align:middle;
background-color:#000
}
@media screen and (min-width:1024px){
.project__desc{
position:static;
padding:0;
overflow:hidden
}
.project__desc__more{
display:none
}

}
.project__media{
position:absolute;
top:0;
left:0;
width:100%;
height:41.12%
}
@media screen and (min-width:1024px){
.project__media{
top:calc(82px + 6.81%);
right:8.13%;
bottom:6.81%;
left:50.21%;
display:-ms-flexbox;
display:flex;
height:auto;
width:auto;
-ms-flex-pack:end;
justify-content:flex-end
}

}
.project__media.project__media--fullscreen{
height:100%
}
@media screen and (min-width:1024px){
.project__media.project__media--fullscreen{
top:82px;
left:0;
right:0;
bottom:0;
height:auto;
-ms-flex-pack:center;
justify-content:center
}

}
.project__media__overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#1a1a1a;
opacity:.6;
z-index:1;
transform-origin:left top
}
@media screen and (min-width:1024px){
.project__media__overlay{
position:absolute;
top:-82px;
height:82px;
background-color:#fff;
z-index:51;
opacity:1;
visibility:hidden
}
.project__media--fullscreen .project__media__overlay{
visibility:inherit
}

}
.project__media__close{
position:absolute;
top:0;
right:5px;
display:-ms-flexbox;
display:flex;
-ms-flex-align:center;
align-items:center;
height:82px;
z-index:101;
visibility:hidden
}
@media screen and (min-width:1024px){
.project__media__close{
top:-82px;
right:14px;
z-index:51
}

}
.project__media--fullscreen .project__media__close{
visibility:inherit
}
.project__media__close__btn{
position:relative;
width:86px;
height:100%;
background-color:#72bf44;
transition:background-color .4s
}
.no-touchevents .project__media__close__btn:hover{
background-color:#bfd730
}
.project__media__close__btn__picto{
position:absolute;
top:50%;
left:50%;
display:block
}
.project__media__close__btn__picto__line{
position:absolute;
top:0;
left:0;
display:block;
width:23px;
height:3px;
margin-left:-12px;
margin-top:-2px;
background-color:#fff
}
.project__media__close__btn__picto__line:nth-child(1){
transform:rotate(-45deg)
}
.project__media__close__btn__picto__line:nth-child(2){
transform:rotate(45deg)
}
.project__media__close__label{
display:none
}
@media screen and (min-width:1024px){
.project__media__close__label{
display:block;
margin-right:45px;
text-transform:uppercase;
color:#909090;
font-size:10px;
font-weight:500
}

}
.project__media__nav{
position:absolute;
bottom:0;
display:-ms-flexbox;
display:flex;
width:100%;
height:10.87%;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-align:center;
align-items:center;
visibility:hidden;
z-index:2;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.project__media--fullscreen .project__media__nav{
visibility:inherit
}
@media screen and (min-width:1024px){
.project__media__nav{
position:relative;
width:192px;
height:67px;
visibility:inherit
}
.project__media--fullscreen .project__media__nav{
width:auto;
padding:0 91px;
margin-top:56px
}

}
.project__media__nav__bg{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#131313;
transform-origin:left top
}
.project__media__nav__btn{
position:absolute;
top:0;
width:21.74%;
height:100%
}
.project__media__nav__btn--prev{
left:0;
padding-left:7.25%
}
.project__media__nav__btn--next{
right:0;
padding-right:7.25%
}
@media screen and (min-width:1024px){
.project__media__nav__btn{
width:91px
}
.project__media__nav__btn--prev{
padding-left:0
}
.project__media__nav__btn--next{
padding-right:0
}

}
.project__media__nav__btn__inner{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center
}
.project__media__nav__btn__picto{
width:6px;
height:6px;
border-bottom:1px solid #d8d8d8;
transition:border-color .3s
}
.project__media__nav__btn--prev .project__media__nav__btn__picto{
border-left:1px solid #d8d8d8;
transform:rotate(45deg)
}
.project__media__nav__btn--next .project__media__nav__btn__picto{
border-right:1px solid #d8d8d8;
transform:rotate(-45deg)
}
.no-touchevents .project__media__nav__btn:hover .project__media__nav__btn__picto{
border-color:#fff!important
}
.project__media__nav__line{
position:absolute;
top:50%;
left:50%;
width:1px;
height:9px;
margin-top:-4px;
background-color:#a5a5a5;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
visibility:hidden
}
.project__media--fullscreen .project__media__nav__line{
opacity:0
}
.project__media__nav__list{
position:relative;
display:-ms-flexbox;
display:flex;
height:100%;
margin:0 15px;
overflow:hidden
}
@media screen and (min-width:1024px){
.project__media__nav__line{
visibility:inherit
}
.project__media__nav__list{
visibility:hidden
}

}
.project__media--fullscreen .project__media__nav__list{
visibility:inherit
}
.project__media__nav__item{
display:inline-block;
height:100%
}
.project__media__nav__item__btn{
display:block;
width:23px;
height:100%
}
.project__media__nav__item__btn__inner{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:center;
justify-content:center
}
.project__media__nav__item__picto{
display:block;
width:3px;
height:3px;
background-color:#656565;
border-radius:50%;
transition:background-color .3s
}
.project__media__nav__item--selected .project__media__nav__item__picto{
background-color:#fff
}
.no-touchevents .project__media__nav__item__btn:hover .project__media__nav__item__picto{
background-color:#bfbfbf
}
.project__media__list{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
overflow:hidden;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.project__media__img,.project__media__item{
-webkit-backface-visibility:hidden;
position:absolute;
top:0;
left:0;
width:100%
}
.project__media__item{
height:100%;
overflow:hidden;
visibility:hidden;
backface-visibility:hidden
}
.project__media__img{
height:auto;
transform-origin:left top;
backface-visibility:hidden
}
.project__media__player{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#000
}
.project__media__more{
display:none
}
@media screen and (min-width:1024px){
.project__media__more{
position:absolute;
top:0;
left:0;
display:-ms-flexbox;
display:flex;
width:100%;
height:100%;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
opacity:0;
transition:opacity .6s;
cursor:pointer
}
.project__media__item:hover .project__media__more{
opacity:1;
transition:opacity .2s
}
.project__media--fullscreen .project__media__more{
visibility:hidden
}

}
.project__media__more__overlay{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background-color:#1a1a1a;
opacity:.6
}
.project__media__more__btn{
position:relative;
text-transform:uppercase;
font-size:11px;
color:#fff;
font-weight:500;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.project__media__more--img .project__media__more__btn{
opacity:0;
transform:translateX(20px);
transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .4s
}
.project__media__more--img:hover .project__media__more__btn{
opacity:1;
transform:translateX(0)
}
.project__media__more--img:hover .project__media__more__btn:hover{
transform:translateX(20px)
}
.project__media__more--video .project__media__more__btn{
width:85px;
height:85px;
border:2px solid #fff;
border-radius:50%;
opacity:0;
transform:scale(.9);
transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .4s;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.project__media__more--video:hover .project__media__more__btn{
opacity:1;
transform:scale(1)
}
.project__media__more--video:hover .project__media__more__btn:hover{
transform:scale(1.05)
}
.project__media__more__btn::after{
content:""
}
.project__media__more--img .project__media__more__btn::after{
display:inline-block;
width:69px;
height:1px;
margin-top:-1px;
margin-left:25px;
vertical-align:middle;
background-color:#fff;
opacity:0;
transform:translateX(-60px) scaleX(.2);
transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .4s;
transform-origin:top right;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.project__media__more--img:hover .project__media__more__btn::after{
opacity:1;
transform:scaleX(1) translateX(0)
}
.project__media__more--img:hover .project__media__more__btn::after:hover{
transform:translateX(-20px) scale(.8)
}
.project__media__more--img:hover .project__media__more__btn:hover::after{
transform:translateX(-50%) scale(.6)
}
.project__media__more--video .project__media__more__btn::after{
position:absolute;
top:40px;
left:40px;
display:block;
width:0;
height:0;
margin-top:-5px;
margin-left:-3px;
border-style:solid;
border-width:6px 0 6px 10px;
border-color:transparent transparent transparent #fff;
opacity:0;
transform:translateY(50px);
transition:transform 0s .4s,opacity .4s
}
.project__media__more--video:hover .project__media__more__btn::after{
opacity:1;
transform:translateY(0);
transition:transform .5s cubic-bezier(.19,1,.22,1),opacity .4s
}
.project__media__more--video:hover .project__media__more__btn::after:hover{
transform:scale(.95)
}
.project__tags{
position:absolute;
bottom:0;
left:0;
width:100%;
height:11.78%;
color:#fff
}
@media screen and (min-width:1024px){
.project__tags{
left:15.14%;
width:47.71%;
height:15.56%
}

}
.project__tags__bg{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#72bf44;
z-index:2;
transform-origin:left top
}
.project__tags__inner{
position:absolute;
top:0;
left:0;
display:-ms-flexbox;
display:flex;
width:100%;
height:100%;
-ms-flex-align:center;
align-items:center;
padding-left:21.74%;
z-index:3
}
@media screen and (min-width:1024px){
.project__tags__inner{
padding-left:5.82%;
-ms-flex-pack:start;
justify-content:flex-start
}

}
.project__tag{
height:34px;
padding:0 15px;
border-right:1px solid #d6565d
}
@media screen and (max-width:1023px){
.project__tag:first-child{
padding-left:0
}

}
.project__tag:last-child{
border-right:none
}
@media screen and (min-width:1024px){
.project__tag{
width:27.95%;
padding:0 10px 0 9.9%
}

}
.project__tag__name{
padding-bottom:4px;
font-size:9px;
color:#e5a3a6;
letter-spacing:.2em;
font-weight:700;
text-transform:uppercase
}
@media screen and (min-width:1024px){
.project__tag__name{
font-size:10px
}

}
.project__tag__value{
font-size:15px
}
#projects__scroll-cta{
position:absolute;
bottom:0;
left:0;
width:14.49%;
height:11.78%;
text-align:center;
z-index:3
}
#projects__scroll-cta__label{
display:none
}
@media screen and (min-width:1024px){
.project__tag__value{
font-size:16px
}
#projects__scroll-cta{
right:0;
bottom:10.44%;
left:auto;
width:8.13%;
height:93px
}
#projects__scroll-cta__label{
position:absolute;
bottom:120px;
left:50%;
display:block;
white-space:nowrap;
color:#a0a0a0;
text-transform:uppercase;
letter-spacing:.28em;
font-weight:500;
font-size:8px;
transform:rotate(-90deg) translateY(50%);
transform-origin:left bottom;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}

}
#contact__subtitle,#contact__title{
line-height:1em;
font-weight:700;
font-family:montserrat,gt_walsheim,Helvetica,Arial,sans-serif
}
#projects__scroll-cta__btn{
text-align:center;
width:100%;
height:100%;
overflow:hidden
}
#projects__scroll-cta__picto{
display:-ms-flexbox;
display:flex;
height:100%;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center;
fill:#fff;
transition:fill .5s
}
#projects__scroll-cta__btn:hover #projects__scroll-cta__picto{
transition:fill 0s .12s;
fill:#000;
animation:projects__scroll-cta__picto__roll-over .5s cubic-bezier(.165,.84,.44,1) forwards
}
#projects__scroll-cta__picto svg{
display:block;
width:18px;
height:100%
}
@keyframes projects__scroll-cta__picto__roll-over{
30%{
transform:translateY(30px);
opacity:0
}
30.001%{
transform:translateY(-50px);
opacity:0
}
100%{
transform:translateY(0);
opacity:1
}

}
#contact-page{
padding-bottom:110px
}
#contact__header{
position:relative
}
#contact__header__img-wrapper{
position:relative;
overflow:hidden
}
@media screen and (min-width:1024px){
#projects__scroll-cta__picto{
fill:#72bf44
}
#projects__scroll-cta__picto svg{
width:32px
}
#contact-page{
padding-bottom:160px
}
#contact__header{
margin-top:82px
}
#contact__header__img-wrapper{
margin:0 7.23%
}

}
@media screen and (min-width:1280px){
#contact__header__img-wrapper{
margin:0 8.13%
}

}
#contact__header__img-wrapper::before{
content:"";
display:block;
width:100%;
height:auto;
padding-top:39.29%
}
#contact__header__overlay{
position:absolute;
top:0;
left:0;
background-color:#f2f4f6;
z-index:2;
transform-origin:center top;
visibility:hidden
}
#contact__header__img{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url(img/contact-header.jpg) center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}
#contact__header__img2{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url(img/contact-header2.jpg) center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

/*Portadas provincias */


#contact__header__imgP01{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/Azua-01-h.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}


#contact__header__imgP02{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P02.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP03{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P03.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP04{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P04.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP05{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P05.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}
#contact__header__imgP06{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P06.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}


#contact__header__imgP07{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P07.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP08{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P08.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP09{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P09.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP10{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P10.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP11{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P11.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}


#contact__header__imgP12{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P12.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP13{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P13.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP14{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P14.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP15{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P15.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}
#contact__header__imgP16{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P16.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}


#contact__header__imgP17{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P17.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP18{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P18.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP19{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P19.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP20{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P20.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP21{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P21.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}


#contact__header__imgP22{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P22.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP23{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P23.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP24{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P24.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP25{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P25.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}
#contact__header__imgP26{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P26.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}


#contact__header__imgP27{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P27.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP28{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P28.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP29{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P29.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP30{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P30.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP31{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P31.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}

#contact__header__imgP32{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/provincias/P32.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}



/*fin Provincias*/


.contact-header {
  position: relative;
  width: 100%;
  aspect-ratio: 1800 / 695;
  overflow: hidden;
  background: #030a12;

  /* AJUSTE PARA SUBIRLO */
  margin-top: -540px;
}

/* DIV ORIGINAL */
#contact__header__img4 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  width: 100%;
  height: 100%;
  overflow: hidden;

  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

/* CONTENEDOR QUE SE MUEVE */
#contact__header__img4 .contact-carousel-track {
  width: 500%;
  height: 100%;
  display: flex;
  animation: contactCarousel 25s infinite ease-in-out;
}

/* CADA IMAGEN */
#contact__header__img4 .contact-slide {
  width: 20%;
  height: 100%;
  flex: 0 0 20%;

  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #030a12;
}

/* ANIMACIÓN */
@keyframes contactCarousel {
  0%, 16% {
    transform: translateX(0%);
  }

  20%, 36% {
    transform: translateX(-20%);
  }

  40%, 56% {
    transform: translateX(-40%);
  }

  60%, 76% {
    transform: translateX(-60%);
  }

  80%, 96% {
    transform: translateX(-80%);
  }

  100% {
    transform: translateX(0%);
  }
}

/* DOTS VERTICALES A LA DERECHA */
.contact-carousel-dots {
  position: absolute;
  right: 22px;
  top: 50%;
  left: auto;
  bottom: auto;

  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  z-index: 10;
}

.contact-carousel-dots span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: rgba(255,255,255,.45);
  animation: dotActive 25s infinite;
}

.contact-carousel-dots span:nth-child(1) {
  animation-delay: 0s;
}

.contact-carousel-dots span:nth-child(2) {
  animation-delay: 5s;
}

.contact-carousel-dots span:nth-child(3) {
  animation-delay: 10s;
}

.contact-carousel-dots span:nth-child(4) {
  animation-delay: 15s;
}

.contact-carousel-dots span:nth-child(5) {
  animation-delay: 20s;
}

/* DOT ACTIVO VERTICAL */
@keyframes dotActive {
  0%, 16% {
    background: #ffffff;
    height: 20px;
    width: 7px;
    border-radius: 20px;
  }

  20%, 100% {
    background: rgba(255,255,255,.45);
    height: 7px;
    width: 7px;
    border-radius: 50%;
  }
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .contact-header {
    aspect-ratio: 1800 / 695;

    /* Ajuste móvil */
    margin-top: -20px;
  }

  .contact-carousel-dots {
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    gap: 6px;
  }

  .contact-carousel-dots span {
    width: 6px;
    height: 6px;
  }
}

#contact__header__img5{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background:url("img/contact-header4.jpg") center center no-repeat;
background-size:auto 100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
will-change:transform
}
#contact__header__txt{
position:relative;
padding:30px 3.62% 60px;
margin:-28px 6.52% 0;
text-align:center;
background-color:#fff
}
#contact__title{
margin-bottom:5px;
color:#72bf44;
font-size:13px
}
@media screen and (min-width:1024px){
#contact__header__img-wrapper::before{
padding-top:39.27%
}
#contact__header__txt{
padding:55px 14.03% 80px;
margin:-82px 15.14% 0
}
#contact__title{
margin-bottom:10px;
font-size:22px
}

}
#contact__subtitle{
padding:0 8.33%;
margin-bottom:15px;
color:#2e2e2e;
font-size:26px
}
#contact__subtitle span{
position:relative;
display:inline-block;
z-index:1;
cursor:pointer;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}
#contact__subtitle span::after,#contact__subtitle span::before{
content:"";
position:absolute;
bottom:-4px;
left:0;
display:block;
width:100%;
height:3px;
z-index:-1
}
@media screen and (min-width:1024px){
#contact__subtitle{
padding:0;
margin-bottom:30px;
font-size:46px
}
#contact__subtitle span::after,#contact__subtitle span::before{
height:8px
}

}
#contact__subtitle span::before{
background-color:rgba(122,132,146,.14)
}
#contact__subtitle span::after{
background-color:rgba(70,80,95,.14);
transform-origin:right top;
transform:scaleX(0);
transition:transform .5s cubic-bezier(1,0,0,1)
}
.no-touchevents #contact__subtitle span:hover::after{
transform-origin:left top;
transform:scaleX(1)
}
#contact__intro{
color:#949494;
font-size:13px;
line-height:1.54em
}
#contact__form{
padding:60px 6.52% 85px;
background-color:rgba(247,248,253,.64)
}
@media screen and (min-width:1024px){
#contact__intro{
max-width:700px;
margin:0 auto;
font-size:16px;
line-height:2em
}
#contact__form{
padding:110px 11.88% 100px;
margin:0 15.14%
}

}
#contact__form__alert{
display:none;
padding:20px;
margin-bottom:30px;
font-family:gt_walsheim,Helvetica,Arial,sans-serif
}
.contact__form--success #contact__form__alert{
display:block;
background-color:#5cb85c;
color:#255625
}
.contact__form--fail #contact__form__alert{
display:block;
background-color:#d9534f;
color:#761c19
}
.contact__form--fail #contact__form__alert li{
padding-top:10px
}
.contact__form--fail #contact__form__alert li:first-child{
padding-top:0
}
#contact__form fieldset{
margin-bottom:25px;
border:none
}
#contact__form input,#contact__form select,#contact__form textarea,.contact__form__subject__item label{
font-family:roboto,Helvetica,Arial,sans-serif;
font-size:13px;
line-height:1em;
-webkit-appearance:none;
border-radius:0
}
#contact__form input[type=date],#contact__form input[type=email],#contact__form input[type=number],#contact__form input[type=tel],#contact__form input[type=text],#contact__form select,#contact__form textarea{
padding-left:30px
}
#contact__form input[type=date],#contact__form input[type=email],#contact__form input[type=number],#contact__form input[type=tel],#contact__form input[type=text],#contact__form textarea{
border:1px solid #e6e6e6;
background-color:#fff;
transition:border-color .3s;
color:#2e2e2e
}
#contact__form input[type=date]:focus,#contact__form input[type=email]:focus,#contact__form input[type=number]:focus,#contact__form input[type=tel]:focus,#contact__form input[type=text]:focus,#contact__form textarea:focus{
border:1px solid #818383
}
#contact__form input[type=date]:-ms-input-placeholder,#contact__form input[type=email]:-ms-input-placeholder,#contact__form input[type=number]:-ms-input-placeholder,#contact__form input[type=tel]:-ms-input-placeholder,#contact__form input[type=text]:-ms-input-placeholder,#contact__form textarea:-ms-input-placeholder{
color:#aaa
}
#contact__form input[type=date]::placeholder,#contact__form input[type=email]::placeholder,#contact__form input[type=number]::placeholder,#contact__form input[type=tel]::placeholder,#contact__form input[type=text]::placeholder,#contact__form textarea::placeholder{
color:#aaa
}
#contact__form input[type=date],#contact__form input[type=email],#contact__form input[type=number],#contact__form input[type=tel],#contact__form input[type=text]{
width:100%;
height:50px
}
@media screen and (min-width:1024px){
#contact__form fieldset{
margin-bottom:40px
}
#contact__form input[type=date],#contact__form input[type=email],#contact__form input[type=number],#contact__form input[type=tel],#contact__form input[type=text],#contact__form select,#contact__form textarea{
padding-left:40px
}
#contact__form input[type=date],#contact__form input[type=email],#contact__form input[type=number],#contact__form input[type=tel],#contact__form input[type=text]{
width:49.23%;
height:68px
}

}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
-webkit-appearance:none;
margin:0
}
#contact__form textarea{
width:100%;
padding-top:25px;
overflow:auto;
resize:vertical
}
.contact__form__btn{
margin-top:35px;
display:inline-block;
height:54px;
background-color:#343434;
color:#fff;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:500;
vertical-align:top;
font-size:13px;
line-height:54px;
cursor:pointer;
transition:background-color .3s
}
#contact__form__vendor-doc__txt,#contact__infos__panel__title,.contact__form__title{
line-height:1em;
font-family:gt_walsheim,Helvetica,Arial,sans-serif
}
.contact__form__title{
display:block;
padding-bottom:10px;
color:#2e2e2e;
font-weight:500;
font-size:18px
}
.contact__form__title--required::after{
content:"*";
color:#72bf44;
font-size:15px
}
.contact__form__label{
display:block;
margin-bottom:20px;
font-size:13px;
line-height:1.85em;
color:#a3a4a4
}
.contact__form__radio{
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-align:center;
align-items:center;
cursor:pointer
}
.contact__form__radio input{
display:none
}
.contact__form__radio__picto{
position:relative;
display:inline-block;
width:18px;
height:18px;
border-radius:50%;
vertical-align:middle;
cursor:pointer
}
.contact__form__radio__picto::after,.contact__form__radio__picto::before{
display:block;
border-radius:50%;
content:"";
position:absolute
}
@media screen and (min-width:1024px){
.contact__form__radio__picto{
width:28px;
height:28px
}

}
.contact__form__radio__picto::before{
top:0;
left:0;
width:100%;
height:100%;
background-color:#d9dbdd;
transform:scale(0,0);
transition:transform .3s cubic-bezier(.165,.84,.44,1)
}
.contact__form__radio input:checked+.contact__form__radio__picto::before{
transform:scale(1,1)
}
.contact__form__radio__picto::after{
top:50%;
left:50%;
width:12px;
height:12px;
margin-top:-6px;
margin-left:-6px;
opacity:.18;
background-color:#343434;
transition:opacity .5s,transform .3s cubic-bezier(.165,.84,.44,1)
}
@media screen and (min-width:1024px){
.contact__form__radio__picto::after{
width:18px;
height:18px;
margin-top:-9px;
margin-left:-9px
}

}
.no-touchevents .contact__form__radio:hover .contact__form__radio__picto::after{
opacity:.5
}
.no-touchevents .contact__form__radio:active .contact__form__radio__picto::after{
transform:scale(.8,.8);
opacity:.3
}
.contact__form__radio input:checked+.contact__form__radio__picto::after{
opacity:1!important
}
.contact__form__radio__label{
display:inline-block;
vertical-align:middle;
cursor:pointer
}
.contact__form__radio input:checked~.contact__form__radio__label{
cursor:default
}
.contact__form__subject__item{
display:-ms-flexbox;
display:flex;
height:60px;
-ms-flex-align:center;
align-items:center;
color:#a1a2a4;
border-bottom:1px solid #d6d7d9
}
.contact__form__subject__item:last-child{
border-bottom:none
}
.contact__form__subject__item .contact__form__radio__picto{
margin-right:15px
}
@media screen and (min-width:1024px){
.contact__form__subject__item{
height:77px
}
.contact__form__subject__item .contact__form__radio__picto{
margin-right:30px
}

}
#contact__form__info__call{
display:none!important
}
.contact__form--project #contact__form__info__call{
display:block!important
}
#contact__form__jobs,#contact__form__salary{
margin-bottom:0!important;
border:1px solid red;
overflow:hidden;
transition:height .5s,opacity .4s
}
#contact__form__jobs.contact__form__jobs--hidden,#contact__form__salary.contact__form__salary--hidden{
height:0!important;
visibility:hidden;
opacity:0;
transition:height .5s,visibility 0s .5s,opacity .4s
}
#contact__form__jobs__select-wrapper,#contact__form__salary__select-wrapper{
position:relative;
display:inline-block;
width:60%;
margin-right:1.39%;
margin-bottom:40px;
overflow:hidden;
background-color:#fff
}
#contact__form__jobs__select-picto,#contact__form__salary__select-picto{
position:absolute;
top:0;
right:0;
bottom:0;
width:53px;
border-left:1px solid #eaeaea
}
#contact__form__jobs__select-picto::after,#contact__form__jobs__select-picto::before,#contact__form__salary__select-picto::after,#contact__form__salary__select-picto::before{
content:"";
position:absolute;
top:50%;
left:50%;
display:block;
width:0;
height:0;
border-style:solid;
margin-left:-2px
}
#contact__form__jobs__select-picto::before,#contact__form__salary__select-picto::before{
border-width:0 2.5px 3px;
border-color:transparent transparent #818383;
margin-top:-3px
}
#contact__form__jobs__select-picto::after,#contact__form__salary__select-picto::after{
border-width:3px 2.5px 0;
border-color:#818383 transparent transparent;
margin-top:3px
}
#contact__form__jobs__select,#contact__form__salary__select{
position:relative;
width:calc(100% + 20px);
height:54px;
border:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
color:#c2c2c2;
background-color:transparent;
z-index:1
}
#contact__form__jobs__select::-ms-expand,#contact__form__salary__select::-ms-expand{
display:none
}
#contact__form__jobs__detail{
margin-top:0
}
#contact__form__jobs__detail,#contact__form__salary__detail{
width:37.5%;
margin-left:-4px
}
.no-touchevents #contact__form__jobs__detail:hover,.no-touchevents #contact__form__salary__detail:hover{
background-color:#818383
}
@media screen and (min-width:1024px){
#contact__form__jobs__select-wrapper,#contact__form__salary__select-wrapper{
width:49.23%
}
#contact__form__jobs__select-picto,#contact__form__salary__select-picto{
width:72px
}
#contact__form__jobs__detail,#contact__form__salary__detail{
width:148px
}
#contact__form__info>div,#contact__form__name>div{
display:-ms-flexbox;
display:flex;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-pack:justify;
justify-content:space-between
}

}
#contact__form__info input[type=email],#contact__form__info input[type=tel],#contact__form__info input[type=text],#contact__form__name input[type=email],#contact__form__name input[type=tel],#contact__form__name input[type=text]{
display:block;
margin-bottom:10px
}
#contact__form__info input[type=email]:last-of-type,#contact__form__info input[type=tel]:last-of-type,#contact__form__info input[type=text]:last-of-type,#contact__form__name input[type=email]:last-of-type,#contact__form__name input[type=tel]:last-of-type,#contact__form__name input[type=text]:last-of-type{
margin-bottom:0
}
#contact__form__name .contact__form__title--job,.contact__form--job #contact__form__name .contact__form__title{
display:none!important
}
.contact__form--job #contact__form__name .contact__form__title--job{
display:block!important
}
#contact__form__name__first,#contact__form__name__last{
display:none!important
}
.contact__form--job #contact__form__name__first,.contact__form--job #contact__form__name__last{
display:block!important
}
.contact__form--job #contact__form__name__company,.contact__form--job #contact__form__name__personal{
display:none!important
}
#contact__form__salary{
display:none
}
.contact__form--job #contact__form__salary{
display:block
}
#contact__form__edu{
width:100%
}
.js #contact__form__edu{
display:none
}
.contact__form__edu__item{
position:relative;
padding:15px;
margin:0 -15px 25px;
border:1px solid #e6e7ea
}
.contact__form__edu__item:first-child{
border:none
}
#contact__form__edu .contact__form__radio{
margin-right:35px
}
#contact__form__edu .contact__form__radio__picto{
margin-right:15px
}
#contact__form__edu .contact__form__radio__label{
font-size:13px;
color:#262626
}
.contact__form__edu__studies{
margin-bottom:30px
}
#contact__form__org .contact__form__title,.contact__form__edu__studies>input:first-child{
margin-bottom:10px
}
@media screen and (min-width:1024px){
.contact__form__edu__studies{
display:-ms-flexbox;
display:flex;
-ms-flex-pack:justify;
justify-content:space-between
}
.contact__form__edu__studies>input:first-child{
margin-bottom:0
}

}
.contact__form__edu__dates{
margin-bottom:30px
}
.contact__form__edu__dates__inputs{
display:-ms-flexbox;
display:flex
}
.contact__form__edu__dates__end,.contact__form__edu__dates__start{
width:160px!important;
text-align:center
}
@media screen and (min-width:768px){
.contact__form__edu__dates__end,.contact__form__edu__dates__start{
width:180px!important
}

}
.contact__form__edu__dates__link{
display:inline-block;
width:45px;
height:50px;
line-height:50px;
background-color:#fff;
vertical-align:top;
border-top:1px solid #e6e6e6;
border-bottom:1px solid #e6e6e6;
color:#262626;
text-align:center
}
.contact__form__edu__item:first-child .contact__form__edu__remove,.js #contact__form__org,.no-js #contact__form__file__btn{
display:none
}
@media screen and (min-width:768px){
.contact__form__edu__dates__link{
width:55px
}

}
@media screen and (min-width:1024px){
.contact__form__edu__dates__link{
height:68px;
line-height:68px
}

}
.contact__form__edu__remove{
position:absolute;
right:25px;
bottom:25px;
width:28px;
height:28px;
background-color:#72bf44
}
#contact__form__edu__add__icon::after,#contact__form__edu__add__icon::before,.contact__form__edu__remove::after,.contact__form__edu__remove::before{
position:absolute;
background-color:#fff;
content:""
}
.contact__form__edu__remove::after,.contact__form__edu__remove::before{
top:50%;
left:50%;
transform:rotate(-45deg)
}
.contact__form__edu__remove::before{
width:10px;
height:2px;
margin-top:-1px;
margin-left:-5px
}
.contact__form__edu__remove::after{
width:2px;
height:10px;
margin-top:-5px;
margin-left:-1px
}
#contact__form__edu__add{
padding:0 30px
}
#contact__form__edu__add__icon{
position:relative;
display:inline-block;
width:10px;
height:10px;
margin-right:12px
}
#contact__form__edu__add__icon::before{
top:4px;
left:0;
width:10px;
height:2px
}
#contact__form__edu__add__icon::after{
top:0;
left:4px;
width:2px;
height:10px
}
#contact__form__org .contact__form__radio{
margin-right:35px
}
#contact__form__org .contact__form__radio__picto{
margin-right:15px
}
#contact__form__org .contact__form__radio__label{
font-size:13px;
color:#262626
}
#contact__form__memberships__input,#contact__form__org textarea{
min-height:200px
}
#contact__form__exp,#contact__form__memberships,#contact__form__prev-address{
margin-bottom:45px
}
#contact__form__eligible,#contact__form__perform{
margin-bottom:40px
}
fieldset#contact__form__message{
margin-bottom:25px
}
#contact__form__message__input{
min-height:360px
}
#contact__form__submit{
width:calc(50% - 5px);
transition:opacity .4s background-color .3s
}
.no-touchevents #contact__form__submit:hover{
background-color:#818383
}
#contact__form__submit:disabled{
background-color:#818383;
pointer-events:none;
opacity:.3
}
#contact__form__submit__picto{
display:inline-block;
width:15px;
height:13px;
margin-left:-15px;
fill:#fff
}
#contact__form__submit__picto svg{
display:block;
width:100%;
height:100%
}
#contact__form__submit__label{
display:inline-block;
margin-left:15px
}
#contact__form__file{
position:relative;
display:inline-block;
width:calc(50% - 5px)
}
@media screen and (min-width:1024px){
#contact__form__submit{
width:224px
}
#contact__form__file{
width:auto;
margin-left:8px
}
#contact__form__file__btn{
padding:0 82px 0 54px
}

}
#contact__form__file__input{
display:inline-block
}
.js #contact__form__file__input{
width:.1px;
height:.1px;
opacity:0;
overflow:hidden;
position:absolute;
z-index:-1
}
#contact__form__file__btn{
display:block;
background-color:#72bf44;
text-align:center
}
.no-touchevents #contact__form__file__btn:hover{
background-color:#bfd730
}
#contact__form__file__btn__picto{
display:inline-block;
width:19px;
height:10px;
margin-right:10px;
fill:#fff
}
#contact__form__file__btn__picto svg{
display:block;
width:100%;
height:100%
}
#contact__form__file__btn__label{
display:inline-block
}
#contact__form__file-infos{
margin-top:20px;
font-size:13px;
line-height:1.85em;
color:#a3a4a4
}
#contact__form__vendor-doc{
display:none;
padding-top:25px
}
.contact__form--vendor #contact__form__vendor-doc{
display:block
}
#contact__form__vendor-doc__txt{
color:#72bf44;
font-weight:500;
font-size:14px
}
#contact__form__vendor-doc__link{
position:relative;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-pack:start;
justify-content:flex-start;
margin-top:2em;
font-size:10px;
text-transform:uppercase;
letter-spacing:.15em;
line-height:1.4em;
color:#000;
font-weight:500
}
.no-touchevents #contact__form__vendor-doc__link:hover{
color:#72bf44
}
#contact__form__vendor-doc__link::after{
content:"";
position:relative;
top:7px;
left:0;
display:block;
width:80px;
height:1px;
margin-left:10px;
background-color:#e6e6e6;
transform-origin:top left;
transition:transform .4s cubic-bezier(.77,0,.175,1),background-color .4s
}
.no-touchevents #contact__form__vendor-doc__link:hover::after{
transform:translateX(-5px) scaleX(.25);
background-color:#72bf44
}
#contact__infos{
position:relative;
margin-top:90px
}
#contact__infos a{
transition:opacity .3s
}
.no-touchevents #contact__infos a:hover{
opacity:.6
}
#contact__infos__panel{
position:relative;
width:86.96%;
padding-bottom:20px;
margin-left:6.52%;
background-color:#72bf44;
color:#fff;
z-index:1
}
#contact__infos__panel__title{
font-size:18px;
font-weight:700;
background-color:#bfd730;
padding:30px 16.67%
}
@media screen and (min-width:1024px){
#contact__form__vendor-doc__link::after{
width:130px;
margin-left:30px
}
.no-touchevents #contact__form__vendor-doc__link:hover::after{
transform:translateX(-10px) scaleX(.7)
}
#contact__infos{
min-height:710px
}
#contact__infos__panel{
width:27.36%;
padding-bottom:40px;
margin-left:15.14%
}
#contact__infos__panel__title{
padding:45px 0 40px 20.3%
}

}
@media screen and (min-width:1280px){
#contact__infos__panel__title{
font-size:21px
}

}
.contact__infos__panel__set{
padding-bottom:40px;
margin-top:40px;
margin-right:33.33%;
margin-left:16.67%;
border-bottom:1px solid rgba(255,255,255,.2);
font-size:11px;
line-height:1.54em
}
.contact__infos__panel__set:last-child{
margin-bottom:0;
border:none
}
.contact__infos__panel__subtitle{
padding-bottom:25px;
font-size:13px;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:500;
line-height:1em
}
#contact__jobs__title,.contact__jobs__item__title{
font-weight:700;
font-family:gt_walsheim,Helvetica,Arial,sans-serif
}
#contact__infos__address,#contact__infos__phone{
padding-bottom:10px
}
#contact__infos__careers a,#contact__infos__email a,#contact__infos__phone a{
white-space:nowrap;
color:#fff
}
#contact__infos__map{
height:405px;
margin-top:-50px;
background-color:#eaeaea
}
#contact__jobs{
margin-top:60px
}
#contact__jobs__cover{
height:170px;
background:url(img/contact-jobs.jpg) center center no-repeat;
background-size:cover
}
@media screen and (min-width:1024px){
.contact__infos__panel__set{
margin-right:29.19%;
margin-left:20.3%;
font-size:13px
}
.contact__infos__panel__subtitle{
font-size:15px
}
#contact__infos__map{
position:absolute;
top:50px;
left:8.13%;
right:8.13%;
height:660px;
margin-top:0
}
#contact__jobs{
margin-top:130px
}
#contact__jobs__cover{
height:255px;
margin-right:15.14%;
margin-left:15.14%
}

}
#contact__jobs__content{
padding-top:55px;
margin-right:6.52%;
margin-left:6.52%;
background-color:#fff
}
#contact__jobs__title{
font-size:26px;
line-height:1em
}
@media screen and (min-width:1024px){
#contact__jobs__content{
margin-top:-35px;
margin-right:22.15%;
margin-left:22.15%;
padding:85px 7.01% 50px
}
#contact__jobs__title{
font-size:46px
}

}
#contact__jobs__intro{
padding-bottom:50px;
margin-top:30px;
font-size:16px;
line-height:1.44em;
color:#949494
}
@media screen and (min-width:1024px){
#contact__jobs__intro{
max-width:750px;
padding-bottom:60px;
margin-top:40px;
font-size:18px;
line-height:1.89em
}

}
.contact__jobs__item{
padding-top:25px;
padding-bottom:30px;
border-top:1px solid #eaeaea
}
@media screen and (min-width:1024px){
.contact__jobs__item{
max-width:700px;
padding-top:45px;
padding-bottom:40px
}

}
.contact__jobs__item__title{
padding-bottom:25px;
color:#72bf44
}
.contact__jobs__item__desc{
position:relative;
color:#949494;
font-size:14px;
line-height:1.79em;
overflow:hidden;
transition:height .7s cubic-bezier(.77,0,.175,1)
}
.contact__jobs__item__desc--truncated .contact__jobs__item__desc__txt{
visibility:hidden;
opacity:0;
transition:opacity .7s,visibility 0s .7s
}
.contact__jobs__item__desc--expanded .contact__jobs__item__desc__txt{
visibility:inherit;
opacity:1;
transition:opacity .7s
}
.contact__jobs__item__desc__truncated-txt{
position:absolute;
top:0;
left:0;
visibility:hidden
}
.contact__jobs__item__desc--truncated .contact__jobs__item__desc__truncated-txt{
visibility:inherit;
transition:opacity .7s
}
.contact__jobs__item__desc--expanded .contact__jobs__item__desc__truncated-txt{
opacity:0;
visibility:hidden;
transition:opacity .7s,visibility 0s .7s
}
.contact__jobs__item__close,.contact__jobs__item__more{
display:inline-block;
font-size:14px;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
transition:color .3s
}
.no-touchevents .contact__jobs__item__close:hover,.no-touchevents .contact__jobs__item__more:hover{
color:#72bf44
}
.contact__jobs__item__more{
margin-left:10px
}
.contact__jobs__item__close{
margin-top:10px;
visibility:hidden
}
.contact__jobs__item__desc--expanded .contact__jobs__item__close{
visibility:inherit
}
.contact__jobs__item__apply{
position:relative;
display:-ms-inline-flexbox;
display:inline-flex;
-ms-flex-pack:start;
justify-content:flex-start;
margin-top:2em;
font-size:10px;
text-transform:uppercase;
letter-spacing:.15em;
line-height:1.4em;
color:#000;
font-weight:500
}
.no-touchevents .contact__jobs__item__apply:hover{
color:#72bf44
}
.contact__jobs__item__apply::after{
content:"";
position:relative;
top:7px;
left:0;
display:block;
width:80px;
height:1px;
margin-left:10px;
background-color:#e6e6e6;
transform-origin:top left;
transition:transform .4s cubic-bezier(.77,0,.175,1),background-color .4s
}
.no-touchevents .contact__jobs__item__apply:hover::after{
transform:translateX(-5px) scaleX(.25);
background-color:#72bf44
}
#process-page{
position:relative;
margin-top:120px;
overflow:hidden
}
@media screen and (min-width:1024px){
.contact__jobs__item__title{
padding-bottom:45px
}
.contact__jobs__item__apply::after{
width:130px;
margin-left:30px
}
.no-touchevents .contact__jobs__item__apply:hover::after{
transform:translateX(-10px) scaleX(.7)
}
#process-page{
margin-top:82px;
padding-bottom:245px
}

}
#process__header{
padding-bottom:80px;
margin:0 6.52%
}
@media screen and (min-width:1024px){
#process__header{
padding-top:120px;
margin-right:22.15%;
margin-left:29.17%
}

}
#process__title{
margin-bottom:25px;
font-size:45px;
color:#72bf44;
line-height:.95em;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:500
}
@media screen and (min-width:1024px){
#process__title{
margin-bottom:55px;
font-size:77px
}
.process__intro__txt{
display:inline-block;
width:48.57%;
max-width:380px;
margin-left:1.43%;
vertical-align:top
}
.process__intro__txt:first-child{
margin-left:0
}

}
#process__intro{
font-size:14px;
line-height:1.64em;
color:#b0b0b0
}
@media screen and (min-width:1400px){
#process__header{
margin-right:28.47%
}
.process__intro__txt{
width:48.35%;
margin-left:1.65%
}

}
#process__lines,.process__step__outer-index{
display:none
}
#process__lines>div{
position:absolute;
width:1px;
background-color:#e9e8e8;
z-index:2
}
#process__lines>div:nth-child(1){
top:130px;
left:22.15%;
height:32%
}
#process__lines>div:nth-child(2){
top:44%;
left:22.15%;
height:33%
}
#process__lines>div:nth-child(3){
bottom:0;
left:22.15%;
height:16%
}
#process__lines>div:nth-child(4){
top:13%;
right:22.15%;
height:24%
}
#process__lines>div:nth-child(5){
top:45%;
right:22.15%;
height:33%
}
@media screen and (min-width:1024px){
#process__lines{
display:block
}
.process__step{
position:relative
}
.process__step:nth-child(2),.process__step:nth-child(3){
margin-top:125px
}
.process__step:nth-child(4){
margin-top:160px
}
.process__step:nth-child(5){
margin-top:115px
}
.process__step:nth-child(6){
margin-top:145px
}
.process__step::after{
content:"";
position:absolute;
bottom:-83px;
left:50%;
width:1px;
height:73px;
background-color:#e9e8e8
}
.process__step:last-child::after{
content:none
}
.process__step__outer-index{
position:absolute;
top:0;
display:block;
font-size:520px;
font-weight:700;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
color:#f5f6fa;
line-height:1em;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
cursor:default
}
.process__step:nth-child(odd) .process__step__outer-index{
left:0;
transform:rotate(-90deg);
transform-origin:left center
}
.process__step:nth-child(even) .process__step__outer-index{
right:0;
transform:rotate(-90deg) translateX(100%);
transform-origin:right center
}

}
.process__step__inner{
position:relative;
display:-ms-flexbox;
display:flex;
-ms-flex-align:start;
align-items:flex-start
}
.process__step:nth-child(1) .process__step__inner{
-ms-flex-pack:justify;
justify-content:space-between
}
@media screen and (max-width:1023px){
.process__step__inner{
margin-bottom:80px
}
.process__step:nth-child(odd) .process__step__txt{
margin-right:7.25%;
margin-left:6.52%
}

}
.process__step__index{
margin-bottom:10px;
font-size:11px;
color:#000;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:700;
line-height:1em
}
#about__title,.about__body__title,.about__testimonial__ident,.process__step__title{
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:500
}
.process__step__txt{
display:inline-block;
width:43.48%;
vertical-align:top
}
.process__step:nth-child(even) .process__step__txt{
-ms-flex-order:2;
order:2
}
@media screen and (min-width:1024px){
.process__step__index{
font-size:15px
}
.process__step__txt{
width:19.65%
}
.process__step:nth-child(1) .process__step__txt,.process__step:nth-child(3) .process__step__txt,.process__step:nth-child(5) .process__step__txt{
margin-right:7.71%;
margin-left:29.86%
}

}
@media screen and (min-width:1400px){
.process__step__txt{
width:13.33%
}
.process__step:nth-child(1) .process__step__txt,.process__step:nth-child(3) .process__step__txt,.process__step:nth-child(5) .process__step__txt{
margin-left:36.18%
}

}
.process__step__title{
margin-bottom:15px;
font-size:28px;
color:#72bf44;
line-height:1em
}
@media screen and (min-width:1024px){
.process__step__title{
margin-bottom:35px;
font-size:42px
}

}
.process__step__body{
font-size:14px;
color:#a9a9a9;
line-height:1.64em
}
.process__step__img{
display:inline-block;
width:36.23%;
height:auto
}
.process__step:nth-child(even) .process__step__img{
-ms-flex-order:1;
order:1
}
@media screen and (max-width:1023px){
.process__step__img{
margin-top:40px
}
.process__step:nth-child(even) .process__step__img{
margin-right:7.25%;
margin-left:6.52%
}

}
#about-page{
margin-top:80px
}
#about__header{
position:relative;
background-color:#f2f4f6;
line-height:0;
overflow:hidden
}
@media screen and (min-width:1024px){
.process__step:nth-child(1) .process__step__img{
width:20.35%;
margin-right:22.15%
}
.process__step:nth-child(2) .process__step__img{
width:20.35%;
margin-right:.69%;
margin-left:29.17%
}
.process__step:nth-child(3) .process__step__img{
width:13.33%
}
.process__step:nth-child(4) .process__step__img{
width:27.36%;
margin-right:.69%;
margin-left:22.15%
}
.process__step:nth-child(5) .process__step__img{
width:20.35%
}
.process__step:nth-child(6) .process__step__img{
width:21.04%;
margin-right:7.01%;
margin-left:22.15%
}
#about-page{
margin-top:82px;
padding-bottom:100px
}
#about__header{
margin:0 7.23% 65px
}

}
#about__header__img{
width:100%;
height:auto;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#about__content{
position:relative;
margin:20px 6.52% 80px
}
#about__title{
margin-bottom:15px;
font-size:18px;
line-height:1.24em;
color:#2d2d2d
}
@media screen and (min-width:1024px){
#about__content{
display:-ms-flexbox;
display:flex;
-ms-flex-align:start;
align-items:flex-start;
margin:0 0 300px
}
#about__content::before{
content:"";
position:absolute;
top:0;
left:14.44%;
width:1px;
height:100%;
background-color:#e9e8e8
}
#about__title{
width:24.2%;
margin-bottom:0;
margin-left:22.15%;
font-size:32px
}
#about__body{
width:34.38%;
max-width:650px;
padding-top:15px;
margin-left:3.85%
}

}
@media screen and (min-width:1280px){
#about__header{
margin:0 8.13% 85px
}
#about__title{
font-size:41px
}
#about__body{
padding-top:70px
}

}
#about__body{
font-size:14px;
line-height:1.64em;
color:#919191
}
#about__body p{
margin-bottom:1.5em
}
#about__body__intro{
margin-bottom:35px
}
#about__body__img-container{
margin-bottom:20px
}
@media screen and (min-width:1024px){
#about__body__intro{
margin-bottom:55px
}
#about__body__img-container{
position:absolute;
left:0;
width:43.19%;
max-width:750px;
margin-top:-140px;
margin-bottom:0
}
#about__body__img-container::before{
content:"";
position:absolute;
top:-70px;
right:0;
bottom:-60px;
left:0;
background-color:#fff
}
#about__body__img__overlay{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#f2f4f6;
visibility:hidden;
transform-origin:right top
}
.js #about__body__img__overlay{
visibility:inherit
}
#about__body__img__square{
position:absolute;
bottom:-60px;
left:0;
width:18.81%;
height:auto;
background-color:#72bf44;
z-index:2
}
#about__body__img__square::after{
content:"";
display:block;
width:100%;
height:auto;
padding-bottom:100%
}

}
#about__body__img__mask{
overflow:hidden;
line-height:0
}
#about__body__img{
position:relative;
width:100%;
height:auto
}
.about__body__title{
color:#2d2d2d;
font-size:18px;
margin-bottom:15px
}
.about__body__link{
position:relative;
color:#2d2d2d;
transition:color .3s
}
.about__body__link:hover{
color:#72bf44
}
.about__body__link::after{
content:"";
position:absolute;
bottom:-1px;
left:0;
width:100%;
height:1px;
background-color:currentColor
}
.about__testimonial{
margin:0 6.52% 80px
}
@media screen and (min-width:1024px){
#about__content__square{
position:absolute;
bottom:-150px;
left:36.18%;
width:6.32%;
height:auto;
background-color:#f2f4f6
}
#about__content__square::after{
content:"";
display:block;
width:100%;
height:auto;
padding-bottom:100%
}
.about__testimonial{
width:55.42%;
margin-bottom:140px;
margin-right:0;
margin-left:8.13%
}
.about__testimonial:nth-child(odd){
margin-left:36.18%
}

}
.about__testimonial__video{
position:relative;
line-height:0
}
.about__testimonial__video__cover{
width:100%;
height:auto
}
.about__testimonial__video__cta{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
cursor:pointer;
z-index:2
}
.about__testimonial__video__cta__bg{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#000;
opacity:.5;
transition:opacity .3s
}
.about__testimonial__video__cta:hover .about__testimonial__video__cta__bg{
opacity:.3
}
.about__testimonial__video__cta__btn{
position:absolute;
top:50%;
left:50%;
width:85px;
height:85px;
margin-top:-42px;
margin-left:-42px
}
.about__testimonial__video__cta__btn::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
border:2px solid #fff;
border-radius:50%;
transition:transform .3s
}
.about__testimonial__video__cta__btn:hover::before{
transform:scale(1.05,1.05)
}
.about__testimonial__video__cta__btn::after{
content:"";
position:absolute;
top:50%;
left:50%;
display:block;
width:0;
height:0;
margin-top:-5px;
margin-left:-3px;
border-style:solid;
border-width:6px 0 6px 10px;
border-color:transparent transparent transparent #fff
}
.about__testimonial__video__player{
position:absolute;
top:0;
right:0;
bottom:0;
left:0
}
.about__testimonial__body{
margin:50px 8.33% 0
}
.about__testimonial__index{
color:#a9a9a9;
font-size:15px
}
@media screen and (min-width:1024px){
.about__testimonial__body{
display:-ms-flexbox;
display:flex;
margin:70px 0 0
}
.about__testimonial__index{
width:25.31%;
font-size:14px
}

}
.about__testimonial__body__infos{
margin-top:16px
}
.about__testimonial__quote{
margin-bottom:20px;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-size:20px;
line-height:1.2em
}
@media screen and (min-width:1024px){
.about__testimonial__body__infos{
width:74.69%;
padding-right:1.25%;
margin-top:-12px
}
.about__testimonial__quote{
margin-bottom:25px;
font-size:20px;
line-height:1.5em
}

}
@media screen and (min-width:1280px){
.about__testimonial__quote{
margin-bottom:40px;
font-size:26px
}

}
.about__testimonial__quote::before{
content:"“"
}
.about__testimonial__quote::after{
content:"”"
}
.about__testimonial__quote p{
display:inline
}
.about__testimonial__ident{
position:relative;
padding-top:20px;
margin-bottom:8px;
font-size:16px;
line-height:1em
}
.about__testimonial__ident::before{
content:"";
position:absolute;
top:0;
left:0;
display:block;
width:47px;
height:1px;
background-color:#2d2d2d
}
.about__testimonial__project{
font-size:13px;
color:#a9a9a9
}
#solutions__price__title,#solutions__service__title,#solutions__subtitle{
color:#FFF;
font-family:gt_walsheim,Helvetica,Arial,sans-serif
}
#about__anim-in-shape-1,#about__anim-in-shape-2{
position:absolute;
top:0;
left:0;
background-color:#f2f4f6;
transform-origin:left top;
visibility:hidden
}
#about__anim-in-shape-2{
height:auto
}
@media screen and (min-width:1024px){
#about__anim-in-shape-2{
width:7.23%
}
#about__anim-in-shape-2::after{
content:"";
display:block;
width:100%;
height:auto;
padding-bottom:100%
}
.js #about__anim-in-shape-2{
visibility:inherit
}

}
#solutions__header,#solutions__intro__body,#solutions__price__images{
position:relative
}
#solutions__title-wrapper{
position:relative;
padding-top:115px;
padding-bottom:75px;
padding-left:13.77%
}
@media screen and (min-width:1024px){
#solutions-page{
margin-top:0px
}
#solutions__header::before{
content:"";
position:absolute;
top:0;
left:8.13%;
width:1px;
height:100%;
background-color:rgba(193,193,193,.29)
}
#solutions__title-wrapper{
padding-top:235px;
padding-bottom:185px;
padding-left:15.14%
}

}
@media screen and (min-width:1280px){
#about__anim-in-shape-2{
width:8.13%
}
#solutions__title-wrapper{
padding-top:275px
}

}
#solutions__header__img-wrapper{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
overflow:hidden;
line-height:0
}
#solutions__header__img,#solutions__price__img-1,#solutions__price__img-2{
width:100%;
height:auto;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#solutions__title{
position:relative;
margin-bottom:15px;
color:#72bf44;
font-size:12px;
line-height:1em;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:700
}
@media screen and (min-width:1024px){
#solutions__header__img-wrapper{

}
#solutions__title{
font-size:22px
}

}
#solutions__subtitle{
position:relative;
font-size:25px;
line-height:1.08em;
font-weight:700
}
@media screen and (min-width:1024px){
#solutions__subtitle{
font-size:40px
}

}
@media screen and (min-width:1280px){
#solutions__subtitle{
font-size:58px
}

}
@media screen and (min-width:1400px){
#solutions__title-wrapper{
padding-top:335px
}
#solutions__subtitle{
font-size:74px
}

}
#solutions__intro{
position:relative;
margin-top:-50px;
margin-right:6.52%;
margin-left:6.52%;
font-size:14px;
line-height:186%;
color:#FFFFFF;
padding:45px 14.49%
}
@media screen and (min-width:1024px){
#solutions__intro{
max-width:1000px;
margin-top:-75px;
margin-right:22.15%;
margin-left:22.15%;
padding:75px 10.25% 65px 7.81%
}

}
#solutions__intro__bg{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#72bf44;
transform-origin:left top
}
#solutions__intro__title{
position:relative;
margin-bottom:20px;
font-size:16px;
line-height:123%;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:500;
color:#fff
}
#solutions__service{
padding-top:75px;
padding-right:21.01%;
padding-left:13.77%;
background-image:url();
background-repeat:no-repeat;
background-position:-45.89% 20px;
background-size:70%
}
@media screen and (min-width:1024px){
#solutions__intro__title{
font-size:26px
}
#solutions__service{
display:-ms-flexbox;
display:flex;
min-height:400px;
padding-top:120px;
padding-right:14.44%;
padding-left:22.15%;
flex-direction: column;
-ms-flex-align:start;
align-items:flex-start;
background-position:13.19% -100px;
background-size:auto

}

}
#solutions__service__title{
position:relative;
padding-bottom:10px;
/*margin-right:6.11%;*/
font-size:16px;
line-height:1.23em;
font-weight:500;
z-index:2;
	color:#000
}
@media screen and (min-width:1024px){
#solutions__service__title{
width:100%;
padding-bottom:30px;
font-size:26px;
border-bottom:1px solid rgba(190,190,190,.38)
}
#solutions__service__body{
display:-ms-flexbox;
display:flex;
width:100%
}

}
#solutions__service__body{
padding-top:8px;
color:#ababab;
font-size:14px;
line-height:1.86em
}
#solutions__service__body p:first-child{
margin-left:0
}
#solutions__price{
margin-top:60px;
background:url() right 50px no-repeat;
background-size:50%
}
#solutions__price__images__square{
position:absolute;
top:0;
left:22.15%;
width:8.13%;
background-color:#f5f6fa;
visibility:hidden;
transform-origin:left top
}
#solutions__price__images__square::after{
content:"";
display:block;
width:100%;
height:auto;
padding-bottom:100%
}
#solutions__price__img-1-wrapper,#solutions__price__img-2-wrapper{
position:relative;
line-height:0;
background-color:#f5f6fa;
overflow:hidden;
transform:rotate(.0001deg)
}
#solutions__price__img-1-wrapper{
width:100%;
margin-left:6.52%
}
#solutions__price__img-2-wrapper{
width:100%;
margin-left:5%
}
@media screen and (min-width:1024px){
#solutions__service__body p{
width:100%;
max-width:1260px;
margin-left:3.3%
}
#solutions__price{
margin-top:40px;
background-size:auto;
background-position:right 175px
}
.scroll-anim #solutions__price__images__square{
visibility:inherit
}
#solutions__price__img-1-wrapper{
width:41.39%;
margin-left:22.15%
}
#solutions__price__img-2-wrapper{
width:21.04%;
margin-left:63.54%
}

}
#solutions__price__img-1-overlay,#solutions__price__img-2-overlay{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#f5f6fa;
visibility:hidden;
transform-origin:right top;
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
#solutions__price__txt{
margin-right:22%;
margin-left:13.77%
}
@media screen and (min-width:1024px){
.scroll-anim #solutions__price__img-1-overlay,.scroll-anim #solutions__price__img-2-overlay{
visibility:inherit
}
#solutions__price__txt{
margin-left:22%
}

}
@media screen and (min-width:1280px){
#solutions__intro{
padding:95px 12.15% 85px 9.03%
}
#solutions__price__txt{

}

}
#solutions__price__title{
width:55.56%;
margin-bottom:20px;
font-size:16px;
line-height:1.23em;
font-weight:500
}
@media screen and (min-width:1024px){
#solutions__price__title{
width:auto;
margin-bottom:45px;
font-size:26px
}

}
#solutions__price__body{
color:#ababab;
font-size:14px;
line-height:1.86em
}
#solutions__experts{
position:relative;
padding-top:45px;
margin-top:60px;
color:#fff;
text-align:center
}
#solutions__experts__bg{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#72bf44;
transform-origin:left top
}
#solutions__experts__title{
position:relative;
margin-bottom:10px;
font-size:20px;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
line-height:1em;
font-weight:500
}
@media screen and (min-width:1024px){
#solutions__experts{
padding-top:65px;
margin-top:100px
}
#solutions__experts__title{
font-size:35px
}
.scroll-anim #solutions__experts__title{
opacity:0
}

}
#solutions__experts__subtitle{
position:relative;
display:inline-block;
width:86.96%;
font-size:14px;
line-height:1.71em;
font-weight:500
}
#solutions__experts__list{
display:-ms-flexbox;
display:flex;
padding-bottom:40px;
margin-top:50px;
-ms-flex-pack:center;
justify-content:center;
-ms-flex-wrap:wrap;
flex-wrap:wrap
}
@media screen and (min-width:1024px){
#solutions__experts__subtitle{
width:27.36%
}
.scroll-anim #solutions__experts__subtitle{
opacity:0
}
#solutions__experts__list{
margin-top:120px;
padding-bottom:170px
}

}
.solutions__experts__item{
position:relative;
width:39.86%;
padding:0 2.08%;
margin-bottom:40px
}
@media screen and (min-width:1024px){
.solutions__experts__item{
width:300px;
margin-bottom:0
}
.scroll-anim .solutions__experts__item{
opacity:0
}
.solutions__experts__item::after{
content:"";
position:absolute;
top:0px;
bottom:0;
left:0;
}
.solutions__experts__item:first-child::after{
content:none
}

}
.solutions__experts__item__picto{
display:-ms-flexbox;
display:flex;
height:350px;
margin-bottom:50px;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center
}
@media screen and (min-width:1024px){
.solutions__experts__item__picto{
margin-bottom:35px;
width:100%;
height:auto;
}

}
.solutions__experts__item__picto svg{
display:block
}
.solutions__experts__item:nth-child(1) .solutions__experts__item__picto svg{
width:52px;
height:44px
}
.solutions__experts__item:nth-child(2) .solutions__experts__item__picto svg{
width:68px;
height:64px
}
.solutions__experts__item:nth-child(3) .solutions__experts__item__picto svg{
width:47px;
height:35px
}
.solutions__experts__item:nth-child(4) .solutions__experts__item__picto svg{
width:52px;
height:44px
}
.solutions__experts__item__picto path{
stroke:#650500
}
.solutions__experts__item:nth-child(2) .solutions__experts__item__picto path{
stroke:none;
fill:#650500
}
.solutions__experts__item__title{
margin-bottom:5px;
color:#ffffff;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:800;
font-size:13px;
line-height:1em
}
.solutions__experts__item__body{
font-size:12px;
line-height:1.86em;
	color:#000;
}
#solutions__clients__title,#solutions__industries__title,.solutions__industries__item__label__txt{
line-height:1em;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
color:#2e2e2e
}
#solutions__industries{
position:relative;
padding-top:100px
}
@media screen and (min-width:1024px){
.solutions__experts__item__title{
margin-bottom:10px
}
.solutions__experts__item__body{
font-size:14px
}
#solutions__industries{
padding-top:135px;
padding-bottom:175px
}

}
#solutions__industries__title{
width:32.61%;
margin-bottom:20px;
margin-left:6.52%;
font-size:13px;
font-weight:700
}
@media screen and (min-width:1024px){
#solutions__industries__title{
margin-top:35px;
width:14.03%;
margin-left:22.15%;
font-size:16px
}

}
.solutions__industries__item{
width:39.13%
}
.solutions__industries__item__label{
position:relative;
padding-left:16.67%;
margin-top:5px;
cursor:default;
z-index:2
}
@media screen and (min-width:1024px){
.solutions__industries__item{
width:41.39%;
margin-left:8.13%
}
.solutions__industries__item__label{
padding-left:33.89%;
margin-top:10px
}

}
.solutions__industries__item__label::before{
content:"";
position:absolute;
top:11px;
left:0;
width:14.2%;
height:1px;
background-color:#e5e5e5;
opacity:0;
transform:scaleX(0);
transform-origin:left top;
transition:transform .5s cubic-bezier(.77,0,.175,1),opacity 0s .5s
}
.solutions__industries__item--selected .solutions__industries__item__label::before,.solutions__industries__item:hover .solutions__industries__item__label::before{
opacity:1;
transform:scaleX(1);
transition:transform .4s cubic-bezier(.77,0,.175,1);
transform-origin:right top
}
.solutions__industries__item__label__txt{
font-size:20px;
font-weight:500;
opacity:.2;
cursor:default;
transition:opacity .3s
}
@media screen and (min-width:1024px){
.solutions__industries__item__label::before{
top:30px;
width:28.4%
}
.solutions__industries__item__label__txt{
font-size:50px
}

}
.solutions__industries__item--selected .solutions__industries__item__label__txt,.solutions__industries__item:hover .solutions__industries__item__label__txt{
opacity:1
}
.solutions__industries__item__img{
position:absolute;
top:70px;
right:6.52%;
width:50.72%;
height:auto;
opacity:0;
transition:opacity .3s
}
.solutions__industries__item--selected .solutions__industries__item__img,.solutions__industries__item:hover .solutions__industries__item__img{
opacity:1;
transition:opacity .3s .2s
}
#solutions__clients{
position:relative;
margin-top:75px;
margin-bottom:90px
}
@media screen and (min-width:1024px){
.solutions__industries__item__img{
top:135px;
right:8.13%;
width:41.39%;
max-width:600px
}
#solutions__clients{
margin-top:55px;
margin-bottom:170px
}

}
#solutions__clients__title{
position:relative;
width:28.99%;
margin-left:10.14%;
padding-left:3.62%;
background-color:#fff;
font-size:13px;
font-weight:700;
z-index:2
}
#solutions__clients__list{
display:-ms-flexbox;
display:flex;
padding:25px 7.25% 15px;
margin-top:-12px;
margin-left:6.52%;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
-ms-flex-align:center;
align-items:center;
border-top:1px solid #e4e4e4;
border-bottom:1px solid #e4e4e4;
border-left:1px solid #e4e4e4
}
.solutions__clients__item{
margin-bottom:20px;
margin-right:7.75%;
max-width:23.26%
}
@media screen and (min-width:1024px){
#solutions__clients__title{
width:17.19%;
margin-left:25.31%;
padding-left:3.16%;
font-size:16px
}
#solutions__clients__list{
padding:60px 6.32% 70px;
margin-top:-10px;
margin-left:22.15%;
-ms-flex-pack:justify;
justify-content:space-between
}
.solutions__clients__item{
margin-right:0;
margin-bottom:0;
max-width:none
}

}
.solutions__clients__item__img{
width:100%;
height:auto
}
#solutions__material{
margin-top:150px;
text-align:center
}
#solutions__material__title{
width:34.38%;
margin:0 auto 60px;
font-family:gt_walsheim,Helvetica,Arial,sans-serif;
font-weight:500;
color:#2e2e2e;
font-size:26px;
line-height:1.35em
}
#solutions__material__download,#solutions__material__select__input{
font-family:roboto,Helvetica,Arial,sans-serif;
font-size:14px;
color:#ababab;
line-height:78px;
position:relative
}
#solutions__material__download,#solutions__material__select{
display:inline-block;
height:78px;
background-color:#f5f6fa
}
#solutions__material__select{
position:relative;
min-width:23.61%;
padding-right:90px;
margin-bottom:10px;
overflow:hidden;
text-align:left;
vertical-align:top
}
#solutions__material__select__input{
width:calc(100% + 20px);
height:100%;
padding-left:30px;
-webkit-appearance:none;
border-radius:0;
border:none;
background-color:transparent;
z-index:1
}
#solutions__material__select__picto{
position:absolute;
top:0;
right:0;
bottom:0;
width:53px;
border-left:1px solid #eaeaea
}
#solutions__material__select__picto::after,#solutions__material__select__picto::before{
content:"";
position:absolute;
top:50%;
left:50%;
display:block;
width:0;
height:0;
border-style:solid;
margin-left:-2px
}
#solutions__material__select__picto::before{
border-width:0 2.5px 3px;
border-color:transparent transparent #818383;
margin-top:-3px
}
#solutions__material__select__picto::after{
border-width:3px 2.5px 0;
border-color:#818383 transparent transparent;
margin-top:3px
}
#solutions__material__download{
margin-left:2px;
padding:0 46px 0 36px;
transition:color .3s,opacity .4s
}
#not-found-page,#terms__title,.terms__section__title{
font-family:gt_walsheim,Helvetica,Arial,sans-serif
}
.no-touchevents #solutions__material__download:not(.solutions__material__download--disabled):hover{
color:#fff
}
#solutions__material__download::before{
content:"";
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
transform:scaleY(0);
transform-origin:left bottom;
background-color:#2e2e2e;
transition:transform .4s cubic-bezier(.77,0,.175,1)
}
.no-touchevents #solutions__material__download:not(.solutions__material__download--disabled):hover::before{
transform:scaleY(1);
transform-origin:left top
}
.solutions__material__download--disabled{
cursor:default
}
#solutions__material__download__picto{
position:relative;
display:inline-block;
width:35px;
height:35px;
margin-right:20px;
vertical-align:middle;
transition:opacity .4s
}
.solutions__material__download--disabled #solutions__material__download__picto{
opacity:.4
}
#solutions__material__download__picto svg{
display:block;
width:35px;
height:35px
}
#solutions__material__download__picto path{
fill:#d2d3d5
}
.no-touchevents #solutions__material__download:not(.solutions__material__download--disabled):hover #solutions__material__download__picto path{
fill:#fff;
animation:solutions__material__download__picto__path__roll-over .6s cubic-bezier(.77,0,.175,1)
}
#solutions__material__download__picto circle{
stroke:#d2d3d5;
stroke-dasharray:126;
transform-origin:center center;
transform:rotate(-90deg);
-webkit-backface-visibility:hidden;
backface-visibility:hidden
}
.no-touchevents #solutions__material__download:not(.solutions__material__download--disabled):hover #solutions__material__download__picto circle{
stroke:#fff;
animation:solutions__material__download__picto__circle__roll-over .6s cubic-bezier(.77,0,.175,1)
}
@keyframes solutions__material__download__picto__path__roll-over{
0%{
transform:translateY(-10px);
opacity:0
}
100%{
transform:translateY(0);
opacity:1
}

}
@keyframes solutions__material__download__picto__circle__roll-over{
0%{
stroke-dashoffset:126
}
100%{
stroke-dashoffset:0
}

}
#solutions__material__download__label{
position:relative;
display:inline-block;
vertical-align:middle;
transition:opacity .4s
}
.solutions__material__download--disabled #solutions__material__download__label{
opacity:.4
}
#not-found-page{
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display:-ms-flexbox;
display:flex;
-ms-flex-direction:column;
flex-direction:column;
-ms-flex-align:center;
align-items:center;
-ms-flex-pack:center;
justify-content:center
}
#not-found__status{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
color:#f4f4f4;
font-size:40vw;
font-weight:700
}
#not-found__title{
position:relative;
width:86.96%;
margin-bottom:50px;
font-size:25px;
line-height:1.2em;
text-align:center
}
@media screen and (min-width:1024px){
#solutions__material__select__input{
padding-left:40px
}
#solutions__material__select__picto{
width:72px
}
#not-found__title{
width:48.4%;
font-size:35px
}
#terms-page{
padding-bottom:140px;
margin-top:82px
}

}
@media screen and (min-width:1280px){
#not-found__title{
font-size:50px
}

}
#not-found__back{
position:relative;
display:-ms-flexbox;
display:flex;
height:68px;
padding:0 68px;
-ms-flex-align:center;
align-items:center;
background-color:#72bf44;
font-size:13px;
color:#fff;
transition:background-color .3s
}
#not-found__back:hover{
background-color:#aa1c1c
}
@media screen and (min-width:1024px){
#terms__header{
margin:0 7.23%
}

}
@media screen and (min-width:1280px){
#terms__header{
margin:0 8.13%
}

}
#terms__header::before{
content:"";
display:block;
height:180px;
background:url(img/terms.jpg) center center no-repeat;
background-size:cover
}
#terms__header__inner{
padding:30px 7.25% 0;
margin:-70px 6.52% 0;
background-color:#fff
}
#terms__title{
margin-bottom:30px;
color:#373737;
font-size:40px;
line-height:1.11em;
font-weight:700
}
@media screen and (min-width:1024px){
#terms__header::before{
height:220px
}
#terms__header__inner{
padding-top:60px;
padding-right:8.4%;
padding-left:10.07%;
margin:-70px 15.97% 0
}
#terms__title{
margin-bottom:50px;
font-size:70px
}

}
#terms__intro{
color:#949494;
font-size:15px;
line-height:1.78em
}
.terms__section{
padding-bottom:30px;
margin:30px 13.04%;
border-bottom:1px solid #eaeaea
}
@media screen and (min-width:1024px){
#terms__intro{
font-size:18px
}
.terms__section{
padding-bottom:45px;
margin-top:40px;
margin-right:28.47%;
margin-left:29.86%
}

}
.terms__section:last-child{
border-bottom:none
}
.terms__section__title{
margin-bottom:10px;
color:#72bf44;
font-size:17px;
line-height:1em;
font-weight:700
}
.terms__section__body{
color:#949494;
font-size:13px;
line-height:1.79em
}
@media screen and (min-width:1024px){
.terms__section__body{
font-size:14px
}

}