/* FONTS */

/*
    font-family: 'Open Sans Condensed', sans-serif;

    font-family: 'Roboto', sans-serif;

    font-family: 'Roboto Condensed', sans-serif;
*/

/*@font-face {
    font-family: Freight Big Pro;
    src: url(../fonts/FreightBigPro-Light.html);
    src: url(../fonts/FreightBigPro-Lightd41d.html?#iefix) format('embedded-opentype'), url(../fonts/FreightBigPro-Light-2.html) format('woff2'), url(../fonts/FreightBigPro-Light-3.html) format('woff'), url(../fonts/FreightBigPro-Light-4.html) format('truetype'), url(../fonts/FreightBigPro-Light-5.html#FreightBigPro-Light) format('svg');
    font-weight: 200;
    font-style: normal;
}
*/
/* **************** */
/* RESET */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, 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, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'oswald';
}
iframe{
	height: 100%;
	width: 100%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
/* article, aside, details, figcaption, figure, header, hgroup, menu, nav, section { */
    display: block;
}

body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* **************** */
/* GENERAL*/
*, :after, :before {
    box-sizing: border-box;
}
button, input, select, textarea {
    color: inherit;
    font-size: inherit;
    font-style: inherit;
    font-family: inherit;
    border-radius: 0;
    -webkit-padding-start: 0;
    align-items: flex-start;
    text-index: 0;
    border: none;
    outline: none;
    background: none;
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
    line-height: 1em;
}
button, input[type=color], input[type=date], input[type=datetime-local], input[type=datetime], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=submit], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week], select, textarea {
    height: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
input[type=color] {
    width: 1em;
}
input::-ms-clear {
    display: none;
}
details, summary {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%}
mark {
    background: none;
}
hr {
    height: 1px;
    margin: 0;
    padding: 0;
}
u {
    text-decoration: none;
}
table th {
    text-align: left;
}
a {
    color: inherit;
    outline: none;
}
html {
    background: #f8f8f8;
}
.wrapper{
	display: none;
}
/* ARROW SCROLLUP */
.footer a.scrollup {
	width: 60px;
	height: 40px;
	position: fixed;
	bottom: 10px;
	right: 0px;
	display: none;
	color: white;
	background-color: #555555;
	border: 1px solid #3a3f51;
	font-size: 20px;
	text-align: center;
	line-height: 37px;
}
.footer a.scrollup > i{
	margin-top: 7px;
}
/* **************** */
/* BODY */
body {
    /*font-family: Freight Big Pro;*/
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 300;
    font-size: 16px;
    color: #40484e;
    background: url(../img/background/background.jpg);
    overflow-x: hidden;
    min-height: 100vh;
}
body.index_index{
	max-height: 100vh;
}
@media only screen and (max-width:600px) {
    body {
    font-size: 15px;
}
}@media only screen and (max-width:480px) {
    body {
    font-size: 14px;
}
/* **************** */
/* .WRAPPER */
}.wrapper {
    position: relative;
	min-height: 100vh;
	/*padding-bottom: 150px;*/
	top: -18px;
}
@media only screen and (max-width:480px) {
    .wrapper {
    padding-bottom: 280px;
}
/* **************** */
/*AJAX CONTAINER*/
}.ajax-container, .footer, .navigation, .remote-header {
    transition: opacity .7s;
}
body.ajax-transition .ajax-container, body.ajax-transition .footer, body.ajax-transition .navigation, body.ajax-transition .remote-header {
    opacity: 0;
    transition-duration: .7s;
}
/* **************** */
/* PAGE ELEMENT */
.page-element {
    position: relative;
    transition-property: transform, opacity;
}
body.page-elements-arriving .page-element {
    transition-timing-function: cubic-bezier(0, 1, 1, 1);
}
body.page-elements-leaving .page-element {
    transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
body.page-elements-animated .page-element {
    transition-duration: .4s;
}
body.page-elements-animated .page-element.delay-0 {
    transition-delay: 0s;
}
body.page-elements-animated .page-element.delay-1 {
    transition-delay: .05s;
}
body.page-elements-animated .page-element.delay-2 {
    transition-delay: .1s;
}
body.page-elements-animated .page-element.delay-3 {
    transition-delay: .15s;
}
body.page-elements-animated .page-element.delay-4 {
    transition-delay: .2s;
}
body.page-elements-animated .page-element.delay-5 {
    transition-delay: .25s;
}
body.page-elements-animated .page-element.delay-6 {
    transition-delay: .3s;
}
body.page-elements-animated .page-element.delay-7 {
    transition-delay: .35s;
}
body.page-elements-animated .page-element.delay-8 {
    transition-delay: .4s;
}
body.page-elements-animated .page-element.delay-9 {
    transition-delay: .45s;
}
body.page-elements-animated .page-element.delay-10 {
    transition-delay: .5s;
}
body.page-elements-animated .page-element.delay-11 {
    transition-delay: .55s;
}
body.page-elements-animated .page-element.delay-12 {
    transition-delay: .6s;
}
body.page-elements-animated .page-element.delay-13 {
    transition-delay: .65s;
}
body.page-elements-animated .page-element.delay-14 {
    transition-delay: .7s;
}
body.page-elements-animated .page-element.delay-15 {
    transition-delay: .75s;
}
body.page-elements-animated .page-element.delay-16 {
    transition-delay: .8s;
}
body.page-elements-animated .page-element.delay-17 {
    transition-delay: .85s;
}
body.page-elements-animated .page-element.delay-18 {
    transition-delay: .9s;
}
body.page-elements-animated .page-element.delay-19 {
    transition-delay: .95s;
}
body.page-elements-up .page-element {
    transform: translateY(-100px);
    opacity: 0;
}
body.page-elements-up .page-element.perpendicular {
    transform: translateX(-100px);
    opacity: 0;
}
body.page-elements-down .page-element {
    transform: translateY(100px);
    opacity: 0;
}
body.page-elements-down .page-element.perpendicular {
    transform: translateX(100px);
    opacity: 0;
}
body.page-elements-left .page-element {
    transform: translateX(-100px);
    opacity: 0;
}
body.page-elements-left .page-element.perpendicular {
    transform: translateY(-100px);
    opacity: 0;
}
body.page-elements-right .page-element {
    transform: translateX(100px);
    opacity: 0;
}
body.page-elements-right .page-element.perpendicular {
    transform: translateY(100px);
    opacity: 0;
}
::-moz-selection {
    background: #888;
}
::selection {
    background: #888;
}
.clearfix {
    overflow: auto;
    zoom: 1;
}
.b-scroll-set {
    cursor: pointer;
}
/*********/
/** PDF **/
.pdf {
	width: 925px;
	padding: 20px 0 0;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	line-height: 26px;
}
.pdf a:hover {
	color: #818181;
}
@media only screen and (max-width:1280px) {
	.pdf {
		width: 880px;
		margin-bottom: 18px;
	}
}
@media only screen and (max-width:960px) {
	.pdf {
		width: auto;
		margin-right: 40px;
		margin-left: 40px;
	}
}
@media only screen and (max-width:480px) {
	.pdf {
		margin-left: 20px;
		margin-right: 20px;
	}
}
/* **************** */
/* A */
a.underline {
    position: relative;
    display: inline-block;
    text-decoration: none;
}
a.underline:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #263b4c;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .2s;
    transition-timing-function: cubic-bezier(.75, 0, .5, 1);
    /*will-change: transform;*/
}
a.underline:hover:after {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(.25, 1.5, .75, 1);
}
a.sub-underline .sub-line {
    position: relative;
    display: inline-block;
}
a.sub-underline .sub-line:after {
    content: '';
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    background: #263b4c;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: transform .2s;
    transition-timing-function: cubic-bezier(.75, 0, .5, 1);
   /* will-change: transform;*/
}
a.sub-underline:hover .sub-line:after {
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(.25, 1.5, .75, 1);
}
.b-to-load img {
    opacity: 1;
    transition: opacity .5s;
	width: 100%;
}
.b-to-load.b-loaded img {
    opacity: 1;
}
.IIV::-webkit-media-controls-play-button, video::-webkit-media-controls-start-playback-button {
    opacity: 0;
    pointer-events: none;
    width: 5px;
}

/* **************** */
/* HEADER FULL-HEADER */
header.full-header {
    position: fixed;
    z-index: 4;
    pointer-events: none;
}
header.full-header, header.full-header .inner-1, header.full-header .inner-2 {
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
header.full-header .inner-1, header.full-header .inner-2 {
    position: absolute;
    /*background: #090909 url(../img/background/dark-background.jpg);*/
	background-color: #000;
    transition: transform 1s;
    transition-timing-function: cubic-bezier(.85, 0, .15, 1);
    /*will-change: transform;*/
}
header.full-header .inner-1 {
    transform: translateY(-100%);
}
header.full-header .inner-2 {
    transform: translateY(100%);
}
header.full-header .background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1600px;
    height: 400px;
	margin: -200px 0 0 -800px;
   /* opacity: .5;*/
   
	/*width: 100%;
	height: 100%;
	margin : -450px 0 0 -800px;*/
	opacity : .4;
}
header.full-header .background-video video {
    width: 100%;
    height: 100%}
header.full-header .logo { 
    /*display: block;
    position: absolute;
    top: 30px;
    left: 38px;
    width: 70px;
    height: 50px;*/
	display: block;
	position: absolute;
	top: 6%;
	left: 27px;
	width: 100px;
	height: 80px;
	margin-top: -43px;
}
header.full-header .logo .icon, header.remote-header .logo .icon {
    position: absolute;
    display: block;
    left: 12px;
    top: 10px;
    width: 47px;
    height: 23px;
}
header.full-header .logo .iconh, header.remote-header .logo .iconh {
    position: absolute;
    display: block;
    left: 7px;
    top: 10px;
    width: 47px;
    height: 23px;
}

header.full-header .logo .icon svg * {
    fill: #818181;
}
/* **************** */
/* HEADER FULL-HEADER ICON MENU CLOSE */
header.full-header .close {
    top: 21px;
    width: 50px;
    height: 50px;
    margin: 0 0 0 -25px;
	opacity: .5 !important;
}
header.full-header .close:hover {
	opacity: 1 !important;
	color: white;
}
header.full-header .close, header.full-header .close .icon {
    display: block;
    position: absolute;
    left: 50%;
	right: 5%;
}
header.full-header .close .icon {
    top: 50%;
    width: 27px;
    height: 27px;
    margin: -14px 0 0 -14px;
}
header.full-header .close .icon .bar {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 3px;
    height: 100%;
    margin-left: -2px;
    background: #fff;
    transition: transform .4s;
}
header.full-header .close .icon .bar.index-1 {
    transform: rotate(45deg);
    transition-delay: .1s;
}
header.full-header .close .icon .bar.index-2 {
    transform: rotate(135deg);
}
header.full-header .close:hover .icon .bar.index-1 {
    transform: rotate(135deg);
}
header.full-header .close:hover .icon .bar.index-2 {
    transform: rotate(225deg);
}
/* **************** */
/* HEADER FULL-HEADER LANG */
header.full-header .langs {
    display: block;
    position: absolute;
    left: 50%;
    top: 25%;
    width: 300px;
    margin: -30px 0 0 -150px;
    text-align: center;
}
header.full-header .langs .label {
    color: #797979;
    font-family: Freight Big Pro;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
    line-height: 35px;
    margin: 0 7px 0 0;
}
header.full-header .langs .label, header.full-header .langs a {
    display: inline-block;
    vertical-align: middle;
    letter-spacing: 1px;
}
header.full-header .langs a {
    position: relative;
    top: 1px;
    width: 35px;
    height: 35px;
    margin: 0 5px;
    border: 2px solid #818181;
    border-radius: 18px;
    text-decoration: none;
    line-height: 32px;
    text-transform: uppercase;
    color: #818181;
    font-family: Mohave;
    font-weight: 600;
    font-size: 13px;
    opacity: .5;
    transition: opacity .15s;
   /* will-change: opacity;*/
}
header.full-header .langs a.active, html.features-no-touch header.full-header .langs a:hover {
    opacity: 1;
}
header.full-header .langs .stroke {
    display: block;
    width: 40px;
    height: 1px;
    margin: 13px auto 10px;
    background: #797979;
}
/* **************** */
/* HEADER FULL-HEADER MENU LIST NAME */
header.full-header .list {
    position: absolute;
    top: 40%;
    left: 50%;
    width: 300px;
    height: 300px;
    margin: -150px 0 0 -150px;
    text-align: center;
    font-size: 55px;
    z-index: 1;
}
header.full-header .list a {
    display: block;
    height: 100px;
    line-height: 100px;
    font-family: 'Oswald';
    font-weight: 600;
    font-style: normal;
    color: #818181;
    text-decoration: none;
}
header.full-header .list a .name {
    position: relative;
}
header.full-header .list a .name .stroke {
    position: absolute;
    top: 60%;
    left: -10px;
    right: -10px;
    height: 5px;
    margin: -2px 0 0;
    background: #fff;
    transform: scaleX(0);
    transform-origin: 0 0;
    transition: transform .3s;
    transition-timing-function: cubic-bezier(.75, 0, .5, 1);
}
header.full-header .list a:hover .name .stroke {
	color: #fff;
    transform: scaleX(1);
    transition-timing-function: cubic-bezier(.25, 1.5, .75, 1);
}
header.full-header .list a:hover .name {
	color: #fff;
}
/* **************** */
/* HEADER FULL-HEADER SOCIAL */
header.full-header .social {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 25%;
    width: 160px;
    margin: 0 0 -50px -80px;
    text-align: center;
}
header.full-header .social .label {
    color: #797979;
    font-family: Freight Big Pro;
    letter-spacing: 1px;
    font-weight: 300;
    font-style: italic;
    font-size: 18px;
}
header.full-header .social .stroke {
    display: block;
    width: 40px;
    height: 1px;
    margin: 13px auto 10px;
    background: #797979;
}
header.full-header .social .buttons {
    font-size: 0;
}
header.full-header .social .buttons a {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 35px;
}
header.full-header .social .buttons a span.icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%}
header.full-header .social .buttons a span.icon svg {
    width: 100%;
    height: 100%}
header.full-header .social .buttons a span.icon svg * {
    fill: #797979;
    transition: fill .15s;
}
header.full-header .social .buttons a:hover span.icon svg * {
    fill: #fff;
}
header.full-header .social .buttons a.facebook span.icon {
    width: 14px;
    height: 24px;
    margin: -12px 0 0 -7px;
}
header.full-header .social .buttons a.facebook:hover span.icon {
    fill: #fff;
}
header.full-header .social .buttons a.twitter span.icon {
    width: 24px;
    height: 20px;
    margin: -10px 0 0 -12px;
}
header.full-header .social .buttons a.instagram span.icon {
    width: 23px;
    height: 23px;
    margin: -11px 0 0 -12px;
}
/* **************** */
/* HEADER FULL-HEADER ACTIVE */
header.full-header.active {
    pointer-events: auto;
}
header.full-header.active .inner-1, header.full-header.active .inner-2 {
    transform: translateY(0);
}
.title:hover {
    color: #181717;
}
/* **************** */
/* HEADER  FULL-HEADER MEDIA QUERY */
@media only screen and (max-width:1440px) {
    header.full-header .background-video {
    width: 1200px;
    height: 300px;
    margin: -150px 0 0 -600px;
}
}@media only screen and (max-width:1280px) {
    header.full-header .background-video {
    width: 800px;
    height: 200px;
    margin: -100px 0 0 -400px;
}
}@media only screen and (max-width:840px) {
    header.full-header .background-video {
    width: 600px;
    height: 150px;
    margin: -75px 0 0 -300px;
}
}@media only screen and (max-width:600px) {
    header.full-header .background-video {
    width: 400px;
    height: 100px;
    margin: -50px 0 0 -200px;
}
}@media only screen and (max-width:480px) {
    header.full-header .logo {
    /*top: 19px;
    left: 18px;*/
	top:21px;
	left: 7px;
}

header.full-header .close {
    top: 20px;
}
header.full-header .background-video {
    width: 300px;
    height: 75px;
    margin: -32px 0 0 -150px;
}
}@media only screen and (max-height:840px) {
    header.full-header .langs {
    top: 22%}
header.full-header .social {
    bottom: 20%}
}@media only screen and (max-height:600px) {
    header.full-header .langs {
    top: 22%}
header.full-header .list {
    height: 240px;
    margin-top: -120px;
    font-size: 50px;
}
header.full-header .list a {
    height: 80px;
    line-height: 80px;
}
header.full-header .list a .name .stroke {
    height: 4px;
}
header.full-header .social {
    bottom: 16%}
}@media only screen and (max-height:480px) {
    header.full-header .logo {
    top: 9px;
}
header.full-header .close {
    top: 10px;
}
header.full-header .langs .label, header.full-header .social .label {
    font-size: 16px;
}
header.full-header .list {
    height: 180px;
    margin-top: -80px;
    font-size: 34px;
}
header.full-header .list a {
    height: 60px;
    line-height: 60px;
}
header.full-header .list a .name .stroke {
    height: 4px;
}
}@media only screen and (max-height:600px) and (orientation:landscape) {
    header.full-header .langs {
    top: 78%;
    bottom: auto;
    left: auto;
    right: 50%;
    margin-top: -40px;
    padding-right: 15px;
    text-align: right;
}
header.full-header .langs .label {
    display: block;
    margin-bottom: 8px;
}
header.full-header .langs .stroke {
    display: none;
}
header.full-header .langs a {
    text-align: center;
}
header.full-header .list {
    top: 38%;
    left: 0;
    height: 60px;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
}
header.full-header .list a {
    display: inline-block;
    margin: 0 15px;
}
header.full-header .social {
    top: 78%;
    bottom: auto;
    left: 50%;
    right: auto;
    margin-top: -40px;
    margin-left: 0;
    padding-left: 15px;
    text-align: left;
}
header.full-header .social .label {
    line-height: 35px;
    margin-bottom: 8px;
}
header.full-header .social .stroke {
    display: none;
}
header.full-header .social .buttons {
    margin-left: -15px;
}
}@media only screen and (max-width:480px) and (orientation:landscape) {
    header.full-header .langs, header.full-header .social {
    top: 75%}
}header.remote-header {
    position: relative;
	height: 110px;
	z-index: 2;
	overflow: hidden;
}
/* **************** */
/* HEADER  REMOTE-HEADER LOGO */
header.remote-header .logo {
    display: block;
    position: absolute;
    top: 50%;
    left: 25px;
    width: 100px;
    height: 80px;
    margin-top: -43px;
}
header.remote-header .logo .icon img{
    height: 76px;
    padding-left: 8px;
    padding-top: 4px;
}
header.full-header .logo .icon img{
	height:80px;
}
header.remote-header .logo .iconh img, header.full-header .logo .iconh img{
	display: none;
	height:80px;
}

header.remote-header .logo .logo-video {
    position: absolute;
    width: 100px;
    height: 64px;
}
header.remote-header .logo .logo-video video {
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s;
    transition-delay: .3s;
   /* will-change: opacity;*/
}
header.remote-header .logo .logo-video.index-1 {
    display: block;
    top: 12px;
    left: -1px;
}
header.remote-header .logo .logo-video.index-2 {
    display: block;
    top: 3px;
    left: -1px;
}
header.remote-header .logo .logo-video.index-3 {
    display: block;
    top: 11px;
    left: -4px;
}
header.remote-header .logo .logo-video.index-4 {
    display: block;
    top: 16px;
    left: -4px;
    width: 106px;
    height: 66px;
}
header.remote-header .logo .logo-video.active video {
    opacity: 1;
}
/* header.remote-header .logo .icon { */
    /* display: block; */
    /* position: absolute; */
    /* left: 25px; */
    /* top: 28px; */
    /* width: 47px; */
    /* height: 23px; */
    /* opacity: 1; */
    /* transition: opacity .5s; */
    /* transition-delay: .3s; */
    /* will-change: opacity; */
/* } */
header.remote-header .logo .icon svg * {
    fill: #606060;
}
/* ICON MENU OPEN */
header.remote-header .open {
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
}
header.remote-header .open, header.remote-header .open .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
	right: 5%;
	}
header.remote-header .open .icon {
    width: 25px;
    height: 14px;
    margin: -7px 0 0 -12px;
}
header.remote-header .open .icon .bar {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #000;
    transition: transform .2s cubic-bezier(.75, 0, .5, 1);
   /* will-change: transform;*/
}
header.remote-header .open .icon .bar.index-2 {
    top: 50%;
    margin-top: -1px;
}
header.remote-header .open .icon .bar.index-3 {
    bottom: 0;
}

header.remote-header .open:hover .icon .bar.index-1 {
    transform: translateX(-4px);
}
header.remote-header .open:hover .icon .bar.index-2 {
    transform: translateX(4px);
}
header.remote-header .open:hover .icon .bar.index-3 {
    transform: translateX(-4px);
}
/* **************** */
/* HEADER  REMOTE HEADER CONTROLS */
header.remote-header .controls .button {
    display: block;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin: -25px 0 0 -25px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s;
    /*will-change: opacity;*/
}
header.remote-header .controls .button .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transition: transform .3s;
    /*will-change: transform;*/
}
header.remote-header .controls .button .text {
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 80px;
    margin-left: -40px;
    text-decoration: none;
    white-space: nowrap;
    font-family: 'Oswald';
    font-size: 12px;
    text-align: center;
    color: #000;
    pointer-events: none;
    opacity: 0;
    transition: all .3s;
    /*will-change: opacity, transform;*/
}
header.remote-header .controls .button:hover .text {
    opacity: 1;
    transform: translateX(0);
}
header.remote-header .controls .button:hover.prev .icon {
    transform: rotate(180deg) translateX(6px);
}
header.remote-header .controls .button:hover.next .icon {
    transform: translateX(6px);
}
header.remote-header .controls .button:hover.close .icon {
    transform: rotate(90deg);
}
header.remote-header .controls .button.prev {
    right: 194px;
}
header.remote-header .controls .button.prev .icon {
    width: 8px;
    height: 13px;
    margin: -7px 0 0 -4px;
    transform: rotate(180deg);
}
header.remote-header .controls .button.prev .text {
    transform: translateX(15px);
}
header.remote-header .controls .button.next {
    right: 108px;
}
header.remote-header .controls .button.next .icon {
    width: 8px;
    height: 13px;
    margin: -7px 0 0 -4px;
}
header.remote-header .controls .button.next .text {
    transform: translateX(-15px);
}
header.remote-header .controls .button.close {
    right: 22px;
}
header.remote-header .controls .button.close .icon {
    width: 13px;
    height: 13px;
    margin: -7px 0 0 -7px;
}
header.remote-header .controls .button.close .text {
    transform: translateY(10px);
}
header.remote-header .controls .button.active {
    opacity: 1;
    pointer-events: auto;
}
@media only screen and (max-width:840px) {
    header.remote-header .controls .button.next {
    right: 92px;
}
header.remote-header .controls .button.prev {
    right: 162px;
}
}@media only screen and (max-width:600px) {
    header.remote-header .controls .button.next {
    right: 72px;
}
header.remote-header .controls .button.prev {
    right: 122px;
}
}@media only screen and (max-width:480px) {
    header.remote-header {
    height: 90px;
}
header.remote-header .logo {
    left: 5px;
}
header.remote-header .controls .button {
    width: 40px;
}
header.remote-header .controls .button.close {
    right: 7px;
}
header.remote-header .controls .button.next {
    right: 47px;
}
header.remote-header .controls .button.prev {
    right: 87px;
}
}@media only screen and (max-height:480px) {
    header.remote-header {
    height: 70px;
}
/* **************** */
/* HEADER ICON LOGO */
header.full-header .logo .icon, header.full-header .logo .icon img{
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 60%;
    left: -5px;
    width: 100px;
    height: auto;
    margin-top: -20px;
}
header.remote-header .logo .icon, header.remote-header .logo .icon img {
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 60%;
    left: -5px;
    width: 100px;
    height: auto;
    margin-top: -20px;
}
/* **************** */
/* FOOTER */

}footer.footer {
    display: none;
    position: relative;
    right: 0;
    bottom: 0;
    left: 0;
    height: 150px;
    background: #fff;
}
footer.footer a {
    text-decoration: none;
	margin-top: 5px;
}
footer.footer a.underline:after {
    background: #929292;
}
footer.footer a.sub-underline .sub-line:after {
    background: #929292;
}
footer.footer .credits{
    position: absolute;
    bottom: 35%;
    left: 40px;
    white-space: nowrap;
    font-size: 14px;
}
footer.footer .credits .stroke {
    vertical-align: middle;
    display: inline-block;
    width: 20px;
    height: 1px;
    margin: 0 6px;
    background: #263b4c;
}
footer.footer .columns {
    text-align: right;
}
footer.footer .columns .column {
    display: inline-block;
    vertical-align: top;
    /*padding: 55px 82px 0 0;*/
	padding: 55px 150px 0 0;
}
footer.footer .columns .column strong {
    font-family: Oswald;
    font-weight: 400;
    color: #9b9b9b;
}
footer.footer .columns .column.logo {
    padding-top: 20px;
   /* padding-right: 52px;*/
}
footer.footer .columns .column.logo .logo {
    display: inline-block;
    padding: 20px;
}
footer.footer .columns .column.logo .logo .icon {
    display: inline-block;
    width: 137px;
    height: 19px;
}
footer.footer .columns .column.logo .logo .icon img{
    height: 75px;
	/*float: left;*/
	padding-right: 13px;
    padding-top: 3px;
}
}
footer.footer .columns .column.logo .logo .icon svg * {
    fill: #1a171b;
}
footer.footer .columns .column.text {
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}
footer.footer .columns .column.text strong {
    font-family: Oswald;
    font-weight: 400;
    color: #9b9b9b;
}
footer.footer .columns .column.social {
    padding-right: 18px;
	margin-right:3%;
}
footer.footer .columns .column.social .button {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 50px;
}
footer.footer .columns .column.social .button .icon {
    position: absolute;
    top: 50%;
    left: 50%}
footer.footer .columns .column.social .button .icon svg {
    width: 100%;
    height: 100%}
footer.footer .columns .column.social .button .icon svg * {
    fill: #bcbcbc;
    transition: fill .15s;
}
html.features-no-touch footer.footer .columns .column.social .button:hover .icon svg * {
    fill: #444;
}
footer.footer .columns .column.social .button.facebook .icon {
    width: 14px;
    height: 24px;
    margin: -12px 0 0 -7px;
}
footer.footer .columns .column.social .button.twitter .icon {
    width: 24px;
    height: 20px;
    margin: -10px 0 0 -12px;
}
footer.footer .columns .column.social .button.instagram .icon {
    width: 24px;
    height: 24px;
    margin: -12px 0 0 -12px;
}
footer.footer .columns .column.social .button.scroll-up .icon {
    width: 11px;
    height: 22px;
    margin: -11px 0 0 -5px;
}
footer.footer .credits1 {
    display: none;
}
@media only screen and (max-width:1440px) {
    footer.footer .columns .column, footer.footer .columns .column.logo {
    padding-right: 42px;
}
}@media only screen and (max-width:1280px) {
    footer.footer .credits .stroke {
    width: 8px;
    margin-right: 4px;
    margin-left: 4px;
}
footer.footer .credits1 {
    display: none;
}
footer.footer .columns .column, footer.footer .columns .column.logo {
    /*padding-right: 22px;*/
}
}@media only screen and (max-width:960px) {
    footer.footer .credits {
    bottom: 20px;
}
footer.footer .credits1 {
    display: none;
}
footer.footer .columns .column {
    padding-top: 35px;
}
footer.footer .columns .column.logo {
    padding-top: 15px;
}
}@media only screen and (max-width:768px) {
    footer.footer .columns .column.social {
    position: absolute;
    bottom: 0;
    right: 0;
    padding-top: 0;
    padding-right: 5px;
}
}@media only screen and (max-width:480px) {
    footer.footer {
    height: auto;
}
footer.footer .credits {
	display:none;
	}
footer.footer .credits1 {
	display: block;
	text-align: center;
    position: relative;
    top: 0;
    left: 0;
    padding: 10px 10px 15px 20px;
}
footer.footer .credits1 a {
	margin-top: 5px;
}
footer.footer .columns .column {
    display: block;
}
footer.footer .columns .column.logo {
    position: absolute;
    top: 0;
    left: 0;
}
footer.footer .columns .column.social {
    position: relative;
    padding-top: 10px;
}
/* **************** */
/* NAV */
}nav.navigation {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: fixed;
    top: calc(50% - 120px);
    bottom: calc(50% - 120px);
    left: 15px;
    width: 40px;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s, transform .3s;
    /*will-change: opacity, transform;*/
}
nav.navigation a {
    display: block;
    text-align: center;
    text-decoration: none;
}
nav.navigation a.down, nav.navigation a.up {
    position: relative;
    height: 30px;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s;
    /*will-change: opacity;*/
}
nav.navigation a.down .arrow, nav.navigation a.up .arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 11px;
    height: 22px;
    margin: -11px 0 0 -5px;
    transition: transform .15s;
    /*will-change: transform;*/
}
nav.navigation a.down .arrow svg *, nav.navigation a.up .arrow svg * {
    fill: #818181;
}
nav.navigation a.down:hover .arrow, nav.navigation a.up:hover .arrow {
    transform: translateY(-6px);	
}
nav.navigation a.down:hover .arrow svg *, nav.navigation a.up:hover .arrow svg * {
    fill: #181818;
}
nav.navigation a.down.down, nav.navigation a.up.down {
    transform: rotate(180deg);
}
nav.navigation a.down.active, nav.navigation a.up.active {
    opacity: 1;
    pointer-events: auto;
}
nav.navigation a.page {
    padding: 7px 0 8px;
}
nav.navigation a.page .box {
    position: relative;
    display: block;
    height: 1px;
    width: 23px;
    margin: 0 auto;
    border-right: 1px solid #818181;
    border-bottom: 1px solid #818181;
    border-top: 1px solid #818181;
    border-left: 1px solid #818181;
    overflow: hidden;
    opacity: .3;
    transition: opacity .4s, height .4s;
    /*will-change: opacity, height;*/
}
nav.navigation a.page .box .stroke {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 1px;
    background: #818181;
    z-index: 1;
}
nav.navigation a.page .box .number {
    width: 100%;
    margin: -6px 0 0;
    font-family: Oswald;
    font-weight: 400;
    font-size: 13px;
    color: #818181;
}
nav.navigation a.page .box .number, nav.navigation a.page .box .text {
    display: block;
    position: absolute;
    top: 50%;
    opacity: 0;
    transition: opacity .4s;
    /*will-change: opacity;*/
}
nav.navigation a.page .box .text {
    width: 21px;
}
nav.navigation a.page .box .text.life-working {
    margin-top: -78px;
    height: 150px;
    background: url(../img/navigation/hello.png);
    background-size: 21px 150px;
}

nav.navigation a.page .box .text.service {
    margin-top: -75px;
    height: 150px;
    background: url(../img/navigation/service.png);
    background-size: 21px 150px;
}

nav.navigation a.page .box .text.insurance {
    margin-top: -74px;
    height: 150px;
    background: url(../img/navigation/insurance.png);
    background-size: 21px 150px;
}
nav.navigation a.page .box .text.culture {
    margin-top: -73px;
    height: 150px;
    background: url(../img/navigation/culture.png);
    background-size: 21px 150px;
}
nav.navigation a.page .box .text.sport {
    margin-top: -75px;
    height: 150px;
    background: url(../img/navigation/sport.png);
    background-size: 21px 150px;
}
nav.navigation a.page .box .text.works {
    margin-top: -75px;
    height: 150px;
    background: url(../img/navigation/works.png);
    background-size: 21px 150px;
}
nav.navigation a.page.active .box, nav.navigation a.page.hover .box, nav.navigation a.page:hover .box {
    opacity: 1;
}
nav.navigation a.page.active .box .number, nav.navigation a.page.hover .box .number, nav.navigation a.page:hover .box .number {
    opacity: 0;
}
nav.navigation a.page.active .box .text, nav.navigation a.page.hover .box .text, nav.navigation a.page:hover .box .text {
    opacity: 1;
    transition-delay: .1s;
}
nav.navigation.active {
    opacity: 1;
    pointer-events: auto;
}
@media only screen and (max-width:768px) {
    nav.navigation {
    left: 10px;
}
}body.is-mobile nav.navigation {
    display: none;
}
/* **************** */
/* SECTION #1 */

/* **************** */
/* SECTION SPLIT */
.split {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.split .left {
    position: absolute;
    top: 0px;
    right: 50%;
    bottom: 40px;
    left: 40px;
}
.split .left .page-name{
	padding-top: 150px;
	text-align: left;
}
.split .left .page-name h1{
	color:#000;
}
.split .left .video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 478px;
    height: 354px;
  /* margin: -177px 0 0 -239px;*/
   margin: -177px 0 0 -1000px;
}
.split .right {
    position: absolute;
   /* top: 40px;
    right: 40px;
    bottom: 40px;
    left: 50%*/
	top: 60px;
	right: 36px;
	bottom: 50px;
	left: 45%;
}
.split .right .visuals {
    display: block;
    position: absolute;
    /*top: 0;
    right: 0;*/
	/*
	top: 25px;
	right: 20px;*/
	top: 4.3%;
	right: 6%;
    bottom: 3.5%;
    /*left: 160px;*/
	left: 0px;
	background: url(img/background/background.jpg);
    /*background: #cfd2d2;*/
	
    z-index: 0;
}
.split .right .visuals .picture, .split .right .visuals .video-container {
    display: block;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
	overflow: hidden;
}

.split .right .visuals .picture img{
	width: 100%;
} 
/**/
/*.split .right .visuals .picture img {
    position: absolute;
top: 0px;
left: -39px;
width: 100%;
height: 844px;
}*/

/**/

.split .right.single-project .b-content img{
	position: absolute;
	top: 0px;
	left: -39px;
	width: 608px;
	height: 844px;
}
.split .right .visuals .video-container .video-droit {
	/*top: -50px;
	left: -550px;*/
	top : -20px;
    position: absolute;
    /*opacity: 0;*/
    transition: opacity .3s;
    /*will-change: opacity;*/
	width: 100%;
}
.split .right .visuals .video-container .video video {
	
    /*width: 100%;
    height: 100%*/
	/*margin-right: -50px;*/
}
.split .right .visuals .video-container .video video.can-play:hover {

    opacity: 1;
}
.split .right .visuals .visual {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: opacity .3s;
    transition-delay: .3s;
    /*will-change: opacity;*/
}
.split .right .visuals .visual.active {
    opacity: 1;
    transition-delay: 0s;
}
/* SINGLE PROJECT */

/* SINGLE TEXT LEFT */
.split .left.single-project .texts {
    position: absolute;
    top: calc(50% - 50px);
    width: 450px;
    left: 20%;
    color: #000;
}
.split .left.single-project .texts .label {
    position: absolute;
    top: -70px;
    /*left: 0px;*/
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 14px;
	color: #000;
	padding: .2em 0em 0em 0em;
	text-align: right;
	width: 100%;
}
.split .left.single-project a a.previous .label .arrow {
    transform: rotate(180deg);
}
.split .left.single-project .texts .label strong {
    font-weight: 700;
    line-height: 20px;
}
.split .left.single-project .texts .title-container {
    display: block;
    margin: 0 0 35px;
    text-decoration: none;
	text-align: right;
}
.split .left.single-project .texts .title-container:hover {
    color: #181717;
}

.split .left.single-project .texts .title-container .title {
    display: block;
    font-size: 50px;
    width: 450px;
	/*text-align:left;
    margin: 0 0 10px 60px;*/
    font-family: 'Oswald';
    font-weight: 600;
    font-style: normal;
	margin-bottom: 30px;
}

.split .left.single-project a.activate-fullscreen.title-container.page-element.delay-4 .arrow {
    display: inline-block;
    width: 20px;
    height: 13px;
    margin: 0 0 -2px 8px;
    transition: transform .3s;
    will-change: transform;
}
.split .left.single-project .texts .title-container .arrow {
    display: block;
    width: 20px;
    height: 13px;
    margin: 0 0 0 64px;
    transition: transform .3s;
    /*will-change: transform;*/
}
.split .left.single-project .texts .title-container .arrow svg {
   display: block;
    width: 100%;
    height: 100%}
.split .left.single-project .texts .title-container .arrow.play {
    position: relative;
    left: -7px;
}
.split .left.single-project .texts .title-container .date {
    position: absolute;
    top: 22px;
    right: calc(100% - 13px);
}
.split .left.single-project .texts .title-container .date .stroke {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 1px;
    background: #000;
    transform: scaleX(1);
}
.split .left.single-project .texts .title-container .date .top {
    position: absolute;
    right: 0;
    bottom: 5px;
}
.split .left.single-project .texts .title-container .date .bottom {
    position: absolute;
    top: 5px;
    right: 0;
}
.split .left.single-project .texts .title-container:hover .arrow {
    transform: translateX(6px);
}
.split .left.single-project .texts .descriptions-container {
    position: relative;
    padding: 11px 0 0;
    line-height: 18px;
    font-family: Oswald;
    font-weight: 400;
    font-size: 12px;
}
.split .left.single-project .texts .descriptions-container .stroke {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 1px;
    background: #000;
}
.split .left.single-project .page {
    width: 100%;
    margin: 50px 0 50px;
    text-align: right;
    font-size: 0;
}
.split .left.single-project .page a {
    /*display: inline-block;*/
    vertical-align: top;
    width: 50%;
    text-decoration: none;
}
.split .left.single-project .page a .label1 {
    display: block;
    margin: 0 0 14px;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 14px;
    color: #9b9b9b;
}
.split .left.single-project .page a:hover .label1 {
    color: #181818;
}
.split .left.single-project .page a .label1 .arrow {
    display: inline-block;
    width: 20px;
    height: 13px;
    margin: 0 8px -1px;
    transition: transform .3s;
    /*will-change: transform;*/
}

.split .left.single-project .page a .label1 .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
.split .left.single-project .page a .label1 .arrow svg * {
    fill: #9b9b9b;
}
.split .left.single-project .page a .title {
    display: block;
    line-height: 40px;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 37px;
    color: #000;
}
.split .left.single-project .page a:hover .label1 .arrow {
    transform: translateX(6px);
}
.split .left.single-project .page a:hover.previous .label1 .arrow {
    transform: rotate(180deg) translateX(6px);
}
.split .left.single-project .page a.previous {
    /*padding: 0 45px 0 0;*/
    /*text-align: left;*/
	text-align:right;
	
}
.split .left.single-project .page a.previous .label1 .arrow {
    transform: rotate(180deg);
}
.split .left.single-project .page a.next {
   /*padding: 0 0 0 5px;
   text-align: right;*/
}

/* VOIR LES PROJETS SINGLE*/
.split .left.single-project a.b-ajax.view.page-element.delay-11.perpendicular:hover, .split .left.single-project a.b-ajax.view.page-element.delay-11.perpendicular:hover span.title {
	text-decoration: none;
	color: #181818;
}
.split .left.single-project a.b-ajax.view.page-element.delay-11.perpendicular svg{
	color: #181818;
	transition: transform .3s;
}
.split .left.single-project a.b-ajax.view.page-element.delay-11.perpendicular:hover svg{
	color: #181818;
	transition: transform .3s;
	transform: rotate(180deg) translateY(-6px);
}

/* PROJET SOLO REAL-LINK */
.split .left.single-project .real-link span.title{
	display: block;
	font-size: 45px;
	width: 450px;
	margin: 0 0 10px 0;
	font-family: Oswald;
	font-weight: 400;
	font-style: normal;
}
.split .left.single-project a.real-link {
    display: block;
    margin: 0 0 35px;
    text-decoration: none;
	text-align: right;
}
.split .left.single-project a.real-link:hover {
    color: #181717;
}
.split .left.single-project a.real-link .arrow {
    display: inline-block;
	width: 20px;
	height: 13px;
	margin: 0 0 -2px 8px;
	transition: transform .3s;
	will-change: transform;
}
.split .left.single-project a.real-link:hover .arrow {
    transform: translateX(6px);
}

.split .left.single-project a.disabled {
   pointer-events: none;
   cursor: default;
}
.split .left.single-project .all-projects{
	text-align:right;
}
/*.split .left.single-project .all-projects1{
	text-align:right;
	display: none;
}*/

/* SINGLE TEXT RIGHT */
.split .right.single-project .texts {
    position: absolute;
    top: calc(50% - 70px);
    width: 160px;
    left: -200px;
    color: #000;
}
.split .right.single-project .texts .label {
    position: absolute;
    top: -70px;
    left: 42px;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 14px;
	color: #000;
}
.split .right.single-project a a.previous .label .arrow {
    transform: rotate(180deg);
}
.split .right.single-project .texts .label strong {
    font-weight: 700;
    line-height: 20px;
}
.split .right.single-project .texts .title-container {
    display: block;
    margin: 0 0 35px;
    text-decoration: none;
}
.split .right.single-project .texts .title-container:hover {
    color: #181717;
}

.split .right.single-project .texts .title-container .title {
    display: block;
    font-size: 50px;
    width: 400px;
	text-align:left;
    /*margin: 0 0 10px 60px;*/
    font-family: 'Oswald';
    font-weight: 600;
    font-style: normal;
}
.split .right.single-project .texts .title-container .arrow {
    display: block;
    width: 20px;
    height: 13px;
    margin: 0 0 0 64px;
    transition: transform .3s;
    /*will-change: transform;*/
}
.split .right.single-project .texts .title-container .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
.split .right.single-project .texts .title-container .arrow.play {
    position: relative;
    left: -7px;
}
.split .right.single-project .texts .title-container .date {
    position: absolute;
    top: 22px;
    right: calc(100% - 13px);
}
.split .right.single-project .texts .title-container .date .stroke {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 1px;
    background: #000;
    transform: scaleX(1);
}
.split .right.single-project .texts .title-container .date .top {
    position: absolute;
    right: 0;
    bottom: 5px;
}
.split .right.single-project .texts .title-container .date .bottom {
    position: absolute;
    top: 5px;
    right: 0;
}
.split .right.single-project .texts .title-container:hover .arrow {
    transform: translateX(6px);
}
.split .right.single-project .texts .descriptions-container {
    position: relative;
    padding: 11px 0 0;
    line-height: 18px;
    font-family: Oswald;
    font-weight: 400;
    font-size: 12px;
}
.split .right.single-project .texts .descriptions-container .stroke {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 1px;
    background: #000;
}
.split .right.single-project .page {
    width: 300px;
    margin: 0 auto 65px;
    text-align: center;
    font-size: 0;
}
.split .right.single-project .page a {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-decoration: none;
}
.split .right.single-project .page a .label1 {
    display: block;
    margin: 0 0 14px;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 14px;
    color: #9b9b9b;
}
.split .right.single-project .page a:hover .label1 {
    color: #181818;
}
.split .right.single-project .page a .label1 .arrow {
    display: inline-block;
    width: 20px;
    height: 13px;
    margin: 0 8px -1px;
    transition: transform .3s;
    /*will-change: transform;*/
}

.split .right.single-project .page a .label1 .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
.split .right.single-project .page a .label1 .arrow svg * {
    fill: #9b9b9b;
}
.split .right.single-project .page a .title {
    display: block;
    line-height: 40px;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 37px;
    color: #000;
}
.split .right.single-project .page a:hover .label1 .arrow {
    transform: translateX(6px);
}
.split .right.single-project .page a:hover.previous .label1 .arrow {
    transform: rotate(180deg) translateX(6px);
}
.split .right.single-project .page a.previous {
    /*padding: 0 45px 0 0;*/
    text-align: right;
}
.split .right.single-project .page a.previous .label1 .arrow {
    transform: rotate(180deg);
}
.split .right.single-project .page a.next {
   /*padding: 0 0 0 5px;
   text-align: right;*/
}

/* VOIR LES PROJETS SINGLE*/
.split .right.single-project a.b-ajax.view.page-element.delay-11.perpendicular:hover, .split .right.single-project a.b-ajax.view.page-element.delay-11.perpendicular:hover span.title {
	text-decoration: none;
	color: #181818;
}
.split .right.single-project a.b-ajax.view.page-element.delay-11.perpendicular i{
	color: #181818;
	transition: transform .3s;
}
.split .right.single-project a.b-ajax.view.page-element.delay-11.perpendicular:hover i{
	color: #181818;
	transition: transform .3s;
	transform: rotate(180deg) translateY(-6px);
}

/* PROJET SOLO REAL-LINK */
.split .right.single-project .real-link span.title{
	display: block;
	font-size: 45px;
	width: 500px;
	margin: 0 0 10px 60px;
	font-family: Oswald;
	font-weight: 400;
	font-style: normal;
}
.split .right.single-project a.real-link {
    display: block;
    margin: 0 0 35px;
    text-decoration: none;
}
.split .right.single-project a.real-link:hover {
    color: #181717;
}
.split .right.single-project a.real-link:hover .arrow {
    transform: translateX(6px);
}

.split .right.single-project a.disabled {
   pointer-events: none;
   cursor: default;
}

/*MULTIPLE PROJECT*/
.split .right.multiple-projects .texts {
    position: absolute;
    left: 0;
    bottom: 35%;
    color: #000;
    z-index: 1;
}
.split .right.multiple-projects .texts .works {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 320px;
}
.split .right.multiple-projects .texts .works .view {
	font-family: 'Roboto Condensed';
    display: block;
    margin: 0 0 180px;
    padding: 0 0 0 30px;
    font-style: italic;
    text-decoration: none;
}
.split .right.multiple-projects .texts .works .view .title {
    display: block;
    margin: 0 0 7px;
}
.split .right.multiple-projects .texts .works .view .arrow {
    display: block;
    width: 20px;
    height: 13px;
    transition: transform .3s;
    /*will-change: transform;*/
}
.split .right.multiple-projects .texts .works .view .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
.split .right.multiple-projects .texts .works .view:hover .arrow {
    transform: translateX(6px);
}
.split .right.multiple-projects .texts .works .work {
    display: block;
    position: relative;
    margin: 0 0 30px;
    padding: 0 0 0 30px;
    text-decoration: none;
    opacity: .35;
    transition: opacity .15s;
    /*will-change: opacity;*/
}
.split .right.multiple-projects .texts .works .work .title {
    max-width: 320px;
    line-height: 42px;
    font-family: 'Roboto Condensed';
    font-weight: 600;
    font-style: normal;
    font-size: 42px;
}
.split .right.multiple-projects .texts .works .work .date {
    position: absolute;
    top: 20px;
    right: 100%}
.split .right.multiple-projects .texts .works .work .date .stroke {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 1px;
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition: transform .6s cubic-bezier(.85, 0, .15, 1);
    /*will-change: transform;*/
}
.split .right.multiple-projects .texts .works .work .date .stroke .inner {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    transform: scaleX(1);
    transform-origin: 100% 50%;
    transition: transform .6s ease-out;
    /*will-change: transform;*/
}
.split .right.multiple-projects .texts .works .work .date .top {
    position: absolute;
    right: 0;
    bottom: 5px;
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity .6s cubic-bezier(.85, 0, .15, 1), transform .6s cubic-bezier(.85, 0, .15, 1);
    transition-delay: .1s, .1s;
    /*will-change: opacity;*/
}
.split .right.multiple-projects .texts .works .work .date .bottom {
    position: absolute;
    top: 5px;
    right: 0;
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity .6s cubic-bezier(.85, 0, .15, 1), transform .6s cubic-bezier(.85, 0, .15, 1);
    transition-delay: 0s, 0s;
    /*will-change: opacity;*/
}
.split .right.multiple-projects .texts .works .work:hover {
    opacity: 1;
	color: #181717;
}
.split .right.multiple-projects .texts .works .work:hover .stroke {
    transform: scaleX(1);
}
.split .right.multiple-projects .texts .works .work:hover .date .top {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0s, 0s;
}
.split .right.multiple-projects .texts .works .work:hover .date .bottom {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .1s, .1s;
}
.split .right.multiple-projects .texts .works .work.active {
    opacity: 1;
}
.split .right.multiple-projects .texts .works .work.active .stroke {
    transform: scaleX(1);
}
.split .right.multiple-projects .texts .works .work.active .date .top {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0s, 0s;
}
.split .right.multiple-projects .texts .works .work.active .date .bottom {
    opacity: 1;
    transform: translateX(0);
    transition-delay: .1s, .1s;
	text-align: right;
}
.split .right.multiple-projects .texts .works.running .work.active .date .stroke .inner {
    transform: scaleX(0);
    transition-duration: 6s;
}
.split .right.multiple-projects .b-to-load img {
    opacity: 1;
    transition: opacity .5s;
    position: absolute;
    top: 0px;
    left: -100px;
    height: 100vh;
}
.split .right.multiple-projects .visuals .video-container {
   /* display: none;*/
}
/*MEDIA QUERY SPLIT 1440PX*/
@media only screen and (max-width:1440px) {
    .split .right.multiple-projects .texts .works .view {
    margin-bottom: 80px;
}
.split .right.multiple-projects .texts .works .work {
    margin-bottom: 22px;
}
/*MEDIA QUERY SPLIT 1280PX*/
}@media only screen and (max-width:1280px) {
    .split .left .video {
    margin-top: -133px;
    margin-left: -180px;
}
.split .left .video, .split .left .video video {
    width: 360px;
    height: 267px;
}
.split .right.single-project .texts .label {
    top: -50px;
}
.split .right.single-project .texts .title-container {
    margin-bottom: 65px;
    margin-left: 40px;
}
.split .right.single-project .texts .title-container .title {
    font-size: 55px;
    margin-bottom: 10px;
}
.split .right.single-project .texts .title-container .arrow {
    margin-left: 44px;
}
.split .right.multiple-projects .texts .works {
    width: 240px;
}
.split .right.multiple-projects .texts .works .view {
    margin-bottom: 60px;
}
.split .right.multiple-projects .texts .works .work {
    margin-bottom: 16px;
}
.split .right.multiple-projects .texts .works .work .title {
    max-width: 320px;
    line-height: 38px;
    font-size: 36px;
}
/*MEDIA QUERY SPLIT LANDSCAPE*/
}@media screen and (max-aspect-ratio:3/2) and (orientation:landscape) {
    .split .left {
    right: 58%}
.split .right {
    left: 42%}
	/*MEDIA QUERY SPLIT PORTRAIT*/
}@media only screen and (orientation:portrait) {
    .split .left {
		right: 40px;
		/*bottom: 60%;*/
		bottom: 90%;	
	}
.split .right {
    /* top: 40%; */
    /* top: 40%; */
    /* left: 40px; */
    height: 50%;
    width: 100%;
    left: 0%;
	top: 35%;
}
.split .right .visuals {
   /* left: 8%;*/
   left:0%;
}
.split .right.multiple-projects .texts, .split .right.single-project .texts {
    left: 20%}
}.vertical-split {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.vertical-split .visuals {
    display: block;
    position: absolute;
    top: 90px;
    right: 20px;
    bottom: calc(50% - 45px);
    left: 20px;
    background: #cfd2d2;
    z-index: 0;
}
.vertical-split .visuals .picture {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
.vertical-split .texts {
    display: flex;
    position: absolute;
    top: calc(50% + 45px);
    right: 20px;
    bottom: 40px;
    left: 60px;
    color: #000;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.vertical-split .texts .sur-title {
    margin: 0 0 7px;
    font-size: 19px;
    color: #949494;
}
.vertical-split .texts .sur-title .arrow {
    display: inline-block;
    width: 10px;
    height: 7px;
    margin: 0 0 0 30px;
}
.vertical-split .texts .sur-title .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
.vertical-split .texts .title-container {
    display: block;
    text-decoration: none;
}
.vertical-split .texts .title-container .title {
    display: block;
    font-size: 45px;
    font-family: Mohave;
    font-weight: 600;
    font-style: normal;
}
.vertical-split .texts .title-container .date {
    position: absolute;
    top: 22px;
    right: calc(100% + 17px);
}
.vertical-split .texts .title-container .date .stroke {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 1px;
    background: #000;
    transform: scaleX(1);
}
.vertical-split .texts .title-container .date .top {
    position: absolute;
    right: 0;
    bottom: 5px;
}
.vertical-split .texts .title-container .date .bottom {
    position: absolute;
    top: 5px;
    right: 0;
}
.vertical-split .texts .descriptions-container {
    position: relative;
    padding: 13px 0 0;
    line-height: 12px;
    font-family: Oswald;
    font-weight: 400;
    font-size: 10px;
    letter-spacing: 1px;
}
.vertical-split .texts .descriptions-container .stroke {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 1px;
    background: #000;
}
.vertical-split .view {
    position: absolute;
    bottom: 14px;
    left: 50%;
    width: 150px;
    margin-left: -75px;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
}
.vertical-split .view .arrow {
    display: inline-block;
    width: 7px;
    height: 10px;
    transform: rotate(90deg);
}
.vertical-split .view .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
@media only screen and (orientation:landscape) {
    .vertical-split .visuals {
    top: 90px;
    right: 20px;
    bottom: 20px;
    left: 50%}
.vertical-split .texts {
    top: 90px;
    right: 50%;
    bottom: 50px;
    left: calc(33% / 2 + 20px);
}
.vertical-split .view {
    bottom: 20px;
    left: 25%}
}@media only screen and (max-height:480px) {
    .vertical-split .visuals {
    top: 70px;
}
.vertical-split .texts {
    top: 60px;
}

/* **************** */
/* .B-VIDEO */
}.b-video {
    position: relative;
    overflow: hidden;
}
.split .right.multiple-projects .b-video{
	position: absolute;
	overflow: hidden;
	left: -250px;
	top: -120px;
}
.b-video video {
    opacity: .99;
	/*margin-left: 1px;
	margin-top: 1px;*/
}
.b-video .background-border {
    display: block;
    position: absolute;
    width: 0;
    height: 0;
}
.b-video .background-border .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 1500px;
    transform: translateX(-50%) translateY(-50%);
}
.b-video .background-border.top {
    top: 15px;
    left: 50%;
    transform: rotate(-180deg);
}
.b-video .background-border.right {
    top: 50%;
    right: 15px;
    transform: rotate(-90deg);
}
.b-video .background-border.bottom {
    right: 50%;
    bottom: 15px;
    transform: rotate(0deg);
}
.b-video .background-border.left {
    bottom: 50%;
    left: 15px;
    transform: rotate(-270deg);
}
.b-video .background-border.size-30 .inner {
    height: 30px;
    background-image: url(../images/background-mask-30.jpg);
}
.b-video .background-border.size-30.top {
    top: 15px;
}
.b-video .background-border.size-30.right {
    right: 15px;
}
.b-video .background-border.size-30.bottom {
    bottom: 15px;
}
.b-video .background-border.size-30.left {
    left: 15px;
}
.b-video .background-border.size-20 .inner {
    height: 20px;
    background-image: url(../images/background-mask-20.jpg);
}
.b-video .background-border.size-20.top {
    top: 10px;
}
.b-video .background-border.size-20.right {
    right: 10px;
}
.b-video .background-border.size-20.bottom {
    bottom: 10px;
}
.b-video .background-border.size-20.left {
    left: 10px;
}
.b-video .background-border.size-10 .inner {
    height: 10px;
    background-image: url(../images/background-mask-10.jpg);
}
.b-video .background-border.size-10.top {
    top: 5px;
}
.b-video .background-border.size-10.right {
    right: 5px;
}
.b-video .background-border.size-10.bottom {
    bottom: 5px;
}
.b-video .background-border.size-10.left {
    left: 5px;
}
.b-video .background-border.size-5 .inner {
    height: 5px;
    background-image: url(../images/background-mask-5.jpg);
}
.b-video .background-border.size-5.top {
    top: 2.5px;
}
.b-video .background-border.size-5.right {
    right: 2.5px;
}
.b-video .background-border.size-5.bottom {
    bottom: 2.5px;
}
.b-video .background-border.size-5.left {
    left: 2.5px;
}
/* **************** */
/* MAIN LOADER*/
.main-loader {
    position: fixed;
    z-index: 4;
    pointer-events: none;
 }
.main-loader, .main-loader .inner-1, .main-loader .inner-2 {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.main-loader .inner-1, .main-loader .inner-2 {
    position: absolute;
   /* background: #090909 url(../img/background/dark-background.jpg);*/
	background-color: #000;
    transition: transform 1s;
    transition-timing-function: cubic-bezier(.85, 0, .15, 1);
    /*will-change: transform;*/
}
.main-loader .inner-1 {
    transform: translateX(-100%);
}
.main-loader .inner-2 {
    transform: translateX(100%);
}
/*.main-loader .background-video {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1600px;
    height: 400px;
    margin: -200px 0 0 -800px;
    opacity: .4;
}*/
.inner-2 {
    width: 100%;
}
.main-loader .background-video {
    position: absolute;
    /* top: 50%; */
    /* left: 50%; */
    width: 100%;
    height: 100%;
    /* margin: -200px 0 0 -800px; */
    opacity: .4;
}
.main-loader .background-video video {
    width: 100%;
    height: 100%;
	margin: 0 auto;
}
.main-loader.active {
    pointer-events: auto;
}
.main-loader.active .inner-1, .main-loader.active .inner-2 {
    transform: translateX(0);
}
@media only screen and (max-width:1440px) {
    .main-loader .background-video {
		width: 100%;
		height: 100%;
		margin: 0 auto;
		/*width: 1200px;*/
		/*height: 300px;*/
		/* margin: -200px 0 0 -600px;*/
	}
}
@media only screen and (max-width:1280px) { 
	.main-loader .background-video {
		width: 100%;
		height: 100%;
		margin: 0 auto;
    /* .main-loader .background-video { */
    /* width: 800px; */
    /* height: 200px; */
    /* margin: -100px 0 0 -400px; */
	}
}
@media only screen and (max-width:840px) {
    .main-loader .background-video {
		width: 100%;
		height: 100%;
		margin: 0 auto;
    /*width: 600px;
    height: 150px;
    margin: -75px 0 0 -300px;*/
}
}@media only screen and (max-width:600px) {
	.main-loader .background-video {
		width: 100%;
		height: 100%;
		margin: 0 auto;
    /*width: 400px;
    height: 100px;
    margin: -50px 0 0 -200px;*/
	}
}@media only screen and (max-width:480px) {
    .main-loader .background-video {
		width: 100%;
		height: 100%;
		margin: 0 auto;
   /* width: 300px;
    height: 75px;
    margin: -32px 0 0 -150px;*/
}
/* **************** */
/* CONTENT */
section#page1 .content{
	transform: translate(0px, 0px);
    margin-top: 0px;
    height: 80%;
}
/* **************** */
/* BODY CONTACT */
}body.index_contact {
    color: #060606;
}
body.index_contact .wrapper, body.index_about .wrapper, body.index_credits .wrapper{
	padding-bottom: 0px;
}
body.index_contact a.underline:after {
    background: #060606;
}
body.index_contact footer.footer {
    display: block;
}
body.index_contact .informations {
    margin: 0 0 125px;
    text-align: center;
}
body.index_contact .informations .information {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 0 58px;
    text-align: left;
}
body.index_contact .informations .information .title {
    position: relative;
    margin: 0 0 10px;
    font-size: 36px;
}
body.index_contact .informations .information .title .stroke {
    display: block;
    position: absolute;
    top: 18px;
    left: -32px;
    width: 25px;
    height: 1px;
    background: #000;
}
body.index_contact .informations .information .text {
    position: absolute;
    top: 100%;
    left: 0;
    width: 180px;
    line-height: 24px;
}
body.index_contact .informations .information .text a {
    text-decoration: none;
}
body.index_contact .informations .information.follow .text {
    width: 220px;
}
body.index_contact .informations .information.follow .text a {
    margin: 0 14px 0 0;
}
body.index_contact .map {
    width: 1080px;
    height: 580px;
    margin: 0 auto 145px;
    background: #e5e3df;
}
@media only screen and (max-width:1280px) {
    body.index_contact .map {
    width: 800px;
    height: 460px;
    margin-bottom: 110px;
    background: #e5e3df;
}
}@media only screen and (max-width:960px) {
    body.index_contact .map {
    width: auto;
    margin-right: 40px;
    margin-left: 40px;
}
}@media only screen and (max-width:768px) {
    body.index_contact .informations {
		margin-bottom: 55px;
		margin-top: 10px;
		margin-left: 20%;
	}
body.index_contact .informations .information {
    display: block;
    margin-bottom: 20px;
}
body.index_contact .informations .information .title {
    margin-bottom: 5px;
}
body.index_contact .informations .information .text {
    position: relative;
    top: 0;
}
body.index_contact .map {
    margin-bottom: 55px;
}
}@media only screen and (max-width:480px) {
    body.index_contact .informations .information .title {
    font-size: 30px;
}
body.index_contact .map {
    margin-left: 20px;
    margin-right: 20px;
}
}@media only screen and (orientation:portrait) {
    body.index_contact .map {
    height: 66.66667vw;
}
/* **************** */
/* BODY ABOUT */
}body.index_about footer.footer {
    display: block;
}
body.index_about section.top {
    position: relative;
    height: calc(100vh - 110px - 40px - 50px);
    margin: 0 40px 60px;
   
     /* background: #080606; */
    /* background: #081C2A; */
   background: #091A25;
    overflow: hidden;
}
body.index_about section.top .picture {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: calc(100% + 20px);
}
body.index_about section.top .picture img{
    margin-top: 10%;
}
body.index_about section.top .text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin: -115px 0 0;
    text-align: center;
}
body.index_about section.top .text .top {
    position: relative;
    color: #85785b;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 32px;
    letter-spacing: .06em;
}
body.index_about section.top .text .top .stroke {
    display: block;
    width: 55px;
    height: 2px;
    margin: 18px auto 35px;
    background: #85785b;
}
body.index_about section.top .text .bottom {
    color: #fff;
    font-size: 37px;
}
body.index_about section.top .text .bottom .line-1 {
    font-style: italic;
}
body.index_about section.texts {
    width: auto;
    margin: 0 224px;
    color: #060606;
}
body.index_about section.texts .basic {
    float: left;
    width: calc(100% - 368px);
    margin: 0 0 120px;
}
body.index_about section.texts .basic .title {
    margin: 0 0 45px;
    font-family: 'Oswald';
    font-weight: 400;
    color: #85785b;
    text-decoration: underline;
    font-size: 32px;
    line-height: 53px;
}
body.index_about section.texts .basic .text {
    line-height: 25px;
}
body.index_about section.texts .approach {
    float: right;
    width: 184px;
}
body.index_about section.texts .approach .title {
    margin: 0 0 60px;
    font-size: 32px;
}
body.index_about section.texts .approach .title .inner {
    position: relative;
}
body.index_about section.texts .approach .title .inner:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #060606;
}
body.index_about section.texts .approach .text {
    font-family: 'Oswald';
    font-weight: 400;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 14px;
}
body.index_about section.texts .basic .text table{
	width: 100% !important;
}
body.index_about section.founders {
    position: relative;
    /*height: 650px;
    line-height: 650px;*/
    margin: 0 40px;
   /* background: #161616;*/
    background: #091a25;
    clear: both;
    color: #fff;
    overflow: hidden;
}
body.index_about section.founders .title {
    /*display: inline-block;
    vertical-align: middle;
    height: 420px;
    line-height: 420px;*/
    font-family: 'Oswald';
    font-weight: 300;
    text-transform: uppercase;
    font-size: 32px;
    /*text-align: left;
    margin: 0 184px;*/
	margin: 50px auto 50px auto;
	text-align: center;
}
body.index_about section.founders .title .inner {
    position: relative;
}
body.index_about section.founders .title .inner:hover {
   color: white;
}
body.index_about section.founders .title .inner:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
}
body.index_about section.founders .founder {
   /* display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    margin: 0 135px 0 0;*/
	margin: 20px auto 50px auto;
}
body.index_about section.founders .founder .video {
    margin: 0 0 32px;
    width: 240px;
    height: 320px;
}
body.index_about section.founders .founder .video video {
	width: 100%;
    height: 100%}
body.index_about section.founders .founder .name {
    margin: 0 0 8px;
    font-size: 26px;
}
body.index_about section.founders .founder .text {
    color: #ababab;
    line-height: 18px;
}
body.index_about section.founders .founder .text a.underline:after {
    background: #ababab;
}
body.index_about section.founders .caption h3{
	text-align: center;
	margin-top: 10px;
	font-size: x-large;
	weight: bold;
	font-family: 'Oswald';
}
body.index_about section.founders .caption p{
	text-align: center;
	font-family: 'Oswald';
	line-height: 2em;
	letter-spacing: 0.1em;
}
@media only screen and (max-width:1440px) {
    body.index_about section.texts {
    margin-right: 160px;
    margin-left: 160px;
}
body.index_about section.texts .basic {
    width: calc(100% - 240px);
}
body.index_about section.texts .approach {
    width: 184px;
}
body.index_about section.founders .title {
    margin-right: 120px;
    margin-left: 120px;
}
}@media only screen and (max-width:1280px) {
    body.index_about section.texts {
    margin-right: 100px;
    margin-left: 100px;
}
body.index_about section.texts .basic {
    width: calc(100% - 240px);
    margin-bottom: 80px;
}
body.index_about section.texts .basic .title {
    font-size: 28px;
    line-height: 48px;
}
body.index_about section.texts .approach {
    width: 184px;
}
body.index_about section.texts .approach .title {
    font-size: 28px;
    line-height: 48px;
}
body.index_about section.founders {
    height: 560px;
    line-height: 560px;
}
body.index_about section.founders .title {
    margin-right: 60px;
    margin-left: 60px;
}
body.index_about section.founders .founder {
    margin-left: 30px;
    margin-right: 30px;
}
body.index_about section.founders .founder .video {
    width: 200px;
    height: 267px;
}
}@media only screen and (max-width:960px) {
    body.index_about section.top .text {
    margin-top: -107px;
}
body.index_about section.top .text .top {
    font-size: 28px;
}
body.index_about section.top .text .top .stroke {
    width: 44px;
    height: 2px;
    margin-bottom: 20px;
}
body.index_about section.top .text .bottom {
    font-size: 33px;
}
body.index_about section.texts {
    margin-right: 40px;
    margin-left: 40px;
}
body.index_about section.founders {
    padding-top: 60px;
    padding-bottom: 30px;
}
body.index_about section.founders, body.index_about section.founders .title {
    height: auto;
    line-height: 52px;
    text-align: center;
}
body.index_about section.founders .title {
    display: block;
    width: auto;
    padding-bottom: 40px;
}
body.index_about section.founders .founder {
    margin-right: 60px;
    margin-bottom: 30px;
}
body.index_about section.founders .founder .video {
    width: 200px;
    height: 267px;
}
}@media only screen and (max-width:768px) {
    body.index_about section.top {
    margin-bottom: 40px;
}
body.index_about section.texts .basic .title {
    margin-bottom: 25px;
    font-size: 25px;
    line-height: 42px;
}
body.index_about section.texts .approach .title {
    margin-bottom: 40px;
    font-size: 25px;
    line-height: 42px;
}
body.index_about section.texts .approach .text {
    line-height: 26px;
}
body.index_about section.founders .founder {
    margin-right: 15px;
    margin-left: 15px;
}
body.index_about section.founders .founder .video {
    margin-bottom: 20px;
}
}@media only screen and (max-width:600px) {
    body.index_about section.top .text {
    margin-top: -86px;
}
body.index_about section.top .text .top {
    font-size: 24px;
}
body.index_about section.top .text .top .stroke {
    margin-top: 15px;
    margin-bottom: 15px;
}
body.index_about section.top .text .bottom {
    font-size: 30px;
}
body.index_about section.texts .basic {
    width: auto;
    margin-bottom: 30px;
    float: none;
}
body.index_about section.texts .basic .title {
    font-size: 22px;
    line-height: 36px;
}
body.index_about section.texts .approach {
    width: auto;
    margin-bottom: 60px;
    float: none;
}
body.index_about section.texts .approach .title {
    margin-bottom: 25px;
    font-size: 22px;
    line-height: 36px;
}
}@media only screen and (max-width:480px) {
    body.index_about section.top {
    margin-right: 20px;
    margin-left: 20px;
	margin-top: 15px;
}
body.index_about section.top .text {
    margin-top: -62px;
}
body.index_about section.top .text .top {
    font-size: 18px;
}
body.index_about section.top .text .top .stroke {
    margin-top: 10px;
    margin-bottom: 10px;
}
body.index_about section.top .text .bottom {
    font-size: 22px;
}
body.index_about section.texts {
    margin-left: 20px;
    margin-right: 20px;
}
body.index_about section.texts .approach .title, body.index_about section.texts .basic .title {
    font-size: 20px;
    line-height: 32px;
}
body.index_about section.founders {
    margin-left: 20px;
    margin-right: 20px;
    padding-top: 40px;
}
body.index_about section.founders .title {
    margin-left: 0;
    margin-right: 0;
    font-size: 24px;
}
}@media only screen and (orientation:portrait) {
    body.index_about section.top {
    height: calc(100vw * 765 / 1840 + 20px);
}
/* **************** */
/* BODY CREDIT */
}body.index_credits footer.footer {
    display: block;
}
body.index_credits section.content {
    width: 1000px;
    margin: 130px auto;
    text-align: center;
}
body.index_credits section.content .title {
    margin: 0 0 32px;
    font-size: 100px;
    font-family: 'Oswald';
    font-weight: 300;
    color: #000;
}
body.index_credits section.content .sub-title {
    margin: 0 0 100px;
    font-size: 26px;
    line-height: 30px;
    font-family: 'Oswald';
    font-weight: 300;
    color: #000;
}
body.index_credits section.content .text {
    width: 800px;
    margin: 0 auto;
    text-align: left;
    line-height: 30px;
}
body.index_credits section.content .text p {
    margin: 0 0 1.6em;
}
body.index_credits section.content .text .title-1 {
    font-size: 22px;
    font-style: italic;
}
@media only screen and (max-width:1440px) {
    body.index_credits section.content {
    margin-top: 100px;
    margin-bottom: 100px;
}
body.index_credits section.content .title {
    font-size: 90px;
}
body.index_credits section.content .sub-title {
    margin-bottom: 80px;
    font-size: 24px;
}
}@media only screen and (max-width:1280px) {
    body.index_credits section.content {
    width: 800px;
    margin-top: 60px;
    margin-bottom: 60px;
}
body.index_credits section.content .title {
    margin-bottom: 26px;
    font-size: 80px;
}
body.index_credits section.content .sub-title {
    margin-bottom: 70px;
    font-size: 22px;
    line-height: 26px;
}
body.index_credits section.content .text {
    width: 640px;
}
}@media only screen and (max-width:840px) {
    body.index_credits section.content {
    width: auto;
    margin: 50px 40px;
}
body.index_credits section.content .title {
    font-size: 75px;
}
body.index_credits section.content .sub-title {
    margin-bottom: 50px;
    font-size: 20px;
    line-height: 24px;
}
body.index_credits section.content .text {
    width: auto;
}
}@media only screen and (max-width:600px) {
    body.index_credits section.content {
    margin-top: 40px;
    margin-bottom: 40px;
}
body.index_credits section.content .title {
    font-size: 70px;
}
body.index_credits section.content .sub-title {
    margin-bottom: 40px;
    font-size: 18px;
}
body.index_credits section.content .sub-title br {
    display: none;
}
}@media only screen and (max-width:480px) {
    body.index_credits section.content {
    margin: 30px 20px;
}
body.index_credits section.content .title {
    font-size: 60px;
}
body.index_credits section.content .sub-title {
    font-size: 16px;
}
/* **************** */
/* BODY CONTENT FULLSCREEN*/
}
body.index_index .fullscreen-video {
    /*position: relative;*/
	position: fixed; 
    top: 0;
    /*left: 0;*/
    width: 100%;
    height: 100%;
    z-index: 2;
    visibility: hidden;
    transition: visibility 0s;
    transition-delay: 1.2s;
	/*margin-left: 2000px;*/
	display:none;
}
body.index_index .fullscreen-video .close {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: 0 0 0 -25px;
    transform: translateY(-15px);
    opacity: 0;
    transition: opacity .3s, transform .3s;
    transition-delay: 0s, 0s;
    /*will-change: opacity, transform;*/
}
body.index_index .fullscreen-video .close .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
}
body.index_index .fullscreen-video .close .icon .bar {
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    width: 2px;
    height: 100%;
    margin-left: -2px;
    background: #000;
    transition: transform .4s;
    /*will-change: transform;*/
}
body.index_index .fullscreen-video .close .icon .bar.index-1 {
    transform: rotate(45deg);
    transition-delay: .1s;
}
body.index_index .fullscreen-video .close .icon .bar.index-2 {
    transform: rotate(135deg);
}
body.index_index .fullscreen-video .close:hover .icon .bar.index-1 {
    transform: rotate(135deg);
}
body.index_index .fullscreen-video .close:hover .icon .bar.index-2 {
    transform: rotate(225deg);
}
body.index_index .fullscreen-video .video-container {
    position: absolute;
    top: 40px;
    right: 40px;
    bottom: 40px;
    left: 40px;
    background: #010001;
    opacity: 0;
    transform-origin: 100% 50%;
    transition: opacity .3s, transform .6s cubic-bezier(.85, 0, .15, 1) .3s;
    transition-delay: .8s, .3s;
    /*will-change: opacity, transform;*/
}
body.index_index .fullscreen-video .video-container .video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
body.index_index .fullscreen-video .video-container .video, body.index_index .fullscreen-video .video-container iframe {
    opacity: 0;
    transition: opacity .3s;
    transition-delay: 0s;
    /*will-change: opacity;*/
}
body.index_index header.remote-header .logo {
    transition: opacity .3s, transform .3s;
    transition-delay: .5s, .5s;
}
body.index_index header.remote-header .open {
    transition: opacity .3s, transform .3s;
    transition-delay: .6s, .6s;
}
body.index_index nav.navigation .inner {
    transition: opacity .3s, transform .3s;
    transition-delay: .9s, .9s;
}
body.index_index .split .visuals .play-circle {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 77px;
    height: 77px;
    margin: -39px 0 0 -39px;
    border: 2px solid #fff;
    border-radius: 39px;
}
body.index_index .split .visuals .play-circle .icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 13px;
    height: 17px;
    margin: -8px 0 0 -5px;
}
body.index_index .split .visuals .play-circle .icon svg {
    display: block;
    width: 100%;
    height: 100%}
body.index_index .split .visuals .play-circle .icon svg * {
    fill: #fff;
}
body.index_index .split .left {
    transition: opacity .3s, transform .3s;
    transition-delay: .8s, .8s;
}
body.index_index .split .right.single-project .texts {
    transition: opacity .3s, transform .3s;
    transition-delay: .7s, .7s;
    will-change: opacity, transform;
}
body.index_index .split .right.single-project .sub-title {
    display: block;
    margin-top: 6px;
    margin-left: 60px;
    font-style: italic;
    white-space: nowrap;
}
body.index_index .split .right.single-project .sub-title .arrow {
    display: inline-block;
    width: 20px;
    height: 13px;
    margin: 0 0 -2px 8px;
    transition: transform .3s;
    /*will-change: transform;*/
}
body.index_index .split .right.single-project .sub-title .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
body.index_index .split .right.multiple-projects .texts {
    bottom: 80px;
}
body.index_index .split .right.multiple-projects .texts .works .work {
    margin-bottom: 40px;
}
body.index_index .split .right.multiple-projects .texts .works .work .sub-title {
    display: block;
    margin-top: 6px;
    font-style: italic;
}
body.index_index .split .right.multiple-projects .texts .works .work .sub-title .arrow {
    display: inline-block;
    width: 20px;
    height: 13px;
    margin: 0 0 -2px 8px;
    transition: transform .3s;
    /*will-change: transform;*/
}
body.index_index .split .right.multiple-projects .texts .works .work .sub-title .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
body.index_index .fullscreen-video.active{
    visibility: visible;
    transition-delay: 0s;
}
body.index_index .fullscreen-video.active .close {
    transform: translateY(0);
    opacity: 1;
    transition-delay: 1s, 1s;
}
body.index_index .fullscreen-video.active .video-container {
    opacity: 1;
    transition-delay: .2s, .5s;
    transition-timing-function: ease, cubic-bezier(.75, 0, .5, 1);
}
body.index_index .fullscreen-video.active .video-container .video, body.index_index .fullscreen-video.active .video-container .video video {
    visibility: visible;
    opacity: 1;
    transition-delay: 1.2s;
}
body.index_index .fullscreen-video.active header.remote-header .logo {
    opacity: 0;
    transform: translateX(-100px);
    transition-delay: .4s;
    transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
body.index_index .fullscreen-video.active header.remote-header .open {
    opacity: 0;
    transform: translateX(-100px);
    transition-delay: .3s;
    transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
body.index_index .fullscreen-video.active nav.navigation .inner {
    opacity: 0;
    transform: translateX(-100px);
    transition-delay: .2s;
    transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
body.index_index .fullscreen-video.active .split .left {
    opacity: 0;
    transform: translateX(-100px);
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
body.index_index .fullscreen-video.active .split .right.single-project .texts {
    opacity: 0;
    transform: translateX(-100px);
    transition-delay: .1s;
    transition-timing-function: cubic-bezier(1, 0, 1, 1);
}
/* **************** */
/* BODY WORKS */
body.works_index footer.footer {
    display: block;
}
body.works_index .works {
    width: 700px;
   margin: 20px auto 180px;
   /* margin: 0px auto; */
}
body.works_index .works .work-solo {
    text-decoration: none;
    padding: 50px 0;
    color: #000;
}
body.works_index .works .work-solo, body.works_index .works .work-solo .inner {
    display: block;
    position: relative;
    transition: transform .6s cubic-bezier(.85, 0, .15, 1);
    /*will-change: transform;*/
	padding-top: 80px;
    padding-bottom: 80px;
}
body.works_index .works .work-solo .picture-container {
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 155px;
    transform: scaleY(1);
    overflow: hidden;
}
body.works_index .works .work-solo .picture-container .picture {
    position: absolute;
    left: 0;
    width: 100%;
    height: 310px;
    transition: transform .6s cubic-bezier(.85, 0, .15, 1);
    /*will-change: transform;*/
}
body.works_index .works .work-solo .picture-container .mask {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .65;
}
body.works_index .works .work-solo .picture-container.top {
    bottom: 50%}
body.works_index .works .work-solo .picture-container.top .picture {
    top: 0;
    transform: translateY(50%);
}
body.works_index .works .work-solo .picture-container.bottom {
    top: 50%}
body.works_index .works .work-solo .picture-container.bottom .picture {
    bottom: 0;
    transform: translateY(-50%);
}
body.works_index .works .work-solo .date {
    display: block;
    position: absolute;
    top: 50%;
    right: calc(100% - 100px);
    z-index: 1;
}
body.works_index .works .work-solo .date .stroke {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 1px;
    background: #000;
    transform-origin: 100% 50%;
    transition: transform .6s cubic-bezier(.85, 0, .15, 1);
    transition-delay: .3s;
    /*will-change: transform;*/
}
body.works_index .works .work-solo .date .top {
    position: absolute;
    right: 0;
    bottom: 5px;
	text-align: right;
}
body.works_index .works .work-solo .date .bottom {
    position: absolute;
    top: 5px;
    right: 0;
}
body.works_index .works .work-solo .title-container {
    display: block;
    position: relative;
    padding-left: 125px;
    z-index: 1;
}
body.works_index .works .work-solo .title-container .title {
    display: block;
    line-height: 65px;
    font-family: 'Oswald';
   /* font-weight: 600;*/
    font-size: 60px;
}
body.works_index .works .work-solo .title-container .sub-title {
    display: block;
    position: absolute;
    top: 110%;
    left: 125px;
    margin-left: 2px;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 14px;
}
body.works_index .works .work-solo .infos {
    position: absolute;
    top: 50%;
    right: calc(100% + 35px);
    z-index: 1;
    pointer-events: none;
}
body.works_index .works .work-solo .infos .item {
    opacity: 0;
    transform: translateX(-30px);
    transition: opacity .6s cubic-bezier(.85, 0, .15, 1), transform .6s cubic-bezier(.85, 0, .15, 1);
    will-change: opacity, transform;
    white-space: nowrap;
}
body.works_index .works .work-solo .infos .item:nth-child(1) {
    transition-delay: 0s, 0s;
}
body.works_index .works .work-solo .infos .item:nth-child(2) {
    transition-delay: .1s, .1s;
}
body.works_index .works .work-solo .infos .item:nth-child(3) {
    transition-delay: .2s, .2s;
}
body.works_index .works .work-solo .infos .item:nth-child(4) {
    transition-delay: .3s, .3s;
}
body.works_index .works .work-solo .infos .item:nth-child(5) {
    transition-delay: .4s, .4s;
}
body.works_index .works .work-solo .infos .item:nth-child(6) {
    transition-delay: .5s, .5s;
}
body.works_index .works .work-solo .infos .item:nth-child(7) {
    transition-delay: .6s, .6s;
}
body.works_index .works .work-solo .infos .item:nth-child(8) {
    transition-delay: .7s, .7s;
}
body.works_index .works .work-solo .infos .item:nth-child(9) {
    transition-delay: .8s, .8s;
}
body.works_index .works .work-solo .infos .top {
    bottom: 5px;
    font-size: 14px;
    font-weight: 700;
}
body.works_index .works .work-solo .infos .bottom, .works_index .works .work-solo .infos .top {
    position: absolute;
    right: 0;
    text-align: right;
    font-family: 'Oswald';
}
body.works_index .works .work-solo .infos .bottom {
    top: 5px;
    font-size: 12px;
    line-height: 18px;
}
body.works_index .works .work-solo .view {
    display: block;
    position: absolute;
    top: 40%;
    left: calc(100% + 20px);
    width: 100px;
    font-style: italic;
    text-decoration: none;
    z-index: 1;
    pointer-events: none;
    opacity: 0;
    transform: translateX(50px);
    transition: opacity .6s cubic-bezier(.85, 0, .15, 1), transform .6s cubic-bezier(.85, 0, .15, 1);
    transition-delay: 0s;
    /*will-change: opacity, transform;*/
}
body.works_index .works .work-solo .view .title {
    display: block;
    margin: 0 0 7px;
    white-space: nowrap;
}
body.works_index .works .work-solo .view .arrow {
    display: block;
    width: 20px;
    height: 13px;
    transition: transform .3s;
    /*will-change: transform;*/
}
body.works_index .works .work-solo .view .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
body.works_index .works .work-solo:hover .view .arrow {
    transform: translateX(6px);
}
body.works_index .works .work-solo.active .picture-container.bottom .picture, .works_index .works .work-solo.active .picture-container.top .picture {
    transform: translateY(0);
    transition-delay: 0s;
	
}
body.works_index .works .work-solo .picture.b-resize.b-to-load{
	overflow: hidden;
}
body.works_index .works .work-solo.active .date .stroke {
    transform: scaleX(4.05);
    transition-delay: 0s;
}
body.works_index .works .work-solo.active .infos {
    pointer-events: auto;
}
body.works_index .works .work-solo.active .infos .item {
    opacity: 1;
    transform: translateX(0);
}
body.works_index .works .work-solo.active .infos .item:nth-child(1) {
    transition-delay: .2s, .2s;
}
body.works_index .works .work-solo.active .infos .item:nth-child(2) {
    transition-delay: .3s, .3s;
}
body.works_index .works .work-solo.active .infos .item:nth-child(3) {
    transition-delay: .4s, .4s;
}
body.works_index .works .work-solo.active .infos .item:nth-child(4) {
    transition-delay: .5s, .5s;
}
body.works_index .works .work-solo.active .infos .item:nth-child(5) {
    transition-delay: .6s, .6s;
}
body.works_index .works .work-solo.active .infos .item:nth-child(6) {
    transition-delay: .7s, .7s;
}
body.works_index .works .work-solo.active .infos .item:nth-child(7) {
    transition-delay: .8s, .8s;
}
body.works_index .works .work-solo.active .infos .item:nth-child(8) {
    transition-delay: .9s, .9s;
}
body.works_index .works .work-solo.active .infos .item:nth-child(9) {
    transition-delay: 1s, 1s;
}
body.works_index .works .work-solo.active .view {
    pointer-events: auto;
    opacity: 1;
    transform: translateX(0);
    transition-delay: .2s;
}
body.works_index .works .work-solo:nth-child(2) {
    transform: translateY(-100px);
}
body.works_index .works .work-solo:nth-child(3) {
    transform: translateY(-200px);
}
body.works_index .works .work-solo:nth-child(4) {
    transform: translateY(-300px);
}
body.works_index .works .work-solo:nth-child(5) {
    transform: translateY(-400px);
}
body.works_index .works .work-solo:nth-child(6) {
    transform: translateY(-500px);
}
body.works_index .works .work-solo:nth-child(7) {
    transform: translateY(-600px);
}
body.works_index .works .work-solo:nth-child(8) {
    transform: translateY(-700px);
}
body.works_index .works .work-solo:nth-child(9) {
    transform: translateY(-800px);
}
body.works_index .works .work-solo:nth-child(10) {
    transform: translateY(-900px);
}
body.works_index .works .work-solo:nth-child(11) {
    transform: translateY(-1000px);
}
body.works_index .works .work-solo:nth-child(12) {
    transform: translateY(-1100px);
}
body.works_index .works .work-solo:nth-child(13) {
    transform: translateY(-1200px);
}
body.works_index .works .work-solo:nth-child(14) {
    transform: translateY(-1300px);
}
body.works_index .works .work-solo:nth-child(15) {
    transform: translateY(-1400px);
}
body.works_index .works .work-solo:nth-child(16) {
    transform: translateY(-1500px);
}
body.works_index .works .work-solo:nth-child(17) {
    transform: translateY(-1600px);
}
body.works_index .works .work-solo:nth-child(18) {
    transform: translateY(-1700px);
}
body.works_index .works .work-solo:nth-child(19) {
    transform: translateY(-1800px);
}
body.works_index .works .work-solo:nth-child(20) {
    transform: translateY(-1900px);
}
body.works_index .works .work-solo:nth-child(21) {
    transform: translateY(-2000px);
}
body.works_index .works .work-solo:nth-child(22) {
    transform: translateY(-2100px);
}
body.works_index .works .work-solo:nth-child(23) {
    transform: translateY(-2200px);
}
body.works_index .works .work-solo:nth-child(24) {
    transform: translateY(-2300px);
}
body.works_index .works .work-solo:nth-child(25) {
    transform: translateY(-2400px);
}
body.works_index .works .work-solo:nth-child(26) {
    transform: translateY(-2500px);
}
body.works_index .works .work-solo:nth-child(27) {
    transform: translateY(-2600px);
}
body.works_index .works .work-solo:nth-child(28) {
    transform: translateY(-2700px);
}
body.works_index .works .work-solo:nth-child(29) {
    transform: translateY(-2800px);
}
body.works_index .works .work-solo:nth-child(30) {
    transform: translateY(-2900px);
}
body.works_index .works.started .work-solo {
    transform: translateY(0);
}
@media only screen and (max-width:1440px) {
    body.works_index .works {
    width: 620px;
}
body.works_index .works .work-solo {
    /*padding-top: 0px;
    padding-bottom: 0px;*/
}
body.works_index .works .work-solo .picture-container {
    height: 137px;
}
body.works_index .works .work-solo .picture-container .picture {
    height: 274px;
}
body.works_index .works .work-solo .title-container {
    padding-left: 115px;
}
body.works_index .works .work-solo .title-container .title {
    line-height: 60px;
    font-size: 55px;
}
body.works_index .works .work-solo .title-container .sub-title {
    left: 115px;
}
body.works_index .works .work-solo .date {
    right: calc(100% - 90px);
}
body.works_index .works .work-solo.active .date .stroke {
    transform: scaleX(3.8);
}
body.works_index .works .work-solo:nth-child(2) {
    transform: translateY(-80px);
}
body.works_index .works .work-solo:nth-child(3) {
    transform: translateY(-160px);
}
body.works_index .works .work-solo:nth-child(4) {
    transform: translateY(-240px);
}
body.works_index .works .work-solo:nth-child(5) {
    transform: translateY(-320px);
}
body.works_index .works .work-solo:nth-child(6) {
    transform: translateY(-400px);
}
body.works_index .works .work-solo:nth-child(7) {
    transform: translateY(-480px);
}
body.works_index .works .work-solo:nth-child(8) {
    transform: translateY(-560px);
}
body.works_index .works .work-solo:nth-child(9) {
    transform: translateY(-640px);
}
body.works_index .works .work-solo:nth-child(10) {
    transform: translateY(-720px);
}
body.works_index .works .work-solo:nth-child(11) {
    transform: translateY(-800px);
}
body.works_index .works .work-solo:nth-child(12) {
    transform: translateY(-880px);
}
body.works_index .works .work-solo:nth-child(13) {
    transform: translateY(-960px);
}
body.works_index .works .work-solo:nth-child(14) {
    transform: translateY(-1040px);
}
body.works_index .works .work-solo:nth-child(15) {
    transform: translateY(-1120px);
}
body.works_index .works .work-solo:nth-child(16) {
    transform: translateY(-1200px);
}
body.works_index .works .work-solo:nth-child(17) {
    transform: translateY(-1280px);
}
body.works_index .works .work-solo:nth-child(18) {
    transform: translateY(-1360px);
}
body.works_index .works .work-solo:nth-child(19) {
    transform: translateY(-1440px);
}
body.works_index .works .work-solo:nth-child(20) {
    transform: translateY(-1520px);
}
body.works_index .works .work-solo:nth-child(21) {
    transform: translateY(-1600px);
}
body.works_index .works .work-solo:nth-child(22) {
    transform: translateY(-1680px);
}
body.works_index .works .work-solo:nth-child(23) {
    transform: translateY(-1760px);
}
body.works_index .works .work-solo:nth-child(24) {
    transform: translateY(-1840px);
}
body.works_index .works .work-solo:nth-child(25) {
    transform: translateY(-1920px);
}
body.works_index .works .work-solo:nth-child(26) {
    transform: translateY(-2000px);
}
body.works_index .works .work-solo:nth-child(27) {
    transform: translateY(-2080px);
}
body.works_index .works .work-solo:nth-child(28) {
    transform: translateY(-2160px);
}
body.works_index .works .work-solo:nth-child(29) {
    transform: translateY(-2240px);
}
body.works_index .works .work-solo:nth-child(30) {
    transform: translateY(-2320px);
}
body.works_index .works.started .work-solo {
    transform: translateY(0);
}
}@media only screen and (max-width:1280px) {
    body.works_index .works {
    width: 520px;
}
body.works_index .works .work-solo {
    padding-top: 70px;
    padding-bottom: 70px;
}
body.works_index .works .work-solo .picture-container {
    height: 115px;
}
body.works_index .works .work-solo .picture-container .picture {
    height: 230px;
}
body.works_index .works .work-solo .title-container {
    padding-left: 105px;
}
body.works_index .works .work-solo .title-container .title {
    line-height: 55px;
    font-size: 50px;
}
body.works_index .works .work-solo .title-container .sub-title {
    left: 105px;
}
body.works_index .works .work-solo .date {
    right: calc(100% - 80px);
}
body.works_index .works .work-solo.active .date .stroke {
    transform: scaleX(3.56);
}
body.works_index .works .work-solo:nth-child(2) {
    transform: translateY(-70px);
}
body.works_index .works .work-solo:nth-child(3) {
    transform: translateY(-140px);
}
body.works_index .works .work-solo:nth-child(4) {
    transform: translateY(-210px);
}
body.works_index .works .work-solo:nth-child(5) {
    transform: translateY(-280px);
}
body.works_index .works .work-solo:nth-child(6) {
    transform: translateY(-350px);
}
body.works_index .works .work-solo:nth-child(7) {
    transform: translateY(-420px);
}
body.works_index .works .work-solo:nth-child(8) {
    transform: translateY(-490px);
}
body.works_index .works .work-solo:nth-child(9) {
    transform: translateY(-560px);
}
body.works_index .works .work-solo:nth-child(10) {
    transform: translateY(-630px);
}
body.works_index .works .work-solo:nth-child(11) {
    transform: translateY(-700px);
}
body.works_index .works .work-solo:nth-child(12) {
    transform: translateY(-770px);
}
body.works_index .works .work-solo:nth-child(13) {
    transform: translateY(-840px);
}
body.works_index .works .work-solo:nth-child(14) {
    transform: translateY(-910px);
}
body.works_index .works .work-solo:nth-child(15) {
    transform: translateY(-980px);
}
body.works_index .works .work-solo:nth-child(16) {
    transform: translateY(-1050px);
}
body.works_index .works .work-solo:nth-child(17) {
    transform: translateY(-1120px);
}
body.works_index .works .work-solo:nth-child(18) {
    transform: translateY(-1190px);
}
body.works_index .works .work-solo:nth-child(19) {
    transform: translateY(-1260px);
}
body.works_index .works .work-solo:nth-child(20) {
    transform: translateY(-1330px);
}
body.works_index .works .work-solo:nth-child(21) {
    transform: translateY(-1400px);
}
body.works_index .works .work-solo:nth-child(22) {
    transform: translateY(-1470px);
}
body.works_index .works .work-solo:nth-child(23) {
    transform: translateY(-1540px);
}
body.works_index .works .work-solo:nth-child(24) {
    transform: translateY(-1610px);
}
body.works_index .works .work-solo:nth-child(25) {
    transform: translateY(-1680px);
}
body.works_index .works .work-solo:nth-child(26) {
    transform: translateY(-1750px);
}
body.works_index .works .work-solo:nth-child(27) {
    transform: translateY(-1820px);
}
body.works_index .works .work-solo:nth-child(28) {
    transform: translateY(-1890px);
}
body.works_index .works .work-solo:nth-child(29) {
    transform: translateY(-1960px);
}
body.works_index .works .work-solo:nth-child(30) {
    transform: translateY(-2030px);
}
body.works_index .works.started .work-solo {
    transform: translateY(0);
}
}@media only screen and (max-width:960px) {
    body.works_index .works {
    width: 420px;
}
body.works_index .works .work-solo {
    padding-top: 60px;
    padding-bottom: 60px;
}
body.works_index .works .work-solo .picture-container {
    height: 93px;
}
body.works_index .works .work-solo .picture-container .picture {
    height: 186px;
}
body.works_index .works .work-solo .title-container {
    padding-left: 65px;
}
body.works_index .works .work-solo .title-container .title {
    line-height: 46px;
    font-size: 42px;
}
body.works_index .works .work-solo .title-container .sub-title {
    left: 65px;
    font-size: 12px;
}
body.works_index .works .work-solo .date {
    right: calc(100% - 50px);
}
body.works_index .works .work-solo .infos {
    right: calc(100% + 25px);
}
body.works_index .works .work-solo .infos .top {
    font-size: 12px;
}
body.works_index .works .work-solo .infos .bottom {
    font-size: 11px;
    line-height: 16px;
}
body.works_index .works .work-solo.active .date .stroke {
    transform: scaleX(2.46);
}
body.works_index .works .work-solo:nth-child(2) {
    transform: translateY(-60px);
}
body.works_index .works .work-solo:nth-child(3) {
    transform: translateY(-120px);
}
body.works_index .works .work-solo:nth-child(4) {
    transform: translateY(-180px);
}
body.works_index .works .work-solo:nth-child(5) {
    transform: translateY(-240px);
}
body.works_index .works .work-solo:nth-child(6) {
    transform: translateY(-300px);
}
body.works_index .works .work-solo:nth-child(7) {
    transform: translateY(-360px);
}
body.works_index .works .work-solo:nth-child(8) {
    transform: translateY(-420px);
}
body.works_index .works .work-solo:nth-child(9) {
    transform: translateY(-480px);
}
body.works_index .works .work-solo:nth-child(10) {
    transform: translateY(-540px);
}
body.works_index .works .work-solo:nth-child(11) {
    transform: translateY(-600px);
}
body.works_index .works .work-solo:nth-child(12) {
    transform: translateY(-660px);
}
body.works_index .works .work-solo:nth-child(13) {
    transform: translateY(-720px);
}
body.works_index .works .work-solo:nth-child(14) {
    transform: translateY(-780px);
}
body.works_index .works .work-solo:nth-child(15) {
    transform: translateY(-840px);
}
body.works_index .works .work-solo:nth-child(16) {
    transform: translateY(-900px);
}
body.works_index .works .work-solo:nth-child(17) {
    transform: translateY(-960px);
}
body.works_index .works .work-solo:nth-child(18) {
    transform: translateY(-1020px);
}
body.works_index .works .work-solo:nth-child(19) {
    transform: translateY(-1080px);
}
body.works_index .works .work-solo:nth-child(20) {
    transform: translateY(-1140px);
}
body.works_index .works .work-solo:nth-child(21) {
    transform: translateY(-1200px);
}
body.works_index .works .work-solo:nth-child(22) {
    transform: translateY(-1260px);
}
body.works_index .works .work-solo:nth-child(23) {
    transform: translateY(-1320px);
}
body.works_index .works .work-solo:nth-child(24) {
    transform: translateY(-1380px);
}
body.works_index .works .work-solo:nth-child(25) {
    transform: translateY(-1440px);
}
body.works_index .works .work-solo:nth-child(26) {
    transform: translateY(-1500px);
}
body.works_index .works .work-solo:nth-child(27) {
    transform: translateY(-1560px);
}
body.works_index .works .work-solo:nth-child(28) {
    transform: translateY(-1620px);
}
body.works_index .works .work-solo:nth-child(29) {
    transform: translateY(-1680px);
}
body.works_index .works .work-solo:nth-child(30) {
    transform: translateY(-1740px);
}
body.works_index .works.started .work-solo {
    transform: translateY(0);
}
}@media only screen and (max-width:768px) {
    body.works_index .works {
    width: 340px;
    margin-top: 0;
}
body.works_index .works .work-solo {
    padding-top: 50px;
    padding-bottom: 50px;
}
body.works_index .works .work-solo .picture-container {
    height: 75px;
}
body.works_index .works .work-solo .picture-container .picture {
    height: 150px;
}
body.works_index .works .work-solo .title-container {
    padding-left: 45px;
}
body.works_index .works .work-solo .title-container .title {
    line-height: 42px;
    font-size: 35px;
}
body.works_index .works .work-solo .title-container .sub-title {
    left: 42px;
    font-size: 12px;
}
body.works_index .works .work-solo .date {
    right: calc(100% - 35px);
    font-size: 14px;
}
body.works_index .works .work-solo .infos {
   /* right: calc(100% + 15px);*/
}
body.works_index .works .work-solo .infos .top {
    font-size: 12px;
}
body.works_index .works .work-solo .infos .bottom {
    font-size: 11px;
    line-height: 16px;
}
body.works_index .works .work-solo .view {
    font-size: 14px;
}
body.works_index .works .work-solo.active .date .stroke {
    transform: scaleX(1.86);
}
body.works_index .works .work-solo:nth-child(2) {
    transform: translateY(-60px);
}
body.works_index .works .work-solo:nth-child(3) {
    transform: translateY(-120px);
}
body.works_index .works .work-solo:nth-child(4) {
    transform: translateY(-180px);
}
body.works_index .works .work-solo:nth-child(5) {
    transform: translateY(-240px);
}
body.works_index .works .work-solo:nth-child(6) {
    transform: translateY(-300px);
}
body.works_index .works .work-solo:nth-child(7) {
    transform: translateY(-360px);
}
body.works_index .works .work-solo:nth-child(8) {
    transform: translateY(-420px);
}
body.works_index .works .work-solo:nth-child(9) {
    transform: translateY(-480px);
}
body.works_index .works .work-solo:nth-child(10) {
    transform: translateY(-540px);
}
body.works_index .works .work-solo:nth-child(11) {
    transform: translateY(-600px);
}
body.works_index .works .work-solo:nth-child(12) {
    transform: translateY(-660px);
}
body.works_index .works .work-solo:nth-child(13) {
    transform: translateY(-720px);
}
body.works_index .works .work-solo:nth-child(14) {
    transform: translateY(-780px);
}
body.works_index .works .work-solo:nth-child(15) {
    transform: translateY(-840px);
}
body.works_index .works .work-solo:nth-child(16) {
    transform: translateY(-900px);
}
body.works_index .works .work-solo:nth-child(17) {
    transform: translateY(-960px);
}
body.works_index .works .work-solo:nth-child(18) {
    transform: translateY(-1020px);
}
body.works_index .works .work-solo:nth-child(19) {
    transform: translateY(-1080px);
}
body.works_index .works .work-solo:nth-child(20) {
    transform: translateY(-1140px);
}
body.works_index .works .work-solo:nth-child(21) {
    transform: translateY(-1200px);
}
body.works_index .works .work-solo:nth-child(22) {
    transform: translateY(-1260px);
}
body.works_index .works .work-solo:nth-child(23) {
    transform: translateY(-1320px);
}
body.works_index .works .work-solo:nth-child(24) {
    transform: translateY(-1380px);
}
body.works_index .works .work-solo:nth-child(25) {
    transform: translateY(-1440px);
}
body.works_index .works .work-solo:nth-child(26) {
    transform: translateY(-1500px);
}
body.works_index .works .work-solo:nth-child(27) {
    transform: translateY(-1560px);
}
body.works_index .works .work-solo:nth-child(28) {
    transform: translateY(-1620px);
}
body.works_index .works .work-solo:nth-child(29) {
    transform: translateY(-1680px);
}
body.works_index .works .work-solo:nth-child(30) {
    transform: translateY(-1740px);
}
body.works_index .works.started .work-solo {
    transform: translateY(0);
}
}@media only screen and (max-width:600px) {
    body.works_index .works {
    width: 280px;
}
body.works_index .works .work-solo {
    padding-top: 50px;
    padding-bottom: 50px;
}
body.works_index .works .work-solo .picture-container {
    height: 72px;
}
body.works_index .works .work-solo .picture-container .picture {
    height: 144px;
}
body.works_index .works .work-solo .title-container .title {
    line-height: 38px;
    font-size: 30px;
}
body.works_index .works .work-solo .title-container .sub-title {
    font-size: 11px;
}
body.works_index .works .work-solo .date {
    font-size: 13px;
}
body.works_index .works .work-solo .infos .top {
    font-size: 11px;
}
body.works_index .works .work-solo .infos .bottom {
    font-size: 10px;
    line-height: 14px;
}
body.works_index .works .work-solo .view {
    font-size: 13px;
}
body.works_index .works .work-solo.active .date .stroke {
    transform: scaleX(1.8);
}
body.works_index .works .work-solo:nth-child(2) {
    transform: translateY(-60px);
}
body.works_index .works .work-solo:nth-child(3) {
    transform: translateY(-120px);
}
body.works_index .works .work-solo:nth-child(4) {
    transform: translateY(-180px);
}
body.works_index .works .work-solo:nth-child(5) {
    transform: translateY(-240px);
}
body.works_index .works .work-solo:nth-child(6) {
    transform: translateY(-300px);
}
body.works_index .works .work-solo:nth-child(7) {
    transform: translateY(-360px);
}
body.works_index .works .work-solo:nth-child(8) {
    transform: translateY(-420px);
}
body.works_index .works .work-solo:nth-child(9) {
    transform: translateY(-480px);
}
body.works_index .works .work-solo:nth-child(10) {
    transform: translateY(-540px);
}
body.works_index .works .work-solo:nth-child(11) {
    transform: translateY(-600px);
}
body.works_index .works .work-solo:nth-child(12) {
    transform: translateY(-660px);
}
body.works_index .works .work-solo:nth-child(13) {
    transform: translateY(-720px);
}
body.works_index .works .work-solo:nth-child(14) {
    transform: translateY(-780px);
}
body.works_index .works .work-solo:nth-child(15) {
    transform: translateY(-840px);
}
body.works_index .works .work-solo:nth-child(16) {
    transform: translateY(-900px);
}
body.works_index .works .work-solo:nth-child(17) {
    transform: translateY(-960px);
}
body.works_index .works .work-solo:nth-child(18) {
    transform: translateY(-1020px);
}
body.works_index .works .work-solonth-child(19) {
    transform: translateY(-1080px);
}
body.works_index .works .work-solo:nth-child(20) {
    transform: translateY(-1140px);
}
body.works_index .works .work-solo:nth-child(21) {
    transform: translateY(-1200px);
}
body.works_index .works .work-solo:nth-child(22) {
    transform: translateY(-1260px);
}
body.works_index .works .work-solo:nth-child(23) {
    transform: translateY(-1320px);
}
body.works_index .works .work-solo:nth-child(24) {
    transform: translateY(-1380px);
}
body.works_index .works .work-solo:nth-child(25) {
    transform: translateY(-1440px);
}
body.works_index .works .work-solo:nth-child(26) {
    transform: translateY(-1500px);
}
body.works_index .works .work-solo:nth-child(27) {
    transform: translateY(-1560px);
}
body.works_index .works .work-solo:nth-child(28) {
    transform: translateY(-1620px);
}
body.works_index .works .work-solo:nth-child(29) {
    transform: translateY(-1680px);
}
body.works_index .works .work-solo:nth-child(30) {
    transform: translateY(-1740px);
}
body.works_index .works.started .work-solo {
    transform: translateY(0);
}
}@media only screen and (max-width:480px) {
    body.works_index .works {
    width: 280px;
}
body.works_index .works .work-solo .title-container .title {
    line-height: 38px;
    font-size: 30px;
}
body.works_index .works .work-solo .title-container .sub-title {
    font-size: 11px;
}
body.works_index .works .work-solo .date {
    font-size: 13px;
}
body.works_index .works .work-solo .infos, body.works_index .works .work .view {
    display: none;
}
body.works_index .works .work-solo.active .date .stroke {
    transform: scaleX(1.2);
}
body.works_index .works .work-solo:nth-child(2) {
    transform: translateY(-60px);
}
body.works_index .works .work-solo:nth-child(3) {
    transform: translateY(-120px);
}
body.works_index .works .work-solo:nth-child(4) {
    transform: translateY(-180px);
}
body.works_index .works .work-solo:nth-child(5) {
    transform: translateY(-240px);
}
body.works_index .works .work-solo:nth-child(6) {
    transform: translateY(-300px);
}
body.works_index .works .work-solo:nth-child(7) {
    transform: translateY(-360px);
}
body.works_index .works .work-solo:nth-child(8) {
    transform: translateY(-420px);
}
body.works_index .works .work-solo:nth-child(9) {
    transform: translateY(-480px);
}
body.works_index .works .work-solo:nth-child(10) {
    transform: translateY(-540px);
}
body.works_index .works .work-solo:nth-child(11) {
    transform: translateY(-600px);
}
body.works_index .works .work-solo:nth-child(12) {
    transform: translateY(-660px);
}
body.works_index .works .work-solo:nth-child(13) {
    transform: translateY(-720px);
}
body.works_index .works .work-solo:nth-child(14) {
    transform: translateY(-780px);
}
body.works_index .works .work-solo:nth-child(15) {
    transform: translateY(-840px);
}
body.works_index .works .work-solo:nth-child(16) {
    transform: translateY(-900px);
}
body.works_index .works .work-solo:nth-child(17) {
    transform: translateY(-960px);
}
body.works_index .works .work-solo:nth-child(18) {
    transform: translateY(-1020px);
}
body.works_index .works .work-solo:nth-child(19) {
    transform: translateY(-1080px);
}
body.works_index .works .work-solo:nth-child(20) {
    transform: translateY(-1140px);
}
body.works_index .works .work-solo:nth-child(21) {
    transform: translateY(-1200px);
}
body.works_index .works .work-solo:nth-child(22) {
    transform: translateY(-1260px);
}
body.works_index .works .work-solo:nth-child(23) {
    transform: translateY(-1320px);
}
body.works_index .works .work-solo:nth-child(24) {
    transform: translateY(-1380px);
}
body.works_index .works .work-solo:nth-child(25) {
    transform: translateY(-1440px);
}
body.works_index .works .work-solo:nth-child(26) {
    transform: translateY(-1500px);
}
body.works_index .works .work-solo:nth-child(27) {
    transform: translateY(-1560px);
}
body.works_index .works .work-solo:nth-child(28) {
    transform: translateY(-1620px);
}
body.works_index .works .work-solo:nth-child(29) {
    transform: translateY(-1680px);
}
body.works_index .works .work-solo:nth-child(30) {
    transform: translateY(-1740px);
}
body.works_index .works.started .work-solo {
    transform: translateY(0);
}
/* BODY WORKS SINGLE*/
}body.works_single footer.footer {
    display: block;
	transition: .7s;
}
body.works_single .wrapper{
	padding-bottom: 0px;
}
body.works_single section.top {
    position: relative;
    height: calc(100vh - 110px - 220px);
    margin: 0 40px 60px;
    overflow: hidden;
}
body.works_single section.top .picture {
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: calc(100% + 20px);
}
body.works_single section.columns {
    width: 925px;
    margin: 0 auto 38px;
    color: #000;
}
body.works_single section.columns .launch {
    position: relative;
    display: inline-block;
    padding: 0 0 4px;
    color: #878787;
}
body.works_single section.columns .launch.underline:after {
    background: #a9a9a9;
}
body.works_single section.columns .column {
    position: relative;
    float: left;
    vertical-align: top;
}
body.works_single section.columns .column.text {
    width: 180px;
    line-height: 20px;
    font-size: 14px;
}
body.works_single section.columns .column.text .label {
    margin: 0 0 14px;
    font-family: 'Oswald';
    font-weight: 400;
    color: #9b9b9b;
	font-size: 120%;
	padding: 0px;
}
body.works_single section.columns .column.text .logo {
    margin-bottom: 15px;
}
body.works_single section.columns .column.text .logo svg * {
    fill: #3c3c3c;
}
body.works_single section.columns .column.text .logo.awwwards {
    width: 130px;
    height: 15px;
}
body.works_single section.columns .column.text .logo.fd {
    width: 52px;
    height: 21px;
}
body.works_single section.columns .column.text .logo.fwa {
    width: 72px;
    height: 22px;
}
body.works_single section.columns .column.text .logo.adobe {
    width: 38px;
    height: 43px;
}
body.works_single section.columns .column.text .logo.design-licks {
    width: 89px;
    height: 16px;
}
body.works_single section.columns .column.text .logo.css-design-awards {
    width: 34px;
    height: 49px;
}
body.works_single section.columns .column.text .launch {
    margin-top: 38px;
}
body.works_single section.columns .column.title {
    width: 385px;
    margin-top: -3px;
}
body.works_single section.columns .column.title .title {
    display: block;
    max-width: 320px;
    line-height: 65px;
    font-family: 'Oswald';
    font-weight: 600;
    font-size: 60px;
    margin: 0 0 18px;
}
body.works_single section.columns .column.title .sub-title {
    display: block;
    font-family: Oswald;
    font-weight: 400;
    font-size: 14px;
	margin-left: 2px;
}
body.works_single section.columns .column.title .sub-title .with {
    display: inline-block;
    margin-right: 10px;
    color: #9b9b9b;
}
body.works_single section.columns .column.title .date {
    display: block;
    position: absolute;
    top: 24px;
    right: calc(100% + 28px);
	width: 40px;
}
body.works_single section.columns .column.title .date .stroke {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 1px;
    background: #000;
}
body.works_single section.columns .column.title .date .top {
    position: absolute;
    right: 0;
    bottom: 5px;
	text-align: center;
}
body.works_single section.columns .column.title .date .bottom {
    position: absolute;
    top: 5px;
    right: 0;
}
body.works_single section.columns .column.title .launch {
    margin-top: 28px;
	margin-left: 2px;
}
body.works_single section.columns .column.website .launch {
    margin-top: 0;
}
body.works_single section.columns:after {
    content: '';
    display: table;
    clear: both;
}
body.works_single section.content {
    margin: 0 0 155px;
}
body.works_single section.content .line {
    position: relative;
    margin-bottom: 80px;
}
body.works_single section.content .line .picture, body.works_single section.content .line .video, body.works_single section.content .line .video .play-container, body.works_single section.content .line .video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
body.works_single section.content .line .video .play-container {
    display: none;
    background: rgba(0, 0, 0, .6);
    transition: opacity .3s;
    will-change: opacity;
    pointer-events: none;
}
body.works_single section.content .line .video .play-container .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 22px;
    height: 22px;
    margin: -11px 0 0 -11px;
}
body.works_single section.content .line .video .play-container .icon svg {
    display: block;
    width: 100%;
    height: 100%}
body.works_single section.content .line .video .play-container .icon svg * {
    fill: #fff;
}
body.works_single section.content .line .video.play .play-container {
    opacity: 0;
}
body.works_single section.content .line .picture-container {
    position: relative;
}
body.works_single .line.picture-full .picture-container.medium {
    overflow: hidden;
}
body.works_single section.content .line.text {
    width: 925px;
    padding: 20px 0 0;
    margin-left: auto;
    margin-right: auto;
   /* clear: both;*/
    line-height: 26px;
}
body.works_single section.content .line.text p {
    margin: 0 0 1.5em;
}
body.works_single section.content .line.picture-full .picture-container {
    margin-left: auto;
    margin-right: auto;
}
body.works_single section.content .line.picture-full .picture-container.big {
    width: 1472px;
    height: 784px;
}
body.works_single section.content .line.picture-full .picture-container.medium {
    width: 1104px;
    height: 622px;
}
body.works_single section.content .line.pictures-2 {
    text-align: center;
    font-size: 0;
    line-height: 0;
}
body.works_single section.content .line.pictures-2 .picture-container {
    display: inline-block;
}

body.works_single section.content .line.pictures-2 .picture-container.landscape {
    width: 690px;
    height: 560px;
}
body.works_single section.content .line.pictures-2 .picture-container.portrait {
    width: 460px;
    height: 750px;
}
body.works_single section.content .line.pictures-2 .picture-container.portrait {
    width: 460px;
    height: 750px;
}
body.works_single section.content .line.pictures-2 .picture-container.square {
    width: 690px;
    height: 690px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-1 {
    margin-right: 40px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-2 {
    margin-left: 40px;
}
body.works_single section.content .line.pictures-4 {
    text-align: center;
    font-size: 0;
    line-height: 0;
}
body.works_single section.content .line.pictures-4 .left {
    display: inline-block;
    margin-right: 40px;
    width: 690px;
    text-align: right;
}
body.works_single section.content .line.pictures-4 .right {
    display: inline-block;
    margin-left: 40px;
    width: 690px;
    text-align: left;
}
body.works_single section.content .line.pictures-4 .picture-container {
    display: inline-block;
}
body.works_single section.content .line.pictures-4 .picture-container.landscape {
    width: 690px;
    height: 560px;
}
body.works_single section.content .line.pictures-4 .picture-container.portrait {
    width: 460px;
    height: 750px;
}
body.works_single section.content .line.pictures-4 .picture-container:nth-child(1) {
    margin-bottom: 40px;
}
body.works_single section.content .line.model {
    text-align: center;
}
body.works_single section.content .line.model .shape-grid {
    display: inline-block;
    position: relative;
    background: #000;
}
body.works_single section.content .line.model .shape-grid .center {
    position: relative;
    background: #161616;
    overflow: hidden;
}
body.works_single section.content .line.model.desktop .shape-grid {
    border-radius: 24px;
}
body.works_single section.content .line.model.desktop .shape-grid .center {
    width: 865px;
    margin: 35px;
}
body.works_single section.content .line.model.tablet-portrait .shape-grid {
    border-radius: 34px;
}
body.works_single section.content .line.model.tablet-portrait .shape-grid .center {
    width: 398px;
    margin: 54px;
}
body.works_single section.content .line.model.smartphone-portrait .shape-grid {
    border-radius: 36px;
}
body.works_single section.content .line.model.smartphone-portrait .shape-grid .center {
    width: 220px;
    margin: 60px 14px;
}
body.works_single section.content .line.model.tablet-landscape .shape-grid {
    border-radius: 34px;
}
body.works_single section.content .line.model.tablet-landscape .shape-grid .center {
    width: 636px;
    margin: 54px;
}
body.works_single section.content .line.model.smartphone-landscape .shape-grid {
    border-radius: 36px;
}
body.works_single section.content .line.model.smartphone-landscape .shape-grid .center {
    width: 390px;
    margin: 14px 60px;
}
body.works_single section.content .line.carousel-portrait{
	margin: 50px 0 50px 0;
	background-color: #161616;
	padding-top: 50px;
	padding-bottom: 30px;
}
body.works_single section.content .line.carousel {
    background: #161616;
    height: 100vh;
    overflow: hidden;
	margin-top: 180px;
}
body.works_single section.content .line.carousel .content {
    position: absolute;
    top: 105px;
    bottom: 110px;
    width: 100%;
    overflow: hidden;
}
body.works_single section.content .line.carousel .content .items {
    position: absolute;
    top: 0;
    left: 50%;
    width: 9999999px;
    height: 100%;
    font-size: 0;
    transition: transform cubic-bezier(.85, 0, .15, 1);
    will-change: transform;
}
body.works_single section.content .line.carousel .content .items .item {
    position: relative;
    display: inline-block;
    background: #bfbfbf;
    height: 100%;
    margin: 0 90px;
    cursor: pointer;
    vertical-align: middle;
}
body.works_single section.content .line.carousel .content .items .item .picture {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%}
body.works_single section.content .line.carousel .content .items .item .picture img {
    width: 100%;
    height: 100%}
body.works_single section.content .line.carousel .content .items .item .picture .transp {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/transp.jpg);
}
body.works_single section.content .line.carousel .content .items .item.active {
    cursor: auto;
}
body.works_single section.content .line.carousel .content .items .item.active .picture .transp {
    display: none;
}
body.works_single section.content .line.carousel .content .items.animated {
    transition-duration: .6s;
}
body.works_single section.content .line.carousel .pagination {
    position: absolute;
    bottom: 35px;
    left: 0;
    width: 100%;
    height: 40px;
}
body.works_single section.content .line.carousel .pagination .items {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 0;
}
body.works_single section.content .line.carousel .pagination .items .item {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 100%}
body.works_single section.content .line.carousel .pagination .items .item .dot {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    margin: -4px 0 0 -4px;
    background: #737373;
    border-radius: 4px;
    transition: background .15s;
    will-change: background;
}
body.works_single section.content .line.carousel .pagination .items .item.active .dot, body.works_single section.content .line.carousel .pagination .items .item:hover .dot {
    background: #fff;
}
body.works_single section.siblings {
    width: 520px;
    margin: 0 auto 65px;
    text-align: center;
    font-size: 0;
}
body.works_single section.siblings a {
    display: inline-block;
    vertical-align: top;
    width: 50%;
    text-decoration: none;
}
body.works_single section.siblings a .label {
    display: block;
    margin: 0 0 14px;
    font-family: 'Oswald';
    font-weight: 300;
    font-size: 14px;
    color: #9b9b9b;
}
body.works_single section.siblings a .label .arrow {
    display: inline-block;
    width: 20px;
    height: 13px;
    margin: 0 8px -1px;
    transition: transform .3s;
    will-change: transform;
}
body.works_single section.siblings a .label .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
body.works_single section.siblings a .label .arrow svg * {
    fill: #9b9b9b;
}
body.works_single section.siblings a .title {
    display: block;
    line-height: 40px;
    font-family: 'Oswald';
    font-weight: 400;
    font-size: 37px;
    color: #000;
}
body.works_single section.siblings a:hover .label .arrow {
    transform: translateX(6px);
}
body.works_single section.siblings a:hover.previous .label .arrow {
    transform: rotate(180deg) translateX(6px);
}
body.works_single section.siblings a.previous {
    padding: 0 45px 0 0;
    text-align: right;
}
body.works_single section.siblings a.previous .label .arrow {
    transform: rotate(180deg);
}
body.works_single section.siblings a.next {
    padding: 0 0 0 45px;
    text-align: left;
}
@media only screen and (max-width:1440px) {
body.works_single section.content .line.picture-full .picture-container.big {
    width: 1104px;
    height: 622px;
}
body.works_single section.content .line.pictures-2 .picture-container.landscape {
    width: 512px;
    height: 416px;
}
body.works_single section.content .line.pictures-2 .picture-container.portrait {
    width: 341px;
    height: 557px;
}
body.works_single section.content .line.pictures-2 .picture-container.square {
    width: 512px;
    height: 512px;
}
body.works_single section.content .line.pictures-4 .left, body.works_single section.content .line.pictures-4 .right {
    width: 512px;
}
body.works_single section.content .line.pictures-4 .picture-container.landscape {
    width: 512px;
    height: 416px;
}
body.works_single section.content .line.pictures-4 .picture-container.portrait {
    width: 341px;
    height: 557px;
}
body.works_single section.content .line.carousel .content {
    top: 85px;
    bottom: 90px;
}
body.works_single section.content .line.carousel .pagination {
    bottom: 25px;
}
}@media only screen and (max-width:1280px) {
    body.works_single section.columns {
    width: 880px;
    margin-bottom: 18px;
}
body.works_single section.columns .column.title .title {
    max-width: 320px;
    line-height: 58px;
    font-size: 52px;
}
body.works_single section.columns .column.title .date {
    right: calc(100% + 18px);
}
body.works_single section.columns .column.text {
    width: 165px;
}
body.works_single section.content {
    margin-bottom: 115px;
}
body.works_single section.content .line {
    margin-bottom: 40px;
}
body.works_single section.content .line.text {
    width: 880px;
}
body.works_single section.content .line.picture-full .picture-container.big, body.works_single section.content .line.picture-full .picture-container.medium {
    width: 880px;
    height: 496px;
}
body.works_single section.content .line.pictures-2 .picture-container.landscape {
    width: 420px;
    height: 341px;
}
body.works_single section.content .line.pictures-2 .picture-container.portrait {
    width: 280px;
    height: 457px;
}
body.works_single section.content .line.pictures-2 .picture-container.square {
    width: 420px;
    height: 420px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-1 {
    margin-right: 20px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-2 {
    margin-left: 20px;
}
body.works_single section.content .line.pictures-4 .left {
    width: 420px;
    margin-right: 20px;
}
body.works_single section.content .line.pictures-4 .right {
    width: 420px;
    margin-left: 20px;
}
body.works_single section.content .line.pictures-4 .picture-container.landscape {
    width: 420px;
    height: 341px;
}
body.works_single section.content .line.pictures-4 .picture-container.portrait {
    width: 280px;
    height: 457px;
}
body.works_single section.content .line.pictures-4 .picture-container:nth-child(1) {
    margin-bottom: 20px;
}
body.works_single section.content .line.carousel .content {
    top: 50px;
    bottom: 80px;
}
body.works_single section.content .line.carousel .content .items .item {
    margin-right: 40px;
    margin-left: 40px;
}
body.works_single section.content .line.carousel .pagination {
    bottom: 22px;
}
}@media only screen and (max-width:960px) {
    body.works_single section.columns {
    margin-right: 40px;
    margin-bottom: 0;
    margin-left: 100px;
}
body.works_single section.columns, body.works_single section.columns .column, body.works_single section.columns.count-1 .column, body.works_single section.columns.count-2 .column, body.works_single section.columns.count-3 .column, body.works_single section.columns.count-4 .column {
    width: auto;
}
body.works_single section.columns .column {
    padding-bottom: 20px;
}
body.works_single section.columns .column.title {
    width: auto;
    padding-bottom: 40px;
    float: none;
}
body.works_single section.columns .column.title .title {
    margin-bottom: 5px;
    max-width: none;
}
body.works_single section.columns .column.text {
    width: auto;
	padding-right: 5%;
   /* padding-right: 60px;*/
}
body.works_single section.content {
    margin-bottom: 95px;
}
body.works_single section.content .line {
    margin-bottom: 40px;
}
body.works_single section.content .line.text {
    width: auto;
    margin-right: 40px;
    margin-left: 40px;
}
body.works_single section.content .line.picture-full .picture-container.big, body.works_single section.content .line.picture-full .picture-container.medium {
    width: 688px;
    height: 366px;
}

body.works_single section.content .line.pictures-2 .picture-container.landscape {
    width: 324px;
    height: 263px;
}
body.works_single section.content .line.pictures-2 .picture-container.portrait {
    width: 324px;
    height: 528px;
}
body.works_single section.content .line.pictures-2 .picture-container.square {
    width: 324px;
    height: 324px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-1 {
    margin-right: 20px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-2 {
    margin-left: 20px;
}
body.works_single section.content .line.pictures-4 .left {
    width: 324px;
    margin-right: 20px;
}
body.works_single section.content .line.pictures-4 .right {
    width: 324px;
    margin-left: 20px;
}
body.works_single section.content .line.pictures-4 .picture-container.landscape {
    width: 324px;
    height: 263px;
}
body.works_single section.content .line.pictures-4 .picture-container.portrait {
    width: 216px;
    height: 352px;
}
body.works_single section.content .line.model.desktop .shape-grid .center {
    width: 618px;
}
body.works_single section.content .line.carousel .content {
    top: 50px;
    bottom: 80px;
}
body.works_single section.content .line.carousel .content .items .item {
    margin-right: 40px;
    margin-left: 40px;
}
body.works_single section.content .line.carousel .pagination {
    bottom: 22px;
}
}@media only screen and (max-width:768px) {
body.works_single section.content {
    margin-bottom: 75px;
}
body.works_single section.content .line {
    margin-bottom: 20px;
}
body.works_single section.content .line.picture-full .picture-container.big, body.works_single section.content .line.picture-full .picture-container.medium {
    width: 520px;
    height: 277px;
}
body.works_single section.content .line.pictures-2 .picture-container.landscape {
    width: 250px;
    height: 203px;
}
body.works_single section.content .line.pictures-2 .picture-container.portrait {
    width: 250px;
    height: 408px;
}
body.works_single section.content .line.pictures-2 .picture-container.square {
    width: 250px;
    height: 250px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-1 {
    margin-right: 10px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-2 {
    margin-left: 10px;
}
body.works_single section.content .line.pictures-4 .left {
    width: 250px;
    margin-right: 10px;
}
body.works_single section.content .line.pictures-4 .right {
    width: 250px;
    margin-left: 10px;
}
body.works_single section.content .line.pictures-4 .picture-container.landscape {
    width: 250px;
    height: 203px;
}
body.works_single section.content .line.pictures-4 .picture-container.portrait {
    width: 167px;
    height: 272px;
}
body.works_single section.content .line.model.desktop .shape-grid {
    border-radius: 18px;
}
body.works_single section.content .line.model.desktop .shape-grid .center {
    width: 480px;
    margin: 20px;
}
body.works_single section.content .line.model.tablet-portrait .shape-grid {
    border-radius: 20px;
}
body.works_single section.content .line.model.tablet-portrait .shape-grid .center {
    width: 283px;
    margin: 34px;
}
body.works_single section.content .line.model.tablet-landscape .shape-grid {
    border-radius: 20px;
}
body.works_single section.content .line.model.tablet-landscape .shape-grid .center {
    width: 452px;
    margin: 34px;
}
body.works_single section.content .line.carousel .content {
    top: 30px;
    bottom: 60px;
}
body.works_single section.content .line.carousel .content .items .item {
    margin-right: 20px;
    margin-left: 20px;
}
body.works_single section.content .line.carousel .pagination {
    bottom: 10px;
}
body.works_single section.content .line.carousel .pagination .items .item {
    width: 30px;
}
}@media only screen and (max-width:600px) {
    body.works_single section.top {
    height: calc(100vh - 60px - 40px - 50px);
}
body.works_single section.columns .column.title .title {
    font-size: 45px;
    line-height: 50px;
}
body.works_single section.columns .column.title .launch {
    display: inline-block;
}
body.works_single section.content {
    margin-bottom: 75px;
}
body.works_single section.content .line {
    margin-bottom: 20px;
}
body.works_single section.content .line.text {
    line-height: 24px;
}
body.works_single section.content .line.picture-full .picture-container.big, body.works_single section.content .line.picture-full .picture-container.medium {
    width: 400px;
    height: 213px;
}
body.works_single section.content .line.pictures-2 .picture-container.landscape {
    width: 400px;
    height: 325px;
}
body.works_single section.content .line.pictures-2 .picture-container.portrait {
    width: 400px;
    height: 652px;
}
body.works_single section.content .line.pictures-2 .picture-container.square {
    width: 400px;
    height: 400px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-1 {
    margin-right: 0;
    margin-bottom: 20px;
}
body.works_single section.content .line.pictures-2 .picture-container.index-2 {
    margin-left: 0;
}
body.works_single section.content .line.pictures-4 .left {
    width: 400px;
    margin-right: 0;
    margin-bottom: 20px;
}
body.works_single section.content .line.pictures-4 .right {
    width: 400px;
    margin-left: 0;
}
body.works_single section.content .line.pictures-4 .picture-container.landscape {
    width: 400px;
    height: 325px;
}
body.works_single section.content .line.pictures-4 .picture-container.portrait {
    width: 400px;
    height: 652px;
}
body.works_single section.content .line.model.desktop .shape-grid .center {
    width: 360px;
}
body.works_single section.content .line.model.tablet-portrait .shape-grid {
    border-radius: 20px;
}
body.works_single section.content .line.model.tablet-portrait .shape-grid .center {
    width: 208px;
}
body.works_single section.content .line.model.smartphone-portrait .shape-grid {
    border-radius: 32px;
}
body.works_single section.content .line.model.smartphone-portrait .shape-grid .center {
    width: 169px;
    margin: 50px 12px;
}
body.works_single section.content .line.model.tablet-landscape .shape-grid {
    border-radius: 20px;
}
body.works_single section.content .line.model.tablet-landscape .shape-grid .center {
    width: 332px;
}
body.works_single section.content .line.model.smartphone-landscape .shape-grid {
    border-radius: 32px;
}
body.works_single section.content .line.model.smartphone-landscape .shape-grid .center {
    width: 300px;
    margin: 12px 50px;
}
body.works_single section.siblings {
    width: auto;
}
body.works_single section.siblings a.previous {
    padding-right: 25px;
}
body.works_single section.siblings a.next {
    padding-left: 25px;
}
}@media only screen and (max-width:480px) {
    body.works_single section.top {
    margin-bottom: 15px;
	margin-top: 15px;
}
body.works_single section.columns, .works_single section.top {
    margin-left: 20px;
    margin-right: 20px;
}
body.works_single section.columns .column .label {
    margin-bottom: 5px;
}
body.works_single section.columns .column.title {
    margin-left: 42px;
}
body.works_single section.columns .column.title .date {
	display:none;
   /* top: 20px;
    right: calc(100% + 12px);*/
}
body.works_single section.columns .column.title .date .top {
    bottom: 2px;
}
body.works_single section.columns .column.title .date .bottom {
    top: 2px;
}
body.works_single section.columns .column.title .date .stroke {
    width: 30px;
}
body.works_single section.columns .column.title .title {
    font-size: 38px;
    line-height: 42px;
}
body.works_single section.columns .column.title .sub-title {
    font-size: 12px;
}
body.works_single section.columns .column.title .launch {
    margin-top: 10px;
}
body.works_single section.content {
    margin-bottom: 65px;
}
body.works_single section.content .line.text {
    margin-left: 20px;
    margin-right: 20px;
}
body.works_single section.content .line.picture-full .picture-container.big, body.works_single section.content .line.picture-full .picture-container.medium {
    width: 280px;
    height: 149px;
}
body.works_single section.content .line.pictures-2 .picture-container.landscape {
    width: 280px;
    height: 227px;
}
body.works_single section.content .line.pictures-2 .picture-container.portrait {
    width: 280px;
    height: 457px;
}
body.works_single section.content .line.pictures-2 .picture-container.square {
    width: 280px;
    height: 280px;
}
body.works_single section.content .line.pictures-4 .left, .works_single section.content .line.pictures-4 .right {
    width: 280px;
}
body.works_single section.content .line.pictures-4 .picture-container.landscape {
    width: 280px;
    height: 227px;
}
body.works_single section.content .line.pictures-4 .picture-container.portrait {
    width: 280px;
    height: 457px;
}
body.works_single section.content .line.model .shape-grid {
    background: none;
}
body.works_single section.content .line.model.desktop .shape-grid .center, body.works_single section.content .line.model.smartphone-landscape .shape-grid .center, body.works_single section.content .line.model.smartphone-portrait .shape-grid .center, body.works_single section.content .line.model.tablet-landscape .shape-grid .center, body.works_single section.content .line.model.tablet-portrait .shape-grid .center {
    width: 280px;
    margin: 0;
}
body.works_single section.siblings {
    margin-bottom: 45px;
}
body.works_single section.siblings a .title {
    font-size: 32px;
    line-height: 36px;
}
body.works_single section.siblings a.previous {
    padding-right: 15px;
    padding-left: 10px;
}
body.works_single section.siblings a.next {
    padding-right: 10px;
    padding-left: 15px;
}
}@media only screen and (max-height:480px) {
    body.works_single section.top {
    height: calc(100vh - 110px - 30px);
    margin-bottom: 40px;
}
}
@media only screen and (orientation:portrait) {
    body.works_single section.top {
    /*height: 41.57609vw;*/
		height: 50vw;
		margin:0;
		top: 10px;
	}
	body.works_single section.content .line.carousel {
		background: #161616;
		height: 100vw;
		margin-top: 50px;
	}
	}html.no-video body.works_single section.content .line.model.has-video:not(.has-picture) {
		display: none;
	}
	html.no-videoautoplay body.works_single section.content .line .video .play-container {
		display: block;
	}
/* **************** */
/*  ERROR SECTION */
.error_index section.content {
    position: absolute;
    /*top: 40%;*/
    left: 0;
    width: 100%;
   /* margin: -190px 0 0;*/
    text-align: center;
}
.error_index section.content .video404 {
	width: 50%;
	margin: auto;
}
.error_index section.content .code {
    margin: 0 0 10px;
    font-size: 250px;
    font-family: 'Oswald';
    font-weight: 600;
    color: #000;
}
.error_index section.content .main-title {
    margin: 0 0 13px;
    font-size: 24px;
    color: #000;
}
.error_index section.content .main-title, .error_index section.content .sub-title {
    font-family: 'Oswald';
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: .1em;
}
.error_index section.content .sub-title {
    margin: 0 0 80px;
    font-size: 16px;
    color: #898989;
}
.error_index section.content a {
    display: inline-block;
    font-style: italic;
    text-decoration: none;
}
.error_index section.content a .title {
    display: block;
    margin: 0 0 13px;
	text-decoration : none;
}

.error_index section.content a .arrow {
    display: block;
    width: 20px;
    height: 13px;
    transition: transform .3s;
    will-change: transform;
}
.error_index section.content a .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
.error_index section.content a:hover .arrow {
	/*transform: rotate(180deg);*/
    transform: translateX(6px) rotate(180deg);
}
@media all and (min-width: 414px) and (max-width: 768px){
	.error_index section.content {
		top: 20%;
	}
	.error_index section.content .video404 {
		width: 80%;
	}
	.error_index section.content .main-title{
		margin-top:10px;
	}
	.error_index section.content .sub-title {
    margin: 0 0 30px;
	}
}
@media all and (max-width: 414px){
	.error_index section.content .video404 {
		width: 80%;
	}
	.error_index section.content {
		top: 30%;
	}
	.error_index section.content .main-title{
		font-size: 16px;
	}
}
/** INSCRIPTION */
body.index_about .formulaire {
	text-align: center;
}
body.index_about .retour{
    text-align: center;
	margin-top: 10px;
}
body.index_about .retour a {
    display: inline-block;
    font-style: italic;
    text-decoration: none;
}
body.index_about .retour a .title {
    display: block;
    margin: 0 0 13px;
	text-decoration : none;
}
body.index_about .retour a .arrow svg {
    display: block;
    width: 100%;
    height: 100%}
body.index_about .retour a .arrow {
    display: block;
    width: 20px;
    height: 13px;
    transition: transform .3s;
    will-change: transform;
}
body.index_about .retour a:hover .arrow {
	/*transform: rotate(180deg);*/
    transform: translateX(6px) rotate(180deg);
}
/* CONNEXION */
body.index_about .top-connect form{
	margin: 20% auto 25% auto;
    width: 40%;
}
body.index_about .top-connect fieldset{
	border: 1px solid black;
}
body.index_about .top-connect legend{
	font-size: 1.7em;
    margin-bottom: 20px;
}
body.index_about .top-connect label{
	padding-left: 10%;
    margin-bottom: 15px;
}
body.index_about .top-connect input{
	margin-bottom: 25px;
}
/* MENTIONS */
body.index_about .mention {
	margin-top: 50px;
	width: 50%;
	margin: 50px auto;
}
body.index_about .mention h1{
	text-align: center;
	font-size: 32px;
	font-weight: 500;
	margin: 0 0 30px 0;
	
}
body.index_about .mention h2{
	font-size: 24px;
	margin: 30px 0 20px 0;
}
body.index_about .mention h2{
	font-size: 22px;
}
body.index_about .mention p{
	text-align: left;
	font-size: 18px;
}

/** PLAN DU SITE **/
.plan {
	width: 60%;
	margin:auto;
	line-height: 1.4;
}
.planpc {
	display: block;
}
.plan h2{
	font-size: 2em;
	text-align: center;
	margin-top: 50px;
}
.plan h3 {
	font-size: 1.6em;
}
.plan h4 {
	margin: 20px 20px 10px 10px;
}
.plan > h3 > a:link  {
	text-decoration: none;
}
.planpc > h3 > a:link  {
	text-decoration: none;
}
.plan > h4 > a:link  {
	text-decoration: none;
	font-size: 1.4em;	
}
.planpc > h4 > a:link  {
	text-decoration: none;
	font-size: 1.4em;	
}
.plan a.plan-a {
	margin-left: 40px;
	text-decoration: none;
	font-size: 1.2em;
	text-transform: uppercase;
}
.plan a{
	transition-duration: 1s;
}
.plan a:hover{
	/*color: #888888;*/
	/*font-size-adjust: 0.60;*/
	letter-spacing: 1px;
	transition-duration: 1s;
}
@media all and (max-width: 480px){
	.planpc {
		display: none;
	}
}

/* DIV ALL PROJECTS PAGE index*/
.split .all-projects1{
		position: absolute;
		bottom: 40%;
		left: 27.5%;
}
.split .all-projects1 a.b-ajax.view.page-element.delay-11.perpendicular:hover{
		text-decoration: none;
		color: #181818;
}

.split .all-projects1 a.b-ajax.view.page-element.delay-11.perpendicular svg{
	/*color: #181818;*/
	transition: transform .3s;
}
.split .all-projects1 a.b-ajax.view.page-element.delay-11.perpendicular:hover svg {
	color: #181818;
	transition: transform .3s;
	transform: rotate(180deg) translateY(-6px);
}
#tab1, #tab2 {display: block;}
/* MEDIA QUERIES */ 
@media all and (min-width: 1024px) and (max-width: 1770px){
	.split .all-projects1{
		position: absolute;
		bottom: 40%;
		left: 25%;
	}
	.split .left.single-project .texts {
		width: 300px;
	}
	.split .left.single-project .real-link span.title{
		font-size: 32px;
		width: auto;
	}
	
	
}
@media all and (max-width: 1440px){
	.split .left.single-project .texts .title-container .title  {
		font-size: 32px;
		width: auto;
	}
	.split .all-projects1{
		position: absolute;
		bottom: 40%;
		left: 25%;
	}
}
@media only screen and (max-width: 1280px){
	.bx-wrapper {
		margin-top: 50px;
	}
	.b-to-load img {
		/*height: 100%;*/
		width: 100%;
	}
	.split .all-projects1{
		position: absolute;
		bottom: 40%;
		left: 25%;
	}
	body.index_about section.founders {
		height: 560px;
		line-height: 50px;
	}
	
}
@media all and (min-width: 768px) and (max-width: 1024px){
	#tab1 {display: none;}
}
body.works_single section.top {
    /*height: calc(100vh - 110px - 500px);*/
	
}
@media all and (max-width: 1024px){
	.split .left.single-project .texts {
		width: 70%;
		left:0%;
	}
	.split .all-projects1{
		position: absolute;
		bottom: 40%;
		left: 15%;
	}
	.split .left.single-project .real-link span.title{
		font-size: 32px;
		width: auto;
	}
	.split .left.single-project .texts .label{
		/*top: -50px;*/
	}
	.split .left.single-project a.real-link{
		margin-top: 50px;
		
	}
	.split .right .visuals .video-container{
		display:none;
	}
	.split .right .visuals {
		top: 60px;
	}
	body.works_single section.top {
		position: relative;
		height: calc(100vh - 110px - 220px);
		margin: 0;
		overflow: hidden;
	}
	body.works_single section.columns {
		margin-right: auto;
		margin-left: auto;
		width: 70%;
		margin-top: 20px;
	}
	
}
@media only screen and (max-width: 960px){
	body.works_single section.columns {
		margin-right: auto;
		margin-left: auto;
		margin-top: 20px;
		width: 70%;
	}
	body.index_about section.founders {
		height: auto;
		line-height: 0px;
	}
	body.index_about section.founders .title {
		display: block;
		width: auto;
		padding-bottom: 0px;
	}
}
@media all and (min-width: 768px) and (max-width: 991px){
	.split .left.single-project .texts {
    left: 0%;
	}
	.split .left.single-project .texts .label {
    top: -50px;
	}
}
@media only screen and (max-width: 768px){
	
	.bx-wrapper .bx-pager {
		padding-top: 10px;
	}
	nav.navigation.active{
		display: none;
	}
	.split .left {
		right: 40px;
		bottom: 85%;
	}
	
	.split .left.single-project .texts .label {
		text-align: center;
		top: -50px;
		left: 0%;
	}	
	.split .left.single-project .texts {
		top: 100%;
		width: 100%;
		left: 0%;
		text-align: center;
	}
	.split .left.single-project .texts .title-container {
		text-align: center;
		/*margin: 50px 0 0 35px;*/
	}
	.split .left.single-project .page a {
		display: inline-block;
	}
	.split .left.single-project .page {
		width: 100%;
		margin: 25px 0 10px 120px;
	}
	.split .left.single-project .page a.previous {
		text-align: left;
	}
	/*
	.split .all-projects1 {
		position: absolute;
		bottom: 20%;
		left: 15%;
	}*/
	.split .all-projects1 {
		position: absolute;
		bottom: 10%;
		width: 100%;
		text-align: center;
		font-size: 18px;
		color: white;
		background-color: #282828;
		height: 30px;
		padding-top: 5px;
		left: 0;
	}
	.split .all-projects1 a.b-ajax.view.page-element.delay-11.perpendicular:hover span{
		color: #fff;
	}
	.split .all-projects1 a.b-ajax.view.page-element.delay-11.perpendicular:hover svg {
		color: #fff;
	}
	.split .right {
		/*height: 65%;*/
		width: 100%;
		left: 0%;
		top: 40%;
	}
	.split .right .visuals {
		right: 0%;
		left: 0%;
	}
	body.works_single section.top {
		height: calc(100vh - 110px - 550px);
	}
	
	body.works_single section.top .picture {
		top: 10px;
	}
	footer.footer .columns .column.social {
		padding-right: 6%;
	}
	footer.footer .columns .column, footer.footer .columns .column.logo {
		padding-right: 10%;
	}
	footer.footer .credits {
		left: 8%;
	}
	
}
@media only screen and (max-width: 767px){
	#tab1{display: block;}
}
@media only screen and (max-width: 737px){
	body.works_single section.top {
		/*height: calc(100vh - 110px - 20px);*/
		margin-bottom: 30px;
	}
}
/*@media all and (max-width: 737px){
	nav.navigation.active{
		display: none;
	}
	.split .left.single-project .all-projects1{
		display: block;
		text-align:right;
		margin-top: 20px;
		font-size: 16px;
	}
	.split .left {
		right: 25%;
		bottom: 85%;
	}
	.split .left {
		right: 60%;
		bottom: 65%;
	}
}*/
@media only screen and (max-width: 638px){
	body.works_single section.top {
		height: calc(100vh - 110px);
	}
}
@media only screen and (max-width: 638px){
	.split .left{
		bottom: 85%;
		left: 0%;
	}
	.split .left.single-project .texts {
		left: 25%;
		text-align: center;
	}
	.split .left.single-project .texts .label {
		top: 0px;
		left: 20%;
		text-align: center;
	}
	.split .left.single-project .texts .title-container {
        width: 100%;
	}
	.split .all-projects1 {
		position: absolute;
		bottom: 10%;
		width: 100%;
		text-align: center;
		font-size: 18px;
		color: white;
		background-color: #282828;
		height: 30px;
		padding-top: 5px;
		left: 0;
	}
}
@media only screen and (min-width: 482px){
	body.index_about section.top #about1 {
		display: block;
	}
	body.index_about section.top #about2 {
		display: none;
	}
}
@media only screen and (max-width: 480px){
	.split .left {
		right: 0%;
		bottom: 90%;
	}
	.all-projects1 {
		position: absolute;
		bottom: 3%;
		width: 100%;
		text-align: center;
		font-size: 18px;
		color: white;
		background-color: #282828;
		/* height: 35px; */
		height: 30px;
		padding-top: 5px;
		left: 0;
	}
	.split .right .visuals {
		left: 2%;
		right: 2%;
	}
	.split .left.single-project .texts .label {
		top: 0px;
		text-align: center;
		left: 0;
	}
	.split .left.single-project .texts {
		top: 40%;
		width: 100%;
		left: 0%;
		text-align: center;
	}	
	.split .left.single-project .texts .title-container {
		margin: 50px 0 0 0px;
		text-align: center;
		left: 0%;
	}
	body.index_about section.founders {
		line-height: 0px;
		height: auto;
	}
	body.index_about section.top #about1 {
		display: none;
	}
	body.index_about section.top #about2 {
		display: block;
	}
	body.index_about section.top #about2 img{
		margin-top: 10%;
	}

}
@media only screen and (max-width: 426px){
	/*body.works_index header.full-header.active {
		pointer-events: auto;
		width: 375px;
		height: 80%;
	}*/
	body.works_index .works .work-solo .view {
		display:none;
	}
	body.works_index .works.active-on-scroll .works-inner .inner {
		/* margin-top: 50px; */
		/* margin-bottom: 50px; */
		margin: 40% auto;
	}
	body.works_single section.top {
		position: relative;
		/* height: calc(100vh - 110px - 330px); */
		/* height: calc(100vh - 110px - 430px); */
		height: calc(100vh - 110px - 250px);
		margin: 0;
		overflow: hidden;
	}
	body.works_single section.columns .column.text {
		width: auto;
		padding-right: 5%;
		margin-left: 15%;
	}
	body.works_index .works .work-solo {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	body.works_index header.full-header .list {
		position: absolute;
		top: 50%;
		left: 50%;
		width: 300px;
		height: 300px;
		margin: -150px 0 0 -150px;
		text-align: center;
		font-size: 55px;
		z-index: 1;
	}
	.wrapper{
		padding-bottom: 0px;
		min-height: 100vh;
	}
	.split .left {
		right: 0%;
		/* bottom: 60%; */
		bottom: 50%;
	}
	.split .all-projects1 {
		position: absolute;
		bottom: 3%;
		left: 0;
	}
	.split .left.single-project .texts {
		top: 40%;
		/* margin-top: 30px; */
		width: 100%;
		left: 0%;
		text-align: center;
	}
	
	header.full-header .logo .icon img {
		height: 80px;
		margin-top: 20px;
	}
	header.full-header .logo {
		top: 19px;
		left: 7px;
	}
	.split .left.single-project .texts .title-container .title {
		font-size: 24px;
		width: auto;
	}
	.split .right .visuals {
		top: 0px;
	}
	body.works_index .works .work-solo .view {
		display:none;
	}
}
@media only screen and (max-width: 414px){
	body.works_single section.top {
	/* height: calc(100vh - 110px - 430px); */
	}
}
@media only screen and (max-width: 375px){
	body.index_index .fullscreen-video{
		height:80%;
		top: 5%;
	}
	.all-projects1 {
		position: absolute;
		bottom: 3%;
		width: 100%;
		text-align: center;
		font-size: 18px;
		color: white;
		background-color: #282828;
		/* height: 35px; */
		height: 30px;
		padding-top: 5px;
	}
	.all-projects1 a{
		text-align:center;
	}
	.split .left.single-project .texts .label {
		top: -15px;
		text-align: center;
		left:0%;
	}
	.split .left.single-project .texts .title-container {
		margin: 25px 0 0 0;
		text-align: center;
		left: 0%;
	}
	.split .left.single-project a.real-link {
    margin-top: 60px;
	}
	.split .left.single-project .real-link span.title {
    font-size: 25px;
	}
	.split .left.single-project .page {
    margin: 10px 0 20px;
	}
	.split .right .visuals {
    left: 2%;
    right: 2%;
	}
	body.works_single section.columns {
		margin-right: auto;
		margin-left: 15%;
	}
	body.works_single section.columns .column.title, body.works_single section.columns .column.text{
		margin-left:10%;
	}
	body.works_single section.columns.column.title.date{
		display: none;
	}
	body.works_single section.top .picture {
		position: absolute;
		top: 0px;
		left: 0;
		width: 100%;
		/* height: calc(100% - 20px); */
		height: calc(100% - 5%);
	}
	
	body.works_single section.content .line.carousel{
		margin-top: 10px;
	}
	body.works_single section.content .line.picture-full .picture-container.medium {
    width: 80%;
    height: 30%;
	}
	/*recadrage image top */
	section.top page-element.delay-0{
		margin: 30px 0 30px 0;
	}
	body.works_single section.top{
		margin: 30px 0 30px 0;
	}
	.works_single section.top {
		margin: 30px 0 30px 0;
	}
	body.works_single section.top {
	height: calc(100vh - 110px - 330px);
	}
}
@media only screen and (max-width: 360px){
	body.works_single section.top {
		height: calc(100vh - 110px - 330px);
	}
}
@media only screen and (max-width: 320px){
	body.works_single section.top {
		height: calc(100vh - 110px - 330px);
	}
}