@charset "UTF-8";/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
hr,img{border:0}
article,aside,details,figcaption,figure,footer,header,hgroup,hr,main,menu,nav,section,summary{display:block}
pre,textarea{overflow:auto}
body,fieldset,ul{margin:0}
fieldset,hr,legend,td,th{padding:0}
.hidden,.invisible{visibility:hidden}
#barba-wrapper,.barba-container{min-height:100vh}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:0}
hr{box-sizing:content-box;height:1px;border-top:1px solid #ccc;margin:1em 0}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
*,.maxi-size,.scroll-content{box-sizing:border-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
legend{border:0}
textarea{resize:vertical}
table{border-collapse:collapse;border-spacing:0}
html{line-height:1.4}
ul{padding-left:0;list-style-type:none}
audio,canvas,iframe,img,svg,video{vertical-align:top}
fieldset{border:0}
.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
.hidden{display:none!important}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.full-width,.overlay{width:100%}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
@media print{
blockquote,img,pre,tr{page-break-inside:avoid}
*,:after,:before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}
a,a:visited{text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
a[href^="#"]:after,a[href^="javascript:"]:after{content:""}
blockquote,pre{border:1px solid #999}
thead{display:table-header-group}
img{max-width:100%!important}
h2,h3,p{orphans:3;widows:3}
h2,h3{page-break-after:avoid}}

.modal__btn,.no-decoration,a:not(.modal__btn){text-decoration:none}
.position-center{position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.overlay{position:absolute;top:0;left:0;height:100%}
.mid-transparent{opacity:.5}
.highlighted{color:#f5b200!important}
.center{ text-align:center}

.margin__top__page{margin-top:10%}
.margin-l-sm{margin:0 10%}
.white{color:#fff}
.black{color:#000}
.bg-white{ background-color:#fff;color:#000}
.bg-black{ background-color:#434244;color:#FFF}


a:not(.modal__btn){}
a:not(.modal__btn).to-underline{position:relative;display:inline-block}
a:not(.modal__btn).to-underline:before{content:'';position:absolute;bottom:4px;left:0;width:100%;height:3px;background-color:#ffffff;transform:scale3d(0,1,1);-ms-transform-origin:left center;transform-origin:left center}

.basic__title{display:block;}
.btn,.icon-arrow{display:inline-block}
.basic__title:not(.arrow-down):not(.basic__title--no-hover).basic__title--hover .icon-arrow,.basic__title:not(.arrow-down):not(.basic__title--no-hover):hover .icon-arrow{transform:translate3d(20px,0,0)}
.arrow-to-animate.basic__title .icon-arrow{transform:translate3d(-40px,0,0);opacity:0}


.page-loaded a:not(.modal__btn).to-underline:before{transition-duration:.75s;transition-property:transform;transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.72,.38,0,.99);transform:scale3d(1,1,1)}
.page-loaded a:not(.modal__btn).to-underline:nth-child(1):before{transition-delay:calc(1 * .2s + .5s)}
.page-loaded a:not(.modal__btn).to-underline:nth-child(2):before{transition-delay:calc(2 * .2s + .5s)}
.page-loaded a:not(.modal__btn).to-underline:nth-child(3):before{transition-delay:calc(3 * .2s + .5s)}
.page-loaded a:not(.modal__btn).to-underline:nth-child(4):before{transition-delay:calc(4 * .2s + .5s)}
.page-loaded a:not(.modal__btn).to-underline:nth-child(5):before{transition-delay:calc(5 * .2s + .5s)}
.page-loaded a:not(.modal__btn).to-underline:nth-child(6):before{transition-delay:calc(6 * .2s + .5s)}
.page-loaded a:not(.modal__btn).to-underline:nth-child(7):before{transition-delay:calc(7 * .2s + .5s)}
.page-loaded a:not(.modal__btn).to-underline:nth-child(8):before{transition-delay:calc(8 * .2s + .5s)}
.icon-arrow,.page-loaded.no-delay a:not(.modal__btn).to-underline:before{transition-delay:0s}
.page-loaded.no-delay a:not(.modal__btn).to-underline:hover:before{transform:scale3d(0,1,1);-ms-transform-origin:right center;transform-origin:right center}



[class*=" icon-"],[class^=icon-]{speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-arrow{transition-duration:.5s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);width:0;transform:translate3d(0,0,0);opacity:1}
.arrow-filter svg,.icon-arrow:before,.line.printed,.icon-arrow:before{transition-timing-function:cubic-bezier(.42,0,.58,1);transition-delay:0s}
.more-info:hover,.tool-btn a:hover{opacity:.5}
.icon-arrow:before{transition-duration:.5s;transition-property:transform;-ms-transform:rotate(0);transform:rotate(0);display:block}
.arrow-down .icon-arrow:before{-ms-transform:rotate(90deg);transform:rotate(90deg)}
.arrow-filter{display:inline-block;width:0;margin-left:5px}
.arrow-filter svg{transition-duration:.25s;transition-property:transform;width:8px}

.basic__title--large{position:absolute; width:100%; left:0; bottom:-50px;  }
.basic__title--large .label{ position:relative;}
.basic__title--large .icon-arrow{width:30%;height:2px; margin-left:calc(50% - 15%); background-color:#F00}
.basic__title--large .icon-arrow:before{}


@media screen and (max-width:1440px){
.basic__title--large{bottom:-10px;  }
.basic__title--large .label{ font-size:60px; margin:20px auto }
.padding__r-sm{ padding-right:3%}
.padding__t180{ padding-top:130px}
}



.grid {
	position:relative;
	clear:both;
	margin:auto;
	list-style:none;
	text-align:center;
}

/* Common style */
.grid figure {
	position:relative;
	overflow:hidden;
	margin:auto;
	width:100%;
	height:auto;
	cursor: pointer;
}

.grid figure img {
	position:relative;
	width:100%;
	height:auto;
	opacity:1;
}

.grid figure figcaption {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.grid figure figcaption div {
	position:absolute;
	width:100%;
	height:100%;
	top:50px;
	left:50px;
	padding:20px;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index:1000;
	text-indent:100%;
	white-space:nowrap;
	font-size:0;
	opacity:0;
}

.grid figure h2 {
	font-size:20px;
	font-weight:200;
	line-height:1.5;
	color:#FFF;
	text-align:left;
}

.grid figure h2 span {
	font-weight:800;
	padding-right:10px;
}


.grid figure p {
	position:relative;
	font-size:80px;
	font-weight:100;
	color:#000;
	border-bottom: thin solid #000;

}

.grid figure p span {
	font-size:30px;
	font-weight:100;
	border-bottom: thin solid #000;

}

.grid figure h2,
.grid figure p {
	margin:0;
}


figure.effect-snc {
}

figure.effect-snc img {
	-webkit-transition: opacity 1s, -webkit-transform 1s;
	transition: opacity 1s, transform 1s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

figure.effect-snc figcaption {
	text-align: left;
}

figure.effect-snc h2 {
	position: relative;
	padding: 0 0 50px 0;
}

figure.effect-snc p {
	display: inline-block;
	padding: 5px 0;
	text-transform: none;
	-webkit-transition: opacity 0.50s, -webkit-transform 0.50s;
	transition: opacity 0.50s, transform 0.50s;
	-webkit-transform: translate3d(-700px,0,0);
	transform: translate3d(-700px,0,0);
}

figure.effect-snc p:first-child {
	-webkit-transition-delay: 0.15s;
	transition-delay: 0.15s;
}

figure.effect-snc p:nth-of-type(2) {
	-webkit-transition-delay: 1.5s;
	transition-delay: 0.1s;
	font-size:30px;
	margin-top:30%;
}

figure.effect-snc p:nth-of-type(3) {
	-webkit-transition-delay: 1s;
	transition-delay: 0.05s;
	font-size:30px;

}


figure.effect-snc:hover img {
	opacity: 0.5;
	-webkit-transform: scale3d(1.1,1.1,1);
	transform: scale3d(1.1,1.1,1);
}

figure.effect-snc:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}



@media screen and (max-width:640px){
	.icon-arrow{height:23px}
	.icon-arrow:before{font-size:25px;width:25px}
	.basic__title--large .label{ font-size:50px; margin:0 auto }

}

.line{height:1px;display:block;width:100%;background-color:#999;transform:scale3d(0,1,1);-ms-transform-origin:left center;transform-origin:left center;margin:45px 0}
.line.printed{transform:scale3d(1,1,1);transition-duration:.75s;transition-property:transform;transition-timing-function:cubic-bezier(.72,.38,0,.99)}
.burger-menu:hover>span:after,.more-info:after{transition-duration:.45s;transition-property:transform}
.more-info:after,.tool-btn__content{transition-timing-function:cubic-bezier(.42,0,.58,1)}
.inverted .line{background-color:#666}
.more-info{position:relative}
.more-info:after{transition-delay:0s;transition-timing-function:cubic-bezier(.49,.46,.05,.995);display:inline-block;transform:translate3d(0,0,0)}
.fancy-slider:after,.fancy-slider__counter-total:before,.vue-images-item__visual:before,.vue-liste-item:after,.vue-liste-item__visuel:before,body .status-link:before{content:''}
.more-info:hover:after{transform:translate3d(5px,0,0)}
.separator{font-size:18px;color:rgba(0,0,0,.3)}
.js-scrollto{cursor:pointer}
.cover-stripe{display:block;width:50px;height:100%;background-image:url(../img/bg.png);position:absolute;top:0;z-index:5}
.cover-stripe--left{left:0;-ms-transform-origin:left center;transform-origin:left center}
.cover-stripe--right{right:0;-ms-transform-origin:right center;transform-origin:right center}

@media screen and (max-width:1440px){
	.separator{font-size:18px}
	.cover-stripe{width:55px}
	.grid figure {width: 100%;height: auto;}
	.grid figure figcaption div {top:20px;left:20px;}
	.grid figure p {font-size: 40px;}
	.grid figure p span {font-size: 20px;}
}

@media screen and (max-width:1279px){
	.separator{font-size:14px}
}

@media screen and (max-width:640px){.cover-stripe{width:30px}}

.tool-btn{position:fixed;bottom:20%;right:0;font-size:10px;font-weight:300; letter-spacing:2px}
.grid__content,.grid__item--split .grid__content,.grid__splash,.grid__wrapper{position:relative}
.tool-btn--left{right:auto;left:0}
.tool-btn--left .tool-btn__content{transform:translate3d(-50px,100%,0) rotate(-90deg);-ms-transform-origin:top left;transform-origin:top left;transition-delay:0s}
.tool-btn a{}
.tool-btn__content{transition-duration:1s,1s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.49,.46,.05,.995);transition-delay:.2s;padding:15px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-transform-origin:top right;transform-origin:top right;transform:translate3d(50px,100%,0) rotate(90deg);opacity:0}
.burger-menu:hover>span:after,.scrollbar-track-y{transition-timing-function:cubic-bezier(.42,0,.58,1)}
.tool-btn--active .tool-btn__content{transform:translate3d(0,100%,0) rotate(90deg);opacity:1}
.tool-btn--active.tool-btn--left .tool-btn__content{transform:translate3d(0,100%,0) rotate(-90deg)}
.i-style{ border:none; background-color:transparent}
#page-vid {position:relative;left:calc(50% - 640px);top:calc(50% - 360px);width:1280px;height:720px;margin:auto;}
.content {background: rgba(0, 0, 0, 1);width: 100%;height:100%}
#page-bt {position: absolute;left:calc(50% - 640px);top:calc(50% - 360px);width:1280px; height:720px;margin:auto;cursor: pointer;border:none;background-color:transparent;}
#page-bt:hover {background-color:transparent;}

@media screen and (min-width:2075px){.tool-btn__content{height:calc(100vw - 2000px)}
.tool-btn--left .tool-btn__content{height:75px}}
@media screen and (max-width:1440px){

.tool-btn__content{padding:0 55px;height:55px}
#page-vid {left:0;top:0;width:100%;height:100%;}
#page-bt {left:0;top:0;width:100%;height:100%;}


}




@media screen and (max-width:980px){
	.padding__t180{ padding-top:0}
	.tool-btn{display:none}
	.grid figure figcaption div {
		display:none
	}
}


.grid__wrapper{display:-ms-flexbox;display:flex;width:100%;padding:0 50px;-ms-flex-pack:end;justify-content:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.grid__item{width:100%; margin:30px 0}
.grid__item--fullwidth{width:100%}

.grid__item--dual{display:-ms-flexbox;display:flex;-ms-flex-align:top;align-items:top;}
.grid__item--dual .grid__content:nth-child(1){-ms-flex-preferred-size:calc(50%);flex-basis:calc(50%);-ms-flex-negative:0;flex-shrink:0;padding-right:0.333%}
.grid__item--dual .grid__content:nth-child(2){-ms-flex-preferred-size:calc(50%);flex-basis:calc(50%);-ms-flex-negative:0;flex-shrink:0;padding-left:0.333%}

.grid__item--split{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;flex-wrap: wrap;align-content:flex-start;}
.grid__item--split .grid__content:nth-child(1){width:70%;}
.grid__item--split .grid__content:nth-child(2){width:70%;}
.grid__item--split .grid__content:nth-child(3){width:40%;}
.grid__item--split .grid__content .grid__sizer{width:100%;margin:0}

.grid__content{width:100%;color:#434244}
.grid__content img{width:100%;padding:0;margin:0}
.grid__content h1{margin:50px auto;font-size:50px;font-weight:800;padding:0;}
.grid__content h2{margin:0;padding:0;font-size:30px;font-weight:800;}
.grid__content h3{margin:0;padding:0;font-size:20px;font-weight:800;}
.grid__content p{width:70%;margin:30px 0;font-size:13px;font-weight:400;line-height:2;}

.grid__content .container{ width:70%; margin:5% 0 5% 20%;font-family: 'Gotham Narrow';color:#434244}
.grid__content .container h1{margin:50px auto;font-size:50px;font-weight:900;padding:0; }
.grid__content .container h2{margin:0;padding:0;font-size:30px;font-weight:900;}
.grid__content .container h3{margin:0;padding:0;font-size:20px;font-weight:900;}
.grid__content .container p{width:70%;margin:30px 0;font-size:13px;font-weight:300;line-height:2;}


.grid__content .address{ width:60%; margin:0}
.grid__content .address .note{ font-size:36px; font-weight:600}
.grid__content .address h1{ font-size:80px; font-weight:600; margin:0 0 50px 0}
.grid__content .address p{ font-size:20px;}
.grid__content .address a{ text-decoration:none; font-weight:600; color:#000; font-size:24px;padding:20px 0}

.grid__splash{width:100%;}

@media screen and (max-width:1440px){
.grid__wrapper{padding:40px}
.grid__item--dual{margin:0}
.grid__item--dual .grid__content:nth-child(1){padding-right:10px}
.grid__item--dual .grid__content:nth-child(2){padding-left:10px}
.grid__content h1{font-size:20px;}
.grid__content h2{font-size:60px;}
.grid__content h3{font-size:30px;padding-bottom:20px}
.grid__content p{font-size:15px; line-height:1.6; padding:0 !important}
.grid__content .address h1{ font-size:60px;}

.grid__content .container{font-family: 'Gotham Narrow'; width:80%; margin:3% 0 15% 00%;}
.grid__content .container h1{margin:20px auto;font-size:25px;padding:0;}
.grid__content .container h3{margin:0;padding:0;font-size:17px;}
.grid__content .container p{width:90%;font-size:12px;}

}

@media screen and (max-width:980px){
.grid__wrapper{padding:55px}
.grid__item{-ms-flex-wrap:wrap;flex-wrap:wrap}
.grid__item--primary{width:100%;padding-left:0}
.grid__item--dual{width:100%}
.grid__item--dual .grid__content:nth-child(1){-ms-flex-preferred-size:calc(100%);flex-basis:calc(100%);padding:30px 0}
.grid__item--dual .grid__content:nth-child(2){-ms-flex-preferred-size:calc(100%);flex-basis:calc(100%);padding:30px 0}
}

@media screen and (max-width:640px){
.grid__wrapper{padding:0 30px}
.grid__content h1{padding:0;}
.grid__content p{ padding:0}
.grid__content .address h1{ margin-top:50px }
.grid__content .address a{ font-size:20px;padding:0}
}


body{font-family: 'Gotham Narrow Book'; font-weight:normal; background-color:#666 }
body.unselectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.scrollbar-track-y{transition-duration:.25s;transition-property:opacity;transition-delay:0s;position:fixed;right:0;top:0;width:7px;height:100vh;opacity:1}
.scrollbar-track-y.show{opacity:1}
.scrollbar-track{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.scrollbar-thumb-y{background-color:#ccc;opacity:.9}
.scroller-wrapper{height:100vh;overflow:hidden;width:100vw;}
.scroll-content{max-height:100vh;transform:translate3d(0,0,0)}

#barba-wrapper{width:100vw;overflow:hidden}
::-moz-selection{text-shadow:none;color:#fff;background:#dededf}
::selection{text-shadow:none;color:#fff;background:#dededf}
.associate-photo__image,.single-project__main-image,.single-project__split-image,.vue-liste-item__visuel{background-repeat:no-repeat;background-position:center;background-size:cover}
body.grey-page{background-color:#bebebf}
body .modal a:not(.modal__btn).to-underline:before,body.grey-page .burger-menu>span:after,body.grey-page a.to-underline:before,body.grey-page footer .line,body.grey-page span:before{background-color:#fff}
body.grey-page .site-header__logo>a svg path{fill:#fff}
.hover-overlay path,.transition-overlay path{fill:#fff!important}
body.grey-page footer .contact-copyright a{border-bottom:solid 1px #fff}
.transition-overlay{background-color:#cacaca;position:fixed;top:0;left:0;width:0;height:0;z-index:100;opacity:0;overflow:hidden;color:#fff}
.loader,.transition-overlay .burger-menu>span:after,.transition-overlay span:before{}
.transition-overlay__content{position:absolute;top:0;left:0;width:100vw;height:100vh}
.transition-overlay__title{position:absolute;top:0;left:0;color:#fff!important;pointer-events:none;max-width:640px}
.hover-overlay,.hover-overlay a,.transition-overlay a{color:#fff}
.transition-overlay__loader{position:absolute;bottom:150px;left:calc((100% - 150px) * .33 + 75px)}
.transition-overlay .site-header__nav,body.ie .transition-overlay .side-nav{display:none}
@media screen and (min-width:2000px){.transition-overlay__loader{left:calc((2000px - (75px * 2)) * .33 + 75px)}}
@media screen and (max-width:980px){.transition-overlay__loader{left:55px}}
@media screen and (max-width:640px){.scrollbar-track-y{opacity:0}
.transition-overlay__loader{left:30px}}
.loader{position:absolute;top:0;left:0;width:100%;height:100%}
.loader__wrapper{display:block;width:100vw;height:1px;overflow:hidden;}

.hover-overlay{background-color:#cacaca;position:fixed;top:0;left:0;width:0;height:0;z-index:20;opacity:0;overflow:hidden;pointer-events:none}
.hover-overlay--transparent{background-color:rgba(202,202,202,.8)}
.hover-overlay__content,.hover-overlay__replicates{position:absolute;top:0;left:0;width:100vw;height:100vh}
.hover-overlay .site-header__nav,body.ie .hover-overlay .side-nav{display:none}
.hover-overlay .burger-menu>span:after,.hover-overlay span:before{background-color:#fff}
.filters__wrapper{line-height:1.6;height:355px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;font-weight:300}
.filters__block{display:block;max-width:430px}
.filter-toggler{position:relative;margin-right:1em}
.filter-toggler__counter{position:absolute;font-size:.6em;right:-5px;top:.1em;transform:translate3d(100%,0,0)}
.fixed-filters{position:fixed;bottom:100px;left:75px;font-size:18px;font-weight:300}
body.ie .fixed-filters{-ms-transform:none!important;transform:none!important}



.dual-view{position:relative}
.dual-view__item{position:absolute;top:0;left:0;opacity:0;display:none;width:100%;pointer-events:none}
.dual-view__item--active{display:block;position:relative;opacity:1;pointer-events:all}


.vue-images__list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-bottom:200px}
.vue-images-item{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;width:100%;padding:250px 0 0}
.vue-images-item:last-of-type{padding-bottom:0}
.vue-images-item__content{position:fixed;bottom:20%;height:35vh;min-height:390px;left:30%;max-width:calc((100% - (75px * 2)) * (.66));display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;z-index:1;pointer-events:none}
body.ie .vue-images-item__content{-ms-transform:none!important;transform:none!important}
.vue-images-item__content a{pointer-events:all;z-index:2;position:relative}
.vue-images-item__desc{-ms-flex-positive:1;flex-grow:1}
.vue-images-item__date{ font-size:10px;letter-spacing:2px;font-weight:200;}
.vue-images-item__visual{display:block;width:640px;overflow:hidden;position:relative; margin-right:200px;cursor:pointer}
.vue-images-item__visual img{max-width:100%;position:relative;z-index:-1}
.vue-images-item__visual:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(202,202,202,.2)}
.vue-images-item__visual-inner{height:0;padding-bottom:calc(100% * .6875)}
.vue-images-item__visual-link{position:absolute;width:100%;height:100%;font-size:0;opacity:0;display:block}
@media screen and (min-width:2000px){
.vue-images-item__content{left:calc(55px + (2000px - (55px * 2)) * (.33));max-width:calc((2000px - (55px * 2)) * (.66))}
}

@media screen and (max-width:1440px){
.vue-images-item__content{bottom:55px;left:calc(55px + (100% - (55px * 2)) * (.33));max-width:calc((100% - (55px * 2)) * (.66))}
.vue-images-item__visual{width:480px}
}

@media screen and (max-width:980px){
.vue-images-item__content{left:calc(55px);max-width:calc(100% - (55px * 2))}
}

@media screen and (max-width:640px){
.vue-images__wrapper{margin-left:-30px;width:calc(100% + (30px * 2))}
.vue-images-item{padding:150px 0}
.vue-images-item:last-of-type{padding-bottom:80px}
.vue-images-item__content{left:calc(30px);max-width:calc(100% - (30px * 2));top:150px;min-height:250px;bottom:30px}
.vue-images-item__visual{width:100%;margin-right:0; margin-left:20%}
}

.vue-liste__list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.vue-liste__item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}
.vue-liste-item{position:relative;cursor:pointer;font-weight:300}
.vue-liste-item--no-link{cursor:default}
.burger-menu,.close-menu,.home__tagline,.modal__wrapper,.play__container,.single-project .js-scroll-bottom .icon-arrow:before{cursor:pointer}
.vue-liste-item--head{color:#ffffff;font-size:14px;font-weight:300}
.vue-liste-item--head .vue-liste-order{opacity:.5}
.vue-liste-item--head .vue-liste-order--active{color:#ffffff;text-decoration:underline;opacity:1}
.vue-liste-item--head .vue-liste-order--reverse svg{-ms-transform:scaleY(-1);transform:scaleY(-1)}
.vue-liste-item--head .vue-liste-order:hover{opacity:1}
.vue-liste-item:after{display:block;position:absolute;bottom:0;width:100%;height:1px;left:0;background-color:#ffffff}
.vue-liste-item__link{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;opacity:0}
.vue-liste-item__cell{padding:19px 0 21px;-ms-flex:1 0;flex:1 0;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-preferred-size:142px;flex-basis:142px}
.vue-liste-item__cell--title{-ms-flex-preferred-size:calc(100% - 290px);flex-basis:calc(100% - 290px)}
.vue-liste-item__visuel{position:absolute;display:block;width:640px;max-width:100%;right:0;top:50%;-ms-transform:translateY(-50%);transform:translateY(-50%);z-index:10;opacity:0;pointer-events:none;overflow:hidden;height:400px}
.vue-liste-item__visuel img{width:100%}
.vue-liste-item__visuel:before{display:block;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(202,202,202,.2)}
.grey-page .vue-liste-item:after,.modal .vue-liste-item:after,.site-header:after{background-color:#fff}
.vue-liste-item__visuel-content{position:absolute;top:0;left:0;width:100vw;height:100vh;color:#fff}
.vue-liste-item__visuel-content article.vue-liste-item:after{display:none}
.modal .vue-liste-item__cell--year{text-align:right}
.page-careers .vue-liste-item__cell--more{-ms-flex-preferred-size:125px;flex-basis:125px;max-width:125px}
.vue-liste-awards .vue-liste-item__cell{-ms-flex:0 0;flex:0 0}
.vue-liste-awards .vue-liste-item__cell--prix{-ms-flex:1 0;flex:1 0}
.vue-liste-awards .vue-liste-item__cell--title{-ms-flex-preferred-size:320px;flex-basis:320px;padding-right:15px}
.vue-liste-awards .vue-liste-item__cell--year{-ms-flex-preferred-size:90px;flex-basis:90px;padding-right:10px}
@media screen and (max-width:980px){.vue-liste-item__cell--hide-mobile{display:none}}

.grey-page .vue-liste-item--head,.grey-page .vue-liste-item--head .vue-liste-order--active,.modal .vue-liste-item--head,.modal .vue-liste-item--head .vue-liste-order--active{color:#fff}
.grey-page .vue-liste-item .arrow-filter svg polygon,.modal .vue-liste-item .arrow-filter svg polygon{fill:#fff}

.site-header{position:absolute;top:0;left:0;width:100vw;z-index:20;pointer-events:none}
.site-header:after,.site-header__background{position:absolute;top:0;z-index:-1;width:100%;left:0}
.site-header:after{height:180px;background-repeat:no-repeat}
.site-header__burger,.site-header__logo{pointer-events:all}
.site-header__wrapper{ height:100vh}
.site-header__logo-wrapper{margin:0}
.site-header__logo{position:absolute;width:100px;top:40px;left:50px;}
.site-header__logo img{width:100%}
body.ie .site-header__logo,body.ie .site-header__logo>a svg{}
.site-header__logo>a{display:block}
.site-header__logo>a svg{width:100%;height:auto}
.site-header__logo>a svg path{fill:#2c2c2d}
.loading-mask__logo svg path,.site-header__nav .site-header__logo>a svg path{fill:#fff}
.site-header__brand{position:fixed;display:block;right:8%;top:40px;z-index:10}
.site-header__brand a{color:#434244;font-size:12px;font-family: 'Gotham Narrow';font-weight:700;}
.site-header__brand img{width:100%}
.site-header__background{pointer-events:none;background-color:transparent;height:175px}
.site-header__filter-btn{display:none}

@media screen and (max-width:1440px){
.site-header__wrapper{padding:30px}
body.ie .site-header__wrapper{padding:75px 55px 0}
.site-header__logo{width:100px;top:40px;left:40px;}
.site-header__brand{right:130px;top:37px;}

}

@media screen and (max-width:980px){
.site-header{margin:auto;display:block;}
.site-header__logo{width:100px;top:30px;left:30px;}
.site-header .burger-menu>span{background-color:#434244}
.site-header__background{display:none}
.site-header__brand{right:120px;top:30px;}
.site-header__wrapper{padding:30px}
.site-header__wrapper .grid__item{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}
.site-header__wrapper .grid__item--dual .grid__content{width:auto}
.site-header__wrapper .grid__item--dual .grid__content:nth-child(1){-ms-flex-preferred-size:auto;flex-basis:auto;-ms-flex-positive:1;flex-grow:1}
.site-header__filter-btn--active{display:-ms-flexbox;display:flex;position:absolute;top:0;left:0;height:100%;width:calc(100% - 100px);padding-left:55px;overflow:hidden;pointer-events:all}
.site-header__filter-btn--active span{display:block;margin:auto 0}}
@media screen and (max-width:640px){
.site-header__brand{right:80px;top:30px;}
.site-header__filter-btn{padding-left:30px;width:calc(100% - 80px)}
}


.burger-menu{position:absolute;width:20px;height:30px;right:55px;top:45px;}
.burger-menu>span{position:relative;display:block;width:100%;height:1px; margin-bottom:4px}
.burger-menu>span:after,.burger-menu>span:before{content:'';width:100%;height:100%;}
.burger-menu>span:last-child{margin-bottom:0;}
.burger-menu>span:after{position:absolute}
.burger-menu>span:before{position:absolute;transform:scale3d(0,1,1)}
.burger-menu:hover>span:after{transition-delay:0s;transition-timing-function:cubic-bezier(.49,.46,.05,.995);transform:scale3d(0,1,1);-ms-transform-origin:right;transform-origin:right}
.burger-menu:hover>span:before,.close-menu:hover .close-menu__icon>span:nth-child(1):after{transition-timing-function:cubic-bezier(.42,0,.58,1);transition-duration:.45s;transition-property:transform}
.burger-menu:hover>span:before{transition-timing-function:cubic-bezier(.49,.46,.05,.995);transform:scale3d(1,1,1);-ms-transform-origin:left;transform-origin:left;transition-delay:.4s;}
.burger-menu:hover>span:nth-child(2):after{transition-delay:.1s}
.burger-menu:hover>span:nth-child(2):before{transition-delay:.5s;}
.burger-menu:hover>span:nth-child(3):after{transition-delay:.2s}
.burger-menu:hover>span:nth-child(3):before{transition-delay:.6s;}


.close-menu{position:absolute;width:30px;height:30px;top:35px;right:50px}
.close-menu__icon{width:30px;height:30px;position:relative}
.close-menu__icon>span{position:absolute;top:15px;display:block;width:30px;height:1px;-ms-transform:rotate(45deg);transform:rotate(45deg);-ms-transform-origin:center center;transform-origin:center center}
.close-menu__icon>span:after,.close-menu__icon>span:before{position:absolute;width:100%;height:100%;background-color:#000;content:''}
.close-menu__icon>span:after{transform:scale3d(1,1,1)}
.close-menu__icon>span:before{transform:scale3d(0,1,1)}
.close-menu__icon>span:last-child{margin-bottom:0;-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.close-menu__fermer{font-size:22px;font-weight:300;color:#fff}

.close-menu:hover .close-menu__icon>span:nth-child(1):after{transition-delay:0s;transition-timing-function:cubic-bezier(.49,.46,.05,.995);transform:scale3d(0,1,1);-ms-transform-origin:right;transform-origin:right}
.close-menu:hover .close-menu__icon>span:nth-child(1):before{transition-duration:.45s;transition-property:transform;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);transform:scale3d(1,1,1);-ms-transform-origin:left;transform-origin:left;transition-delay:.4s}
.close-menu:hover .close-menu__icon>span:nth-child(2):after{transition-duration:.45s;transition-property:transform;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);transform:scale3d(0,1,1);-ms-transform-origin:left;transform-origin:left;transition-delay:.1s}
.close-menu:hover .close-menu__icon>span:nth-child(2):before{transition-duration:.45s;transition-property:transform;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);transform:scale3d(1,1,1);-ms-transform-origin:right;transform-origin:right;transition-delay:.5s}

@media screen and (max-width:1440px){
.burger-menu{width:20px;height:20px;right:50px;top:45px;}
.close-menu{width:30px;height:30px;top:35px;right:45px}
.side-nav{height:55px}
}

@media screen and (max-width:980px){
.burger-menu{width:30px;height:30px;right:50px;top:40px;}
.close-menu{width:30px;height:30px;top:25px;right:50px}
.close-menu__fermer{display:none}
.side-nav{display:none}
}

@media screen and (max-width:640px){
.burger-menu{width:20px;height:20px;right:30px;top:37px;}
.close-menu{width:30px;height:30px;top:25px;right:25px}

}

.side-nav{margin-top:20px;float:right;pointer-events:none}
.contact-card,.side-nav a{pointer-events:all}
.side-nav__container{width:100%;margin:auto;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.side-nav__item:hover{opacity:.5}
.side-nav .wpml-ls-legacy-list-horizontal>ul{white-space:nowrap}
.side-nav .wpml-ls-native{font-size:30px;letter-spacing:1px;font-weight:600}
.site-header__nav{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#434244;z-index:100;display:none;overflow:hidden}
.ie .site-header__nav{-ms-transform:none!important;transform:none!important;}
.site-header__nav-wrapper{width:100%;height:100vh;overflow:auto;background:url(../img/common/contact.jpg);background-size: cover;background-position: center;}
.nav-note{position:absolute;left:10%;top:45px;color:#434244;font-size:12px; font-weight:600; z-index:10}
.int-network{position:fixed;left:55px;bottom:150px;color:#fff;font-size:11px; font-weight:500; z-index:100; opacity:0.5}
.nav-address{margin:30% 0 0 55px;color:#d1d2d4;font-size:12px; font-weight:400 !important; line-height:2;}
.nav-address a{color:#d1d2d4;font-size:12px; font-weight:500; text-decoration:none}
.nav-social{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap; align-items: left; justify-content: left; margin-top:30px;}
.nav-social .url{width:25px;height:25px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:5px;cursor:pointer;}
.nav-social .url img{width:100%}
.nav-social .url:first-child{margin-left:0}
.nav-social span{ margin-left:20px; font-size:16px; font-weight:600; line-height:2 }


.site-footer{margin:10%}
.footer-card{width:100%;position:relative}
.footer-card p{font-size:11px; font-weight:700;float:right; text-align:right}
.footer-card__container{width:100%;}
.footer-card__tile{float:left; margin:0 100px 0 0}
.footer-card__logo{float:left;margin: 0 200px 0 0}
.footer-card__logo div{width:150px;}
.footer-card__logo div img{width:100%}

.contact-item{position:relative;line-height:2;color:#fff}
.contact-copyright{float:right;padding:10%;font-size:10px; font-weight:500; letter-spacing:1px}
.inverted .contact-copyright a{border-bottom:solid 1px #fff}

@media screen and (max-width:1440px){
.site-header__nav-wrapper{padding:55px 55px 50px}
.site-nav{margin-bottom:0px}
.site-nav__item a{font-size:25px;letter-spacing:1px;}
.nav-note{left:18%}
.nav-address{margin:20% 0 0 -10px;}
.footer-card__tile{float:left; margin:100px 100px 0 0}
.footer-card__logo{ float:none;margin: 0 100px 0 0}
.contact-copyright{float:right;margin:100px 0}
}


@media screen and (max-width:980px){
.footer-card__tile{float: none; margin:50px 0 0 0}
.site-header__nav-wrapper{padding:30px}
.site-header__nav-wrapper .grid__item--dual{-ms-flex-wrap:wrap;flex-wrap:wrap}
.site-nav{margin:100px auto 0 ;}
.site-nav__item{margin:10px 0 0 -10px;display: inline-block}
.site-nav__item a{font-size:25px;}
.nav-note{ display:none}
.nav-address{margin:30% 10px;}
}

@media screen and (max-width:640px){
.site-header__nav-wrapper{padding:20px 30px 80px}
.site-nav{margin:100px auto 50px auto;}
.social__container span:nth-child(1){width:100%;}
.social__container span:nth-child(3){width:30%;}
.site-footer{padding:50px 0px 0 0}
.footer-card__logo{float:none;margin: auto}
.footer-card__tile{float:none; margin:50px 0}
.contact-item{font-size:10px}
.nav-address{ width:100%; margin:50% 0}
}



.page.page-home{padding-bottom:50px}
.page.page-home .title{position:absolute;top:5%;left:0;z-index:10;font-size:50px;font-weight:800;line-height:1; color:#0f1820}
.page.page-home .item-image{width:90%;}
.page.page-home .item-image img{width:100%}


.page.page-home .dual-view{min-height:50vh}
.page.page-home .vue-liste__wrapper{padding-top:150px}
.page.page-home__top{position:relative;z-index:5}
.page.page-home .grid-wrapper{padding-top:0}

.home__menu{font-size:16px;font-weight:700; float:right;}
.home__menu .menu-main-container{text-align:right;padding:60px 100px 0 0}
.home__menu li{opacity:0;transform:translate3d(-10px,0,0);display:inline-block;margin:0 10px}
.home__menu li:last-child{margin-right:10px}
.home__menu li a{ color:#0f1820}
.home__menu li a:hover{opacity:.5;padding-bottom:10px;border-bottom:#0f1820 solid thin}
.home__tagline{display:-ms-flexbox;display:flex;margin:30px auto; text-align:center}
.home__tagline>span{margin-right:15px}
.home__tagline>span:last-child{margin-right:0}


.wsl{}
.wsl-main-cover{margin:auto;width:100%;}
.wsl-main-cover img{width:100%}
.wsl-page-label{width:100%;height:200px;margin:100px 10px 0 0; text-align:right}


.wsl-main-row{display:block; padding:40px 0}
.wsl-main-row .label{width:50%;height:50px;text-align:left !important; margin:0 0 80px 0}
.wsl-main-row .label img{width:100%}
.wsl-main-row .subtitle{width:75%; line-height:1.5}
.wsl-main-row .subtitle img{width:100%}


.wsl-page-sublabel{width:100%;height:100px;margin:100px 10px 0 0; text-align:left}
.wsl-page-label img, .wsl-page-sublabel img{height:100%}

.wsl-page-row{display:block; margin-right:30px}
.wsl-page-row-title{width:90%;font-size:35px !important; font-weight:300 !important;}
.wsl-page-row-img{with:100%}
.wsl-page-row-img img{with:100%}
.wsl-page-row .container{padding:0 0 30px 0}
.wsl-page-row .sym{width:30px;height:30px;margin:0 20px 0 0; background-color:transparent}
.wsl-page-row .sym img{width:100%}
.wsl-page-row .subtitle{font-size:25px !important;font-weight:300; margin:30px 0 20px 0}
.wsl-page-row p{width:90%;font-size:18px; font-weight:300 !important;}



.page.page-home .dual-view{min-height:50vh}
.page.page-home .vue-liste__wrapper{padding-top:150px}
.page.page-home__top{position:relative;z-index:5}
.page.page-home .grid-wrapper{padding-top:0}

.page-loaded .home__menu li{transition-duration:1s,1s;transition-property:transform,opacity;transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(0,0,.14,.99),linear;opacity:1;transform:translate3d(0,0,0)}
.page-loaded .single-project .grid__splash,.page-loaded .subinfo__item{transition-property:transform;transition-timing-function:cubic-bezier(.42,0,.58,1);transform:translate3d(0,0,0)}
.contact-card__nav a:hover,.contact-card__social-nav li:hover,.contact-copyright a:hover{opacity:.5}
.page-loaded .home__menu li:nth-child(1){transition-delay:calc(1 * .1s + .5s)}
.page-loaded .home__menu li:nth-child(2){transition-delay:calc(2 * .1s + .5s)}
.page-loaded .home__menu li:nth-child(3){transition-delay:calc(3 * .1s + .5s)}
.page-loaded .home__menu li:nth-child(4){transition-delay:calc(4 * .1s + .5s)}
.page-loaded .home__menu li:nth-child(5){transition-delay:calc(5 * .1s + .5s)}
.page-loaded .home__menu li:nth-child(6){transition-delay:calc(6 * .1s + .5s)}
.page-loaded .home__menu li:nth-child(7){transition-delay:calc(7 * .1s + .5s)}
.page-loaded .home__menu li:nth-child(8){transition-delay:calc(8 * .1s + .5s)}
@media screen and (max-width:1440px){
.home__menu .menu-main-container{padding:10px 100px 0 0}
}

@media screen and (max-width:980px){
.page-home__menu-wrapper{display:none}
}

.vue-images-projets .vue-images-item__visual{overflow:hidden}
.page-loaded .subinfo__item{transition-duration:1s;transition-delay:.1s;transition-timing-function:cubic-bezier(.49,.46,.05,.995)}
.page-loaded .subinfo__item:last-child{transition-delay:.2s}
.page-loaded .single-project .grid__splash{transition-duration:1.7s;transition-delay:0s;transition-timing-function:cubic-bezier(.49,.46,.05,.995)}

@media screen and (max-width:640px){
.page-home__grid-wrapper{padding-top:30px}
.vue-images-projets .vue-images-item:first-of-type{padding-top:50vh}
.page.page-home .title{top:15%;font-size:30px;font-weight:800;line-height:1}
}


.project-info{background-color:#E9E9E9; padding-bottom:200px}
.project-info .grid__item:nth-child(1){ margin-top:200px}

.single-project{}
.single-project .title{width:100%;text-align:left;font-size:100px;font-weight:600;line-height:1; margin:0 0 50px 0}
.single-project .title span:nth-child(1){ padding:0 0 20px 0; border-bottom:#EC0044 2px solid;}
.single-project .title span:nth-child(2){ padding:20px; border:#EC0044 2px solid;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}

.single-project .item-image{width:100%;}
.single-project .item-image img{width:100%}

.single-project .grid__item--dual{-ms-flex-align:center;align-items:top}
.single-project .grid__item{padding:50px 0;margin:0}
.single-project .single-project__header{padding-top:0;padding-bottom:0;}
.single-project .single-project__header .grid__item--dual{padding-top:50px}
.single-project .single-project__header .single-project__title{margin:50px; text-align:center}
.single-project .single-project__title{position:relative;margin:auto; font-size:200px; font-weight:100; text-align:center;}
.single-project .single-project__header h1{font-size:60px;font-weight:100;letter-spacing:2px;color:#FFF}
.single-project .single-project__header p{font-size:10px;font-weight:300;letter-spacing:2px;text-align:center;color:#FFF}
.single-project__year{font-size:18px;font-weight:300}
.single-project__main-image,.single-project__split-image{position:absolute;left:0;top:0;width:100%;height:auto}
.single-project__image-container{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}
.single-project__internal-parallax{overflow:hidden;}
.single-project .grid__splash{position:relative}

.single-project .cover-stripe{display:block;position:absolute;width:50px;height:100%;top:0;background-image:url(../img/bg.png);z-index:2}
.next-element,footer{z-index:5;position:relative}
.single-project .cover-stripe--left{left:0;-ms-transform-origin:left center;transform-origin:left center}
.single-project .cover-stripe--right{right:0;-ms-transform-origin:right center;transform-origin:right center}
.single-project .grid__splash{transform:translate3d(0,-50px,0)}

.subinfo{width:80%;margin:auto;font-weight:300}
.subinfo__item{transform:translate3d(0,50px,0);}
.subinfo__item span{ font-size:22px; letter-spacing:1px; line-height:2; font-weight:200}

.about__slo{ width:40%;font-size:120px;font-weight:100; line-height:100px; margin:120px 0 0 120px}
.about__b-section{position:absolute;top:100px; left:50px; z-index:10}
.about__b-section .container{width:40%; padding-left:30px}
.about__b-section .title{font-size:180px;font-weight:600}
.about__b-section .t__line{ width:200px;height:5px;}
.about__b-section .subtitle{font-size:100px;line-height:1;font-weight:200}

.page__scroll{position:absolute;width:100px;top:15%; left:calc(50% - 50px);text-align:center; z-index:100}
.page__scroll img{width:100%}

@media screen and (max-width:1440px){
.single-project .grid__item{padding:55px 0}
.single-project__title{font-size:100px;font-weight:500;margin:0 0 130px}
.single-project .cover-stripe{width:55px}
.single-project .single-project__header .grid__item--dual{padding-top:25px}
.single-project .single-project__header .single-project__title{margin-bottom:50px}
.subinfo{font-size:20px}
.subinfo__item span{font-size:15px;}
.project-info .grid__item:nth-child(1){ margin-top:100px}
}


@media screen and (max-width:980px){
.single-project__year{font-size:14px;margin-bottom:20px;display:block}
.single-project .cover-stripe{display:none}
.subinfo{font-size:18px}
.single-project .title{left:40px;font-size:100px;}
}

@media screen and (max-width:640px){
.single-project .grid__item{padding:30px 0}
.single-project .gallery-grid{padding-left:0;padding-right:0}
.single-project .single-project__header .single-project__title{font-size:36px}
.subinfo{width:90%;font-size:16px;font-weight:300}
}



.contact-card{width:100%;position:relative}
.contact-card__container{ text-align:center}
.contact-card__tile--right{display:-ms-flexbox;display:flex;}
.contact-card__social-nav{-ms-flex-direction:row-reverse;flex-direction:row-reverse;-ms-flex-pack:justify;justify-content:space-between;display:-ms-flexbox;display:flex}
.contact-card__social-nav li{display:inline-block}
.contact-card__nav{margin-left:75px}
.contact-item{display:-ms-flexbox;display:flex;font-size:13px;margin-bottom:8px; opacity:.5;}
.contact-item:last-child{margin-bottom:0}
.contact-item__title{width:150px}
.page-contact .page-contact__info,.page-contact h1,.page-contact__map-container{transform:translate3d(0,50px,0);opacity:0}
.inverted .contact-card a,.inverted .contact-copyright,.inverted .contact-item{color:#fff}
.inverted .contact-copyright a{border-bottom:solid 1px #fff}

@media screen and (max-width:1440px){
.contact-item{font-size:13px}
}


@media screen and (max-width:1440px){
.next-element__go-to{font-size:16px}
}

@media screen and (max-width:980px){
.contact-card__container{-ms-flex-wrap:wrap;flex-wrap:wrap}
.contact-card__tile{width:100%;margin-bottom:25px}
.contact-card__tile:last-child(){margin-bottom:0}
.contact-item{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:10px}
.contact-item__title{width:100%;display:none}
.contact-card__tile--right{-ms-flex-pack:justify;justify-content:space-between}
.contact-card__nav{margin-left:0}
}

@media screen and (max-width:640px){
.contact-copyright{font-size:9px}
}


.page-contact{color:#fff}
.page-contact h1{font-size:60px;font-weight:100;margin:50px auto;}
.page-contact .line{margin:15px 0;background-color:#fff}
.page-contact__map{height:675px}
.page-contact__map-container{height:650px;overflow:hidden}
.page-loaded .page-contact h1,.page-loaded .page-contact__info,.page-loaded .page-contact__map-container{transition-duration:2s,1.5s;transition-property:transform,opacity;opacity:1;transform:translate3d(0,0,0)}
.page-contact-info__wrapper{max-width:900px;margin:0 auto 120px}
.page-contact-info__item{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:10px;font-weight:200;line-height:3;letter-spacing:2px;text-transform:uppercase}
.page-contact-info__content--title{width:300px;font-size:10px;font-weight:200;line-height:3;letter-spacing:2px;text-transform:uppercase}
.page-loaded .page-contact__info{transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.42,0,.15,.995)}
.page-loaded .page-contact h1{transition-delay:.2s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.42,0,.15,.995);}
.page-loaded .page-contact__map-container{transition-delay:.4s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.42,0,.15,.995)}
.single-blog__back:hover,.single-blog__content a:hover{opacity:.5}
.page-loaded .page-contact .line{transition-duration:1s;transition-property:transform;transition-delay:.2s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.72,.38,0,.99);transform:scale3d(1,1,1)}

.next-element{ margin-bottom:100px}
.next-element .grid__item--dual{-ms-flex-align:top;align-items:top}
.next-element .grid__wrapper{padding-bottom:0}
.next-element h1{ padding:0; margin:0; line-height:1}
.next-element p{ font-size:14px; text-align:left; float:left; line-height:2; margin-right:30px}
.next-element a{color:#000}
.subinfo__blog{display:block}
.subinfo__blog .subinfo__item{margin-bottom:45px}

@media screen and (max-width:980px){
.next-element p{width:75%;}
}

@media screen and (max-width:640px){
.page-contact h1{font-size:30px;}

}

.single-blog .basic__title,.subinfo__blog .subinfo__item:last-child{margin-bottom:0}
.single-blog__header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:60px;position:relative}
.single-blog__back{width:100%;font-weight:300}
.single-blog__date{font-weight:300;font-size:16px}
.single-blog .single-blog__date{width:100%;text-align:right;position:absolute;bottom:6px}
.single-blog__featured-img{margin-bottom:50px}
.single-blog img{width:100%}
.single-blog__content{position:relative}
.single-blog__content img{width:100%!important;height:auto!important}
.single-blog__content h2{margin-bottom:30px;font-size:22px;font-weight:300}
.single-blog__content p,.single-blog__content ul{margin-bottom:50px}
.single-blog__content ul li{position:relative;padding-left:25px;margin-bottom:25px;font-size:18px;font-weight:300;line-height:35px}
.single-blog__content ul li:last-child{margin-bottom:0}
.single-blog__content ul li:after{content:'';position:absolute;top:16px;left:7px;width:5px;height:5px;border-radius:50%;background-color:#ffffff}
@media screen and (max-width:1440px){.single-blog__header{margin-bottom:50px}
.single-blog__content p,.single-blog__content ul{margin-bottom:40px}
.single-blog__content ul li{margin-bottom:15px;font-size:17px;line-height:30px}}
@media screen and (max-width:980px){.single-blog .contact-options{position:relative!important;-ms-transform:none!important;transform:none!important;left:auto;bottom:auto}
.single-blog .grid__item--dual{-ms-flex-direction:row;flex-direction:row}
.single-blog .grid__item--dual .grid__content:nth-child(2){-ms-flex-order:-1;order:-1}
.single-blog__header{margin-bottom:30px}
.single-blog__date{font-size:14px}
.single-blog .single-blog__date{width:100%;text-align:left;position:relative;margin-top:20px;bottom:auto}}
.page-blog .filters__block,.page-blog .filters__block-list,.page-blog__header .basic__title{transform:translate3d(0,50px,0);opacity:0}
.vue-images-article .vue-images-item__visual{max-width:500px}
.vue-images-article .vue-images-item__desc{max-width:550px}
.page-blog__header{margin-bottom:200px}
.page-blog .filters__block{max-width:430px}
.page-loaded .filters__block,.page-loaded .filters__block-list,.page-loaded .page-blog__header .basic__title{transition-duration:2s,1.5s;transition-property:transform,opacity;opacity:1;transform:translate3d(0,0,0)}
.page-loaded .page-blog__header .basic__title{transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.42,0,.15,.995)}
.page-loaded .filters__block{transition-delay:.2s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.42,0,.15,.995)}
.page-loaded .filters__block-list{transition-delay:.4s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.42,0,.15,.995)}

@media screen and (min-width:641px){
.page-blog .vue-images-item:nth-child(1){padding-top:50px}
}

.contact-options{color:#434244;position:fixed;bottom:0;z-index:1;font-family: 'Gotham Narrow';font-weight:900; font-size:20px}
.contact-options a{color:#434244}
.contact-options__wrapper{height:40px;overflow:hidden}
.contact-options__container{transition-duration:.95s;transition-property:transform;transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column}
.contact-options__item{transition-duration:.25s;transition-property:opacity;transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);padding:8px 0}
.contact-options__item--share{opacity:0}
.contact-options__item--share a:hover{opacity:.5}
.contact-options__item--placeholder{opacity:1;cursor:pointer;}
.contact-options:hover .contact-options__container{transform:translate3d(0,-50%,0)}
.contact-options:hover .contact-options__item--placeholder{opacity:0}
.contact-options:hover .contact-options__item--share{transition-delay:.25s;opacity:1}
.modal .contact-options{position:relative;bottom:auto}

@media screen and (max-width:980px){
.contact-options__container{transform:translate3d(0,-50%,0)}
.contact-options__item--share{transition-delay:.25s;opacity:1}
}
@media screen and (max-width:980px){
.contact-options{font-size:15px;}
}

.studio-video{position:relative}
.studio-video--playing .studio-video__youtube-wrapper{opacity:1}
.studio-video__youtube-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:4;pointer-events:none;opacity:0;transition:opacity .5s cubic-bezier(.49,.46,.05,.995)}
.play__arrow,.play__container:hover .play__text-container{transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1)}

.page-studio{padding-top:0}
.page-studio .grid__splash{height:auto;position:relative;overflow:hidden}
.page-studio .grid__splash img{width:100%;z-index:2;position:relative}
.page-studio .cover-stripe{background-color:#bebebf;z-index:5}
.page-studio__team{margin-top:200px}
.page-studio__join{margin-top:100px}
.page-studio__header .basic__title{transform:translate3d(0,50px,0);opacity:0;width:80%;margin:150px auto;text-align:center}
.page-studio__header h1{font-size:50px;font-weight:100; line-height:2}
.page-studio__header p{font-size:10px;font-weight:200;line-height:3;letter-spacing:2px;text-transform:uppercase}
.page-studio .vue-liste-item:hover div{opacity:.5}

.play__wrapper{position:absolute;z-index:3;top:50%;left:0;transform:translate3d(0,-50%,0)}
.play__container{ width:50%; margin:auto; text-align:center;}
.play__container:hover .play__arrow{transform:translate3d(calc(280px + 55px),calc(5px),0)}
.play__container:hover .play__text-container{transition-duration:.65s,.5s;transition-property:transform,opacity;transform:translate3d(0,-50%,0);opacity:1}
.play__arrow{transition-duration:.75s;transition-property:transform;transition-timing-function:cubic-bezier(.49,.46,.05,.995);width:100px; -ms-transform:0,calc(5px),0;transform:0,calc(5px),0}
.page-loaded .page-studio__header .basic__title,.play__text-container{transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-property:transform,opacity}
.play__arrow svg{width:100%;fill:#fff}
.play__text-container{transition-duration:.5s,.5s;transition-timing-function:cubic-bezier(.49,.46,.05,.995);position:absolute;z-index:1;top:50%;transform:translate3d(-20%,-50%,0);opacity:0}
.play__text{font-size:45px;display:block;font-weight:100;text-transform:uppercase}
.page-loaded .page-studio__header .basic__title{transition-duration:2s,1.5s;transition-timing-function:cubic-bezier(.42,0,.15,.995);opacity:1;transform:translate3d(0,0,0)}
.modal__btn,.modal__header,.page-loaded .page-studio .studio-subtitle__item{transition-timing-function:cubic-bezier(.42,0,.58,1)}
.page-loaded .page-studio .studio-subtitle__item{transition-duration:1.5s,1.5s;transition-property:transform,opacity;transition-delay:.4s,.3s;transition-timing-function:cubic-bezier(.42,0,.15,.995);opacity:1;transform:translate3d(0,0,0)}
.studio-subtitle__container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%; text-align:center;-ms-flex-direction:column;flex-direction:column;margin-top:100px}
.studio-subtitle__item{margin-top:0;transform:translate3d(0,50px,0);opacity:0}
.studio-subtitle__item:nth-child(odd){width:50%;margin-bottom:100px}
.studio-subtitle__item:nth-child(even){width:70%;-ms-flex-item-align:end;align-self:flex-end}

.associate__container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;width:50%;margin:75px auto;text-align:center}
.associate__item{max-width:calc(50% - 90px)}
.associate .associate__item-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;width:100%;-ms-flex-align:baseline;align-items:baseline}
.associate .associate__item-container .associate__item:nth-child(1) .associate__card{transform:translate3d(75px,-90px,0)}
.associate__card{transform:translate3d(-75px,-90px,0)}
.associate__card h2{font-weight:400;font-size:40px;line-height:65px;margin-top:0}
.associate__card p{margin:0}
.associate__card p a:hover{opacity:.5}
.associate-photo__container{position:relative;overflow:hidden}
.associate-photo__container img{width:100%}
.associate-photo__image{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#dededf}

@media screen and (max-width:1440px){
.studio-subtitle__container{margin-top:80px}
.studio-subtitle__item:nth-child(odd){margin-bottom:80px}
.associate{margin-top:55px}
.associate__item{max-width:calc(50% - 35px)}
.associate__card{transform:translate3d(-50px,-75px,0)}
.associate__card h2{font-size:45px;line-height:55px}
.associate .associate__item-container .associate__item:nth-child(1) .associate__card{transform:translate3d(50px,-75px,0)}
.play__arrow{width:150px;-ms-transform:0,calc(5px),0;transform:0,calc(5px),0}
.play__text{font-size:40px}
.play__container{cursor:pointer}
.play__container:hover .play__arrow{transform:translate3d(calc(250px + 55px),5px,0)}
}

@media screen and (max-width:980px){
.page-studio{padding-top:120px}
.associate__item{margin:0 auto;max-width:calc(50% - 30px);-ms-transform:none;transform:none}
.associate__card{margin-top:25px;-ms-transform:none;transform:none}
.associate .associate__item-container .associate__item:nth-child(1) .associate__card{-ms-transform:none;transform:none}
.play__arrow{-ms-transform:none;transform:none;width:130px;transform:translate3d(300px,0,0)}
.play__text-container{transform:translate3d(0,-50%,0);opacity:1}
.play__text{font-size:45px}
.play__container:hover .play__arrow{transform:translate3d(300px,0,0)}
.play__container:hover .play__text-container{transform:translate3d(0,-50%,0)}
}

@media screen and (max-width:640px){
.page-studio__header .basic__title{font-size:25px}
.studio-subtitle__item:nth-child(even),.studio-subtitle__item:nth-child(odd){width:100%}
.associate{margin-bottom:30px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.associate__item{margin:50px 0 0;max-width:100%;padding:0 5px}
.associate__item:last-child{margin-bottom:0}
.associate__card{-ms-transform:none;transform:none}
.associate__card h2{font-size:40px;line-height:45px;margin-bottom:10px}
.play__arrow{-ms-transform:none;transform:none;width:50px;transform:translate3d(calc(200px),0,0)}
.play__text-container{transform:translate3d(0,-50%,0);opacity:1}
.play__text{font-size:30px}
.play__container:hover .play__arrow{transform:translate3d(calc(200px),0,0)}
.play__container:hover .play__text-container{transform:translate3d(0,-50%,0)}
}

.modal__wrapper{position:fixed;height:100%;width:100%;right:0;top:0;z-index:10;padding-left:calc(75px * 2);display:none}
.modal__top,.modal__top-content,.modal__top:before{position:absolute;width:100%}
.modal__container{width:calc(100% - 33%);height:100vh;overflow:hidden;right:0;position:absolute;margin-left:calc(33% - 75px * 2);z-index:1;cursor:auto;background-color:#DDD}
.modal__content{max-width:1200px; width:100vw;height:100vh;outline:0; background-image:url(../img/icons/copyright.svg); background-position:center; background-repeat:no-repeat}
.modal__content .scroll-content{padding:10% 35% 200px 10% }

.modal__top{top:0;right:0;z-index:9;}
.modal__top:before{content:'';height:100%;z-index:-1}
.modal__top-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 40px;}
.modal__top-content .close-menu .close-menu__icon>span{ background-color:#dddddd}
.modal__top-content .close-menu__icon>span:after,.close-menu__icon>span:before{position:absolute;width:100%;height:100%;content:''}

.modal__header{transition-duration:1s;transition-property:transform,opacity;transition-delay:0s;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-bottom:20px;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:baseline;align-items:baseline;opacity:0;transform:translate3d(50px,0,0)}
.modal__header h1{margin:50px 0 30px 0;font-size:30px;font-family: 'Gotham Narrow';font-weight:900;color:#434244}
.modal__header h2{ width:55%;margin:20px 0;font-family: 'Gotham Narrow';font-weight:500;color:#434244;font-size:16px;}

.modal .close-menu{right:auto;left:auto;position:relative}
.modal__btn,.modal__btn:before{transition-duration:.5s;transition-delay:0s}

@media screen and (min-width:2000px){
.modal__container{width:calc(100% - (2000px * .33));margin-left:calc(2000px * .33 - 75px * 2)}
}

@media screen and (max-width:1440px){
.modal__wrapper{padding-left:calc(55px * 2)}
.modal__container{margin-left:calc(33% - 55px * 2)}
.modal__content .scroll-content{padding:150px 0 150px 100px}
.modal__header{ width:55%}
.modal__header h2{ width:65%;}
}

@media screen and (max-width:980px){
.modal__wrapper{padding-left:0;width:100%}
.modal__container{margin-left:0;width:100%}
.modal__top-content{padding:0 30px}
.modal__header h1{font-size:30px; line-height:1.3}
.modal__header h2{width:80%;font-size:20px;}
}

@media screen and (max-width:640px){
.modal__wrapper{padding-left:0;width:100%}
.modal__container{margin-left:0;width:100%}
.modal__content .scroll-content{padding:140px 30px 100px 80px}
.modal__top{height:80px;}
.modal__header{width:90%;margin-top:10px;margin-bottom:40px}
.modal__header h1{font-size:25px; line-height:1.3}
.modal__header h2{width:80%; font-size:17px;}
}



.modal__title{font-size:20px;font-weight:700;color:#000}
.modal__btn{transition-property:color;padding:25px 60px;color:#bebebf;background-color:#d8d8d8;display:inline-block;font-weight:400;line-height:1;margin-top:-80px;z-index:1;position:relative}
.modal__btn:before{transition-property:transform;content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#dededf;transform:scale3d(0,1,1);-ms-transform-origin:left center;transform-origin:left center;z-index:-1;transition-timing-function:cubic-bezier(.49,.46,.05,.995)}
.modal__btn:hover{color:#2c2c2d}
.modal__btn:hover:before{transform:scale3d(1,1,1)}
.opened .modal-block,.opened .modal__header{transition-duration:1.5s,1.25s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.42,0,.58,1);opacity:1;transform:translate3d(0,0,0)}
.opened .modal__header{transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.15,.995)}
.opened .modal-block{transition-delay:.1s;transition-timing-function:cubic-bezier(.42,0,.15,.995)}
.modal-block,.page-loaded .page-careers__header .basic__title{transition-property:transform,opacity;transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1)}
.modal-data{display:none}
.modal-block{transition-duration:1s;padding-bottom:50px;position:relative;opacity:0;transform:translate3d(50px,0,0)}
.modal-block h2{font-weight:700;}
.modal-table__container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;width:100%}
.modal-table__item{position:relative;padding-bottom:50px;}
.modal-table__item:before,.modal-text:before{position:absolute;display:block;width:100%;height:1px;bottom:0;left:0;background-color:#10181f;content:''}
.modal-table__item:first-child{padding-top:0}
.modal-table-item h1{margin:50px 0;font-size:30px;font-weight:800;}
.modal-table-item h2{margin:50px 0;font-size:20px;font-family: 'Gotham Narrow';font-weight:900;color:#434244}
.modal-table-item p{font-size:13px;font-weight:300;color:#434244;line-height:1.8}


.modal-bullet-list__container{ display:block}
.modal-bullet-list__item{position:relative;padding:5px 20px;font-size:11px;font-weight:600;color:#434244}
.modal-bullet-list__item:before{content:'';position:absolute;top:12px;left:0;display:block;height:1px;width:10px;background-color:#000000}
.modal-bullet-list__item:first-child{ margin:30px 0 0 0}

.modal-quote__container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}
.modal-quote__credit{width:30%;font-weight:300;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}
.modal-quote__name{position:relative;margin-bottom:50px}
.modal-quote__date{position:relative;bottom:3px}
.modal-quote__element{font-size:30px;width:70%;font-weight:300}
.modal-quote:before{content:'';position:absolute;display:block;width:100%;height:1px;background-color:#d8d8d8;bottom:0;left:0}

.modal-credit{margin:0; padding:50px 0}
.modal-credit__container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;-ms-flex-align:center;align-items:center;font-size:11px;font-weight:700;letter-spacing:0}
.modal-credit__credit{width:30%;min-width:150px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:end;justify-content:flex-end}
.modal-credit__name{ line-height:2}


.js-close-modal{ left:50px}

@media screen and (max-width:1440px){
.modal-block{ padding-right:50%}
.modal-block h2{font-size:20px;margin-bottom:30px}
.modal-table-item__element,.modal-table-item__title{ width:40%;font-size:11px}
.modal__title{ padding-right:15%;font-size:20px;font-weight:700}
}

@media screen and (max-width:980px){
.modal-block{ padding-right:100px}
.modal-table .item-element__container{width:100%}
.modal-table-item__title{margin-bottom:20px}
}

@media screen and (max-width:640px){
.modal-block{padding-bottom:60px;margin-bottom:40px;padding-right:30px}
.modal-table-item__element,.modal-table-item__title{font-size:11px; line-height:2}
.modal-quote__container{-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.modal-quote__element{width:100%;margin-bottom:35px}
.modal-quote__name{margin-bottom:20px}
.modal-bullet-list__item{width:100%}
.modal-credit{padding:20px 0;}
}


.loading-mask,.loading-mask__wrapper{position:fixed;width:100%;background-color:#d8d8d8;z-index:100;top:0;left:0}
.page-loaded .basic__title,.page-loaded p{transition-duration:2s,1.5s;transition-property:transform,opacity;transition-timing-function:cubic-bezier(.42,0,.58,1)}
.loading-mask{height:100%}
.loading-mask__wrapper{height:0;overflow:hidden}
.loading-mask__container{position:absolute;top:0;left:0;height:100vh;width:100vw;background-color: #eee}
.loading-mask__logo{width:90%;margin:0 auto 50px auto;text-align:center;transform:translate3d(0,75px,0);opacity:0}
.loading-mask__line{position:relative;height:1px;width:100%;max-width:800px; margin:auto;display:block;overflow:hidden;opacity:0}
.loading-mask__line:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#10181f;transform:translate3d(-100%,0,0)}
.loading-mask .grid__wrapper{height:100%;position:relative}
.loading-mask .grid__item{position:relative}
.loading-mask .grid__item--primary{padding-left:0;margin-left:33%}
.loading-mask .grid__content{width:100%;position:absolute;bottom:33%;transform:translate3d(0,-50%,0)}
.loading-mask.active .loading-mask__wrapper{bottom:0;top:auto;transition-duration:1s;transition-property:height;transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);height:100%}
.loading-mask.active .loading-mask__wrapper .loading-mask__logo{transition-duration:1s;transition-property:transform,opacity;transition-delay:.6s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);transform:translate3d(0,0,0);opacity:1}
.loading-mask.active .loading-mask__wrapper .loading-mask__line{transition-duration:0s;transition-property:opacity;transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);opacity:1}
.loading-mask.active .loading-mask__wrapper .loading-mask__line:after{animation:preloader 2s infinite cubic-bezier(.72,.38,0,.99);animation-delay:1.25s}
.loading-mask.leaving,.loading-mask.leaving .loading-mask__wrapper{top:0;bottom:auto;transition-duration:1s;transition-property:height;transition-delay:.1s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);height:0%}
.loading-mask.leaving .loading-mask__logo,.loading-mask.leaving .loading-mask__wrapper .loading-mask__logo{transition-duration:1s;transition-property:transform,opacity;transition-delay:0s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);transform:translate3d(0,-75px,0);opacity:0}
.loading-mask.leaving .loading-mask__line,.loading-mask.leaving .loading-mask__wrapper .loading-mask__line{transition-duration:1s;transition-property:transform,opacity;transition-delay:.1s;transition-timing-function:cubic-bezier(.42,0,.58,1);transition-timing-function:cubic-bezier(.49,.46,.05,.995);transform:translate3d(0,-75px,0);opacity:0}
@keyframes preloader{0%{transform:translate3d(-100%,0,0)}50%{transform:translate3d(0,0,0)}100%{transform:translate3d(100%,0,0)}}

@media screen and (max-width:1440px){
.loading-mask__logo{width:50%;font-size:16px; font-weight:700}}
}

@media screen and (max-width:980px){
.loading-mask .grid__item--primary{margin-left:0}
.loading-mask__logo{margin-bottom:50px}}

@media screen and (max-width:640px){
.loading-mask .grid__item--primary{margin-left:0}
.loading-mask .grid__content{bottom:25px}
.loading-mask__logo{width:70%;font-size:17px}}