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

}
}

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

body {
	line-height: 1
}

ol,
ul {
	list-style: none
}

blockquote,
q {
	quotes: none
}

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

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



body.single-post,
body.page-id-12,
body.page-id-7 {
	height: 100%;
	width: 100%;
	position: fixed;
	overflow: hidden
}

body {
	font-family: 'Arya', sans-serif;
	font-size: 14px
}

body .ajax-helper {
	display: none !important
}

body #container {
	width: calc( 100% - 280px);
	margin: 0 auto
}

body.loading {
	cursor: progress
}

@media screen and (max-width: 1024px) {
	body.single-post,
	body.page-id-12,
	body.page-id-7 {
		height: auto;
		overflow: auto;
		position: relative
	}
	body #container {
		width: calc( 100% - 50px)
	}
}

pre {
	font-family: 'Arya', sans-serif;
	font-size: 14px;
	line-height: 1em;
	background: #eee;
	padding: 10px 20px;
	margin-bottom: 20px
}

.page-id-175 .block.text.push-right,
.error404 .block.text.push-right {
	background: #e6e6e6
}

.page-id-175 .block.text.push-right .btn-group,
.error404 .block.text.push-right .btn-group {
	margin-top: 1em
}

.btn {
	font-size: .8em;
	color: #000;
	border: solid 1px #000;
	text-transform: uppercase;
	text-decoration: none;
	background: transparent;
	font-family: 'Arya', sans-serif;
	font-weight: 500;
	padding: .74em .8em .7em .8em;
	letter-spacing: 0.15em;
	line-height: 1em;
	margin-right: .8em;
	position: relative;
	overflow: hidden;
	display: inline-block;
	transition: color .5s
}

.btn span {
	z-index: 2;
	position: relative
}

.btn:last-child {
	margin-right: 0
}

.btn:before {
	content: '';
	height: 120%;
	width: 120%;
	top: -10%;
	left: -10%;
	background: #000;
	display: block;
	position: absolute;
	z-index: 1;
	-webkit-transform: translate(0, 105%);
	transform: translate(0, 105%);
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.btn.black {
	border-color: black;
	color: black
}

.btn.black:before {
	background: black
}

.btn:nth-child(even):before {
	-webkit-transform: translate(0, -105%);
	transform: translate(0, -105%)
}

.btn.active,
.btn:hover {
	color: #fff
}

.btn.active:before,
.btn:hover:before {
	-webkit-transform: translate(0, 0%);
	transform: translate(0, 0%)
}

@media screen and (max-width: 1024px) {
	.btn {
		font-size: .79em
	}
}

@media screen and (min-width: 1500px) {
	.btn {
		font-size: .6em
	}
}

.social-group {
	margin-top: 1em
}

.social-group .social {
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: center;
	width: 1.5em;
	height: 1.5em;
	border: none;
	margin-right: .3em;
	cursor: pointer;
	outline: none;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden
}

.social-group .social>div {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.social-group .social>div.hover {
	-webkit-transform: translate(0, -102%);
	transform: translate(0, -102%);
	background: #e6e6e6;
}

.social-group .social:nth-child(odd)>div.hover {
	-webkit-transform: translate(0, 102%);
	transform: translate(0, 102%)
}

.social-group .social:hover:nth-child(odd)>div {
	-webkit-transform: translate(0, -102%);
	transform: translate(0, -102%)
}

.social-group .social:hover:nth-child(odd)>div.hover {
	-webkit-transform: translate(0, 0%);
	transform: translate(0, 0%)
}

.social-group .social:hover:nth-child(even)>div {
	-webkit-transform: translate(0, 102%);
	transform: translate(0, 102%)
}

.social-group .social:hover:nth-child(even)>div.hover {
	-webkit-transform: translate(0, 0%);
	transform: translate(0, 0%)
}

.social-group svg {
	max-width: 1em;
	width: auto !important;
	height: .8em !important;
	display: inline-block;
	vertical-align: middle
}

.social-group svg path {
	fill: #fff
}

.social-group .pinterest {
	line-height: 1.35em
}

.social-group .pinterest svg {
	height: 1em !important
}

.social-group .instagram {
	line-height: 1.3em
}

.social-group .instagram svg {
	height: .7em !important
}

.social-group .behance {
	line-height: 1.35em
}

.social-group .behance svg {
	height: .6em !important
}

.contact .block.text {
	background: #efefef;
	transition-delay: 0s
}

.contact .block.text p+.social-group {
	margin-top: -.8em
}

.contact .block.text .btn-toggle-map {
	text-align: left;
	white-space: nowrap;
	width: 17em;
	height: .98em;
	transition: width .5s
}

.contact .block.text .btn-toggle-map span {
	display: block;
	line-height: 2em;
	transition: all .5s;
	top: -2.4em
}

.contact .block.text .btn-toggle-map.active {
	width: 12.5em
}

.contact .block.text .btn-toggle-map.active span {
	top: -0.5em
}

.contact .block.pic {
	transition-delay: 0s;
	overflow: hidden
}

.contact .block.pic video {
	position: absolute;
	width: auto;
	height: 100%;
	bottom: 0%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%)
}

.contact .block.map {
	transition-delay: 0s
}

.contact .block.map #map-inner {
	transition: opacity .1s .75s, -webkit-transform .75s;
	transition: transform .75s, opacity .1s .75s;
	transition: transform .75s, opacity .1s .75s, -webkit-transform .75s;
	-webkit-transform: translate(100%, 0%);
	transform: translate(100%, 0%)
}

.contact .block.map.show #map-inner {
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%)
}

.contact .block.map iframe,
.contact .block.map #map-inner {
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%
}

.contact .block.map.appear-from-right-enter #map-inner,
.contact .block.map.appear-from-right-leave #map-inner {
	opacity: 0
}

.contact .block.map.appear-from-right-leave #map-inner {
	transition: opacity .1s 0s, -webkit-transform .75s;
	transition: transform .75s, opacity .1s 0s;
	transition: transform .75s, opacity .1s 0s, -webkit-transform .75s
}

@media screen and (min-aspect-ratio: 1440 / 802) {
	.contact .block.pic video {
		position: absolute;
		width: 100%;
		height: auto;
		bottom: 0%;
		left: 50%;
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%)
	}
}

@media screen and (max-width: 1024px) {
	.contact {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}
	.contact .block.text {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1
	}
	.contact .block.pic {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3
	}
	.contact .block.map {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
		height: calc( 100vw - 70px) !important
	}
}

.list-projets {
	position: relative;
	z-index: 10;
	margin-top: 140px;
	font-size: 0
}

.list-projets li {
	position: relative;
	width: 50%;
	height: calc( 100vh - 280px);
	margin-bottom: -15%;
	z-index: 1;
	cursor: pointer
}

.list-projets li:last-child {
	margin-bottom: 140px
}

.list-projets li .inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-position: center;
	background-size: cover;
	transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s;
	transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
	-webkit-transform: scale(0.7);
	transform: scale(0.7)
}

.list-projets li .pic-wrapper {
	position: absolute;
	height: 100%;
	width: 100%;
	overflow: hidden;
	z-index: 3
}

.list-projets li .pic-wrapper .pic {
	font-size: 1rem;
	position: absolute;
	top: -2em;
	bottom: -2em;
	left: -2em;
	right: -2em;
	background-position: center;
	background-size: cover;
	transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);
	transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);
	transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1), -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1)
}

.list-projets li .pic-wrapper:hover .pic,
.list-projets li .text:hover+.pic-wrapper .pic {
	transition-duration: 5s;
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}

.list-projets li .text {
	position: absolute;
	top: 26%;
	right: auto;
	left: 100%;
	width: 100%;
	font-size: 1rem;
	box-sizing: border-box;
	padding: 27px;
	z-index: 2;
	overflow: hidden;
	opacity: 0;
	transition: opacity .5s
}

.list-projets li .text a {
	color: inherit;
	text-decoration: none
}

.list-projets li .text h2,
.list-projets li .text h3,
.list-projets li .text .btn-wrapper {
	transition: all .5s;
	-webkit-transform: translate(-54px, 0);
	transform: translate(-54px, 0);
	position: relative;
	display: inline-block;
	cursor: pointer
}

.list-projets li .text h2:after,
.list-projets li .text h3:after,
.list-projets li .text .btn-wrapper:after {
	content: '';
	height: 1.2em;
	width: 105%;
	background: #e6e6e6;
	display: block;
	top: -1px;
	left: -1px;
	position: absolute;
	-webkit-transform-origin: center right;
	transform-origin: center right;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);
	transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);
	transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1), -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1)
}

.list-projets li .text h2 {
	font-size: 1.65rem;
	margin-bottom: .45em;
	transition-delay: .25s
}

.list-projets li .text h3 {
font-family: 'Arya', sans-serif;
	text-transform: uppercase;
	font-size: 0.82rem;
	margin-bottom: 1.3em;
	transition-delay: .35s
}

.list-projets li .text h3:after {
	transition-delay: .15s
}

.list-projets li .text .btn-wrapper {
	display: inline-block;
	overflow: hidden;
	padding: 1px
}

.list-projets li .text .btn-wrapper:after {
	height: calc( 100% + 2px);
	transition-delay: .75s
}

.list-projets li .text button {
	border: solid 1px #000;
font-family: 'Arya', sans-serif;
	background: transparent;
	text-transform: uppercase;
	font-size: .7rem;
	padding: 10px 10px 7px 10px;
	letter-spacing: 0.1em;
	transition-delay: .45s;
	cursor: pointer;
	outline: none
}

.list-projets li .text button span:after {
	height: 100%;
	width: 100%;
	background: #e6e6e6;
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	-webkit-transform: translate(-100%, 0%);
	transform: translate(-100%, 0%);
	transition: all 0.3s cubic-bezier(0.6, 0, 0.4, 1)
}

.list-projets li .text button span:before {
	border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
	box-sizing: border-box;
	content: '';
	height: 19px;
	width: 7px;
	background: #e6e6e6;
	top: 50%;
	left: 1px;
	margin-top: -9px;
	position: absolute;
	-webkit-transform: translate(-130%, 0%);
	transform: translate(-130%, 0%);
	transition: all 0.3s cubic-bezier(0.6, 0, 0.4, 1);
	background-image: url("../img/arrow-btn-right.png");
	background-position: center;
	background-repeat: no-repeat
}

.list-projets li .text button.active span:before {
	left: calc( 100% + 9px);
	-webkit-transform: translate(-130%, 0%);
	transform: translate(-130%, 0%)
}

.list-projets li .text button.active span:after {
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%)
}

.list-projets li .text:hover button span:before {
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%)
}

.list-projets li:nth-child(4n+0) .inner {
	-webkit-transform-origin: 0% center;
	transform-origin: 0% center
}

.list-projets li:nth-child(4n+1) .inner {
	-webkit-transform-origin: 0 center;
	transform-origin: 0 center
}

.list-projets li:nth-child(4n+2) .inner {
	-webkit-transform-origin: 100% center;
	transform-origin: 100% center
}

.list-projets li:nth-child(4n+3) .inner {
	-webkit-transform-origin: 100% center;
	transform-origin: 100% center
}

.list-projets li:nth-child(odd) {
	margin-left: 50%
}

.list-projets li:nth-child(odd) .text {
	text-align: right;
	right: 100%;
	left: auto
}

.list-projets li:nth-child(odd) .text h2,
.list-projets li:nth-child(odd) .text h3,
.list-projets li:nth-child(odd) .text .btn-wrapper {
	-webkit-transform: translate(54px, 0);
	transform: translate(54px, 0)
}

.list-projets li:nth-child(odd) .text h2:after,
.list-projets li:nth-child(odd) .text h3:after,
.list-projets li:nth-child(odd) .text .btn-wrapper:after {
	-webkit-transform-origin: center left;
	transform-origin: center left
}

.list-projets li.current {
	z-index: 2
}

.list-projets li.current .inner {
	-webkit-transform: scale(1);
	transform: scale(1)
}

.list-projets li.current:not(.click) .inner .text {
	opacity: 1
}

.list-projets li.current:not(.click) .inner .text h2,
.list-projets li.current:not(.click) .inner .text h3,
.list-projets li.current:not(.click) .inner .text .btn-wrapper {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.list-projets li.current:not(.click) .inner .text h2:after,
.list-projets li.current:not(.click) .inner .text h3:after,
.list-projets li.current:not(.click) .inner .text .btn-wrapper:after {
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1)
}

.list-projets li:hover button span:before {
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%)
}

@media screen and (max-width: 1024px) {
	.list-projets {
		margin-top: 35px
	}
	.list-projets .projet-item {
		width: 100%;
		margin-bottom: 0;
		height: auto
	}
	.list-projets .projet-item .pic-wrapper {
		display: none
	}
	.list-projets .projet-item .inner {
		position: relative;
		height: auto;
		width: auto
	}
	.list-projets .projet-item .text {
		position: relative;
		top: 0;
		left: 0;
		padding: 1em;
		padding-bottom: 0;
		margin-bottom: .5em;
		margin-top: 1em
	}
	.list-projets .projet-item .text h2 {
		font-size: 1.2em;
		margin-bottom: .3em
	}
	.list-projets .projet-item .text h3 {
		font-size: .7em;
		margin-bottom: 1em
	}
	.list-projets .projet-item .text button {
		font-size: .5em
	}
	.list-projets .projet-item .text h2:after,
	.list-projets .projet-item .text h3:after,
	.list-projets .projet-item .text .btn-wrapper:after {
		background: #fff
	}
	.list-projets .projet-item .text button span:before {
		background-color: #fff;
		border-top-color: #fff;
		border-bottom-color: #fff
	}
	.list-projets .projet-item img {
		width: 100%
	}
	.list-projets .projet-item .inner {
		background: transparent !important
	}
	.list-projets .projet-item:nth-child(odd) {
		margin-left: 0%
	}
	.list-projets .projet-item:nth-child(odd) .text {
		right: 0;
		left: auto;
		text-align: left
	}
	.list-projets .projet-item:nth-child(4n+0) .inner {
		-webkit-transform-origin: 0% center;
		transform-origin: 0% center
	}
	.list-projets .projet-item:nth-child(4n+1) .inner {
		-webkit-transform-origin: 100% center;
		transform-origin: 100% center
	}
	.list-projets .projet-item:nth-child(4n+2) .inner {
		-webkit-transform-origin: 0% center;
		transform-origin: 0% center
	}
	.list-projets .projet-item:nth-child(4n+3) .inner {
		-webkit-transform-origin: 100% center;
		transform-origin: 100% center
	}
}

.mask {
	position: fixed;
	transition: opacity .5s, background .5s;
	transition-delay: 1s;
	opacity: .8;
	background: #fff;
	z-index: 100
}

.mask a {
	background: inherit
}

.mask.top,
.mask.bottom {
	width: calc( 100% - 280px);
	height: 140px;
	left: 140px
}

.mask.top {
	top: 0
}

.mask.bottom {
	bottom: 0
}

.mask.right,
.mask.left {
	width: 140px;
	height: 100%;
	top: 0
}

.mask.right {
	right: 0
}

.mask.left {
	left: 0
}

.mask-bg {
	position: fixed;
	height: calc( 100% - 280px);
	width: calc( 100% - 280px);
	top: 140px;
	left: 140px;
	background: #e6e6e6;
	z-index: 1;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.logo {
	width: 90px;
	height: 90px;
	position: absolute;
	left: 50%;
	bottom: 20px;
	margin-left: -45px;
	background: inherit;
	-webkit-transform: translate(0, -2em);
	transform: translate(0, -2em);
	opacity: 0;
	transition: opacity .5s .5s, -webkit-transform .5s .5s;
	transition: transform .5s .5s, opacity .5s .5s;
	transition: transform .5s .5s, opacity .5s .5s, -webkit-transform .5s .5s
}

.logo path {
	stroke-dasharray: 50;
	stroke-dashoffset: 0;
	fill: none;
	stroke: #000000;
	stroke-width: 0.389;
	stroke-linecap: round;
	stroke-linejoin: round;
	transition: all .7s .3s
}

.logo .txt {
	position: absolute;
	white-space: nowrap;
	top: 50%;
	left: 50%;
	margin-top: -0.15em;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	color: #000;
font-family: 'Arya', sans-serif;
	font-size: 1rem;
	text-transform: uppercase;
	width: 0;
	text-indent: -5.6em;
	overflow: hidden;
	text-align: center;
	transition: width .5s, text-indent .5s;
	background: inherit
}

.baseline {
	width: 100%
}

.baseline-wrapper {
	width: 147px;
	height: 29px;
	position: absolute;
	left: 50%;
	top: 56px;
	margin-left: -73.5px;
	-webkit-transform: translate(0, 2em);
	transform: translate(0, 2em);
	opacity: 0;
	transition: opacity .5s .5s, -webkit-transform .5s .5s;
	transition: transform .5s .5s, opacity .5s .5s;
	transition: transform .5s .5s, opacity .5s .5s, -webkit-transform .5s .5s
}

.baseline-wrapper:after,
.baseline-wrapper:before {
	position: absolute;
	content: '';
	height: 14.5px;
	width: 0%;
	bottom: 0;
	left: 0;
	background-color: #fff
}

.baseline-wrapper:before {
	transition: width 0.3s 0.3s cubic-bezier(0.8, 0, 0.2, 1), background-color 0.5s 1s
}


.logo.ready{
-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}



.baseline-wrapper.ready {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 0;
}

.opaque .mask {
	opacity: 1
}

body.page-id-7 .mask {
	background: #e6e6e6;
	opacity: 1
}

body.page-id-7 .baseline-wrapper:before,
body.page-id-7 .baseline-wrapper:after {
	background-color: #e6e6e6
}

@media screen and (max-width: 1024px) {
	.mask.top,
	.mask.bottom {
		width: calc( 100% - 50px);
		height: 35px;
		left: 25px
	}
	.mask.bottom {
		height: 57.75px
	}
	.mask.right,
	.mask.left {
		width: 25px
	}
	.mask-bg {
		display: none
	}
	.logo {
		display: none
	}
	.baseline-wrapper {
		width: 106.90909px;
		height: 28.09091px;
		top: 19px;
		margin-left: -53.45455px;
		opacity: 1 !important;
	}
	.baseline-wrapper:before,
	.baseline-wrapper:after {
		display: none
	}
	.btn-scroll-group{
		display: none !important;
	}
}

@media screen and (max-height: 780px),
screen and (max-width: 1500px) {
	.logo .txt {
		font-size: .8rem
	}
}

.opening {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #e6e6e6;
	z-index: 200;
	transition: top 1s cubic-bezier(0.7, 0, 0.3, 1), right 1s cubic-bezier(0.7, 0, 0.3, 1), bottom 1s cubic-bezier(0.7, 0, 0.3, 1), left 1s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.75s, background 0.75s;
	transition-delay: .25s
}

.opening .logo-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -125px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
	opacity: 0
}

.opening .logo-loader.ready {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.opening.resize {
	top: 140px;
	right: 140px;
	bottom: 140px;
	left: 140px
}

.opening.resize .logo-loader {
	transition-duration: 1s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7)
}

.fade-opening-leave,
.fade-opening-enter {
	opacity: 0
}

.fade-hoi
{
	opacity: 1 !important;
}
.endkr{
	display: none !important;
}

.openings {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #e6e6e6;
	z-index: 201;
	transition: all 3s cubic-bezier(0.7, 0, 0.3, 1), right 1s cubic-bezier(0.7, 0, 0.3, 1), bottom 1s cubic-bezier(0.7, 0, 0.3, 1), left 1s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.75s, background 0.75s;
	transition-delay: .25s;

	opacity: 0;
}

.openings .logo-loaders {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -125px;
	margin-top: -125px;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	transition: all 2s cubic-bezier(0.7, 0, 0.3, 1);
	opacity: 0
}

.openings .logo-loaders.readys {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1)
}

.openings.resizes {
	top: 140px;
	right: 140px;
	bottom: 140px;
	left: 140px
}

.openings.resizes .logo-loaders {
	transition-duration: 1s;
	-webkit-transform: scale(0.7);
	transform: scale(0.7)
}



@media screen and (max-width: 1024px) {
	.opening .logo-loader {
		width: 150px;
		height: 150px;
		margin-left: -75px;
		margin-top: -75px
	}
	.opening.resize {
		top: 35px;
		right: 35px;
		bottom: 57.75px;
		left: 35px
	}

		.openings .logo-loaders {
		width: 150px;
		height: 150px;
		margin-left: -75px;
		margin-top: -75px
	}
	.openings.resizes {
		top: 35px;
		right: 35px;
		bottom: 57.75px;
		left: 35px
	}
	

}

.page-projet,
.contact,
.team {
	position: fixed;
	z-index: 10;
	height: calc( 100% - 280px);
	width: calc( 100% - 280px);
	top: 140px;
	left: 140px;
	font-size: 16px
}

.page-projet .btn-scroll-group,
.contact .btn-scroll-group,
.team .btn-scroll-group {
	position: fixed;
	bottom: 163px;
	left: 50.35%;
	width: 150px;
	margin-left: -75px;
	z-index: 50
}

.page-projet .btn-scroll-group .btn-scroll-mask,
.contact .btn-scroll-group .btn-scroll-mask,
.team .btn-scroll-group .btn-scroll-mask {
	width: 50%;
	position: absolute;
	left: 0;
	bottom: 0;
	overflow: hidden
}

.page-projet .btn-scroll-group .btn-scroll-mask:first-child,
.contact .btn-scroll-group .btn-scroll-mask:first-child,
.team .btn-scroll-group .btn-scroll-mask:first-child {
    left: 25%;
}

.page-projet .btn-scroll-group .btn-scroll-mask:last-child,
.contact .btn-scroll-group .btn-scroll-mask:last-child,
.team .btn-scroll-group .btn-scroll-mask:last-child {
	left: -25%;
}

.page-projet .btn-scroll-group .btn-scroll-mask:last-child .btn-scroll,
.contact .btn-scroll-group .btn-scroll-mask:last-child .btn-scroll,
.team .btn-scroll-group .btn-scroll-mask:last-child .btn-scroll {
	left: -100%
}

.page-projet .btn-scroll-group .btn-scroll,
.contact .btn-scroll-group .btn-scroll,
.team .btn-scroll-group .btn-scroll {
	position: relative;
	white-space: nowrap;
	font-family: 'Arya', sans-serif;
	background: none;
	border: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	outline: none;
	cursor: pointer;
	background-image: url("../img/arrow-scroll.png");
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 21px
}

.page-projet .btn-scroll-group .btn-scroll.text,
.contact .btn-scroll-group .btn-scroll.text,
.team .btn-scroll-group .btn-scroll.text {
	color: #000
}

.page-projet .block,
.contact .block,
.team .block {
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background-size: cover;
	background-position: center;
	box-sizing: border-box;
	background-color: #e6e6e6;
	transition: opacity .75s, -webkit-transform .75s;
	transition: transform .75s, opacity .75s;
	transition: transform .75s, opacity .75s, -webkit-transform .75s;
	transition-delay: .15s;
	transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1)
}

.page-projet .block.nodelay,
.contact .block.nodelay,
.team .block.nodelay {
	transition-delay: 0s
}

.page-projet .block.delay,
.contact .block.delay,
.team .block.delay {
	transition-delay: .3s
}

.page-projet .block.w100,
.contact .block.w100,
.team .block.w100 {
	width: 100%
}

.page-projet .block.fake,
.contact .block.fake,
.team .block.fake {
	display: none
}

.page-projet .block.calc-helper,
.contact .block.calc-helper,
.team .block.calc-helper {
	opacity: 0
}

.page-projet .block.hide,
.contact .block.hide,
.team .block.hide {
	opacity: 0
}

.page-projet .block.push-right,
.contact .block.push-right,
.team .block.push-right {
	left: 50%
}

.page-projet .block.text,
.contact .block.text,
.team .block.text {
	padding: 4.1em 5.8em;
	font-size: 1em
}

.page-projet .block.text .inner,
.page-projet .block.text .inner span,
.contact .block.text .inner,
.contact .block.text .inner span,
.team .block.text .inner,
.team .block.text .inner span {
	background: inherit
}

.page-projet .block.text .title,
.contact .block.text .title,
.team .block.text .title {
	font-size: 2.35em;
	line-height: 1.07em;
	letter-spacing: 0.02em;
	margin-bottom: 0.4em
}

.page-projet .block.text .subtitle,
.contact .block.text .subtitle,
.team .block.text .subtitle {
	font-family: 'Arya', sans-serif;
	font-size: .86em;
	line-height: 1.07em;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	margin-bottom: 3.65em
}

.page-projet .block.text p,
.contact .block.text p,
.team .block.text p {
	font-family: 'Arya', sans-serif;
	font-size: 0.81em;
	line-height: 1.4em;
	letter-spacing: 0.01em;
	margin-bottom: 1.8em;
	font-weight: 300;
	position: relative;
	background: inherit;
	-webkit-transform: translate(-2em, 0);
	transform: translate(-2em, 0);
	opacity: 0;
	transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.page-projet .block.text p b,
.page-projet .block.text p strong,
.contact .block.text p b,
.contact .block.text p strong,
.team .block.text p b,
.team .block.text p strong {
	font-weight: 500
}

.page-projet .block.text p a,
.contact .block.text p a,
.team .block.text p a {
	color: inherit
}

.page-projet .block.text p+.btn-group,
.contact .block.text p+.btn-group,
.team .block.text p+.btn-group {
	margin-top: -.8em;
	margin-bottom: 2.4em
}

.page-projet .block.text .title,
.page-projet .block.text .subtitle,
.page-projet .block.text .read-next,
.page-projet .block.text .btn-group,
.contact .block.text .title,
.contact .block.text .subtitle,
.contact .block.text .read-next,
.contact .block.text .btn-group,
.team .block.text .title,
.team .block.text .subtitle,
.team .block.text .read-next,
.team .block.text .btn-group {
	position: relative;
	background: inherit;
	display: inline-block
}

.page-projet .block.text .read-next,
.contact .block.text .read-next,
.team .block.text .read-next {
	background: transparent
}

.page-projet .block.text .title:after,
.page-projet .block.text .subtitle:after,
.page-projet .block.text .read-next:after,
.page-projet .block.text .btn-group:after,
.contact .block.text .title:after,
.contact .block.text .subtitle:after,
.contact .block.text .read-next:after,
.contact .block.text .btn-group:after,
.team .block.text .title:after,
.team .block.text .subtitle:after,
.team .block.text .read-next:after,
.team .block.text .btn-group:after {
	content: '';
	position: absolute;
	height: 120%;
	width: 100%;
	background: inherit;
	top: -10%;
	left: 0;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	transition-delay: .3s;
	z-index: 2
}

.page-projet .block.text .gold,
.contact .block.text .gold,
.team .block.text .gold {
	color: #000
}

.page-projet .block.text .read-next,
.contact .block.text .read-next,
.team .block.text .read-next {
	background: inherit;
	color: inherit;
	font-family: 'Arya', sans-serif;
	font-size: .6em;
	text-transform: uppercase;
	border: none;
	padding: 0;
	position: relative;
	margin-top: 1.75em;
	padding-top: 18px;
	letter-spacing: 0.12em;
	outline: none;
	cursor: pointer
}

.page-projet .block.text .read-next span,
.contact .block.text .read-next span,
.team .block.text .read-next span {
	border-bottom: solid 1px;
	position: absolute;
	width: 1.07em;
	left: 0;
	-webkit-transform-origin: left;
	transform-origin: left;
	transition: width .5s
}

.page-projet .block.text .read-next span:nth-child(1),
.contact .block.text .read-next span:nth-child(1),
.team .block.text .read-next span:nth-child(1) {
	top: 0;
	width: 15px
}

.page-projet .block.text .read-next span:nth-child(2),
.contact .block.text .read-next span:nth-child(2),
.team .block.text .read-next span:nth-child(2) {
	top: 3px;
	width: 9px
}

.page-projet .block.text .read-next span:nth-child(3),
.contact .block.text .read-next span:nth-child(3),
.team .block.text .read-next span:nth-child(3) {
	top: 6px;
	width: 12px
}

.page-projet .block.text .read-next:hover span:nth-child(1),
.contact .block.text .read-next:hover span:nth-child(1),
.team .block.text .read-next:hover span:nth-child(1) {
	top: 0;
	width: 12px
}

.page-projet .block.text .read-next:hover span:nth-child(2),
.contact .block.text .read-next:hover span:nth-child(2),
.team .block.text .read-next:hover span:nth-child(2) {
	top: 3px;
	width: 15px
}

.page-projet .block.text .read-next:hover span:nth-child(3),
.contact .block.text .read-next:hover span:nth-child(3),
.team .block.text .read-next:hover span:nth-child(3) {
	top: 6px;
	width: 9px
}

.page-projet .block.text .social-group .social,
.contact .block.text .social-group .social,
.team .block.text .social-group .social {
	-webkit-transform: translate(0, 0.8em);
	transform: translate(0, 0.8em);
	opacity: 0;
	transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s
}

.page-projet .block.text .social-group .social:nth-child(even),
.contact .block.text .social-group .social:nth-child(even),
.team .block.text .social-group .social:nth-child(even) {
	-webkit-transform: translate(0, -0.8em);
	transform: translate(0, -0.8em)
}

.page-projet .block.text .btn-projet-link-wrapper,
.contact .block.text .btn-projet-link-wrapper,
.team .block.text .btn-projet-link-wrapper {
	position: absolute;
	top: 2em;
	right: 2em;
	-webkit-transform: translate(2em, 0);
	transform: translate(2em, 0);
	opacity: 0;
	transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s;
	line-height: 0
}

.page-projet .block.text:not(.loading).on-viewport .title:after,
.contact .block.text:not(.loading).on-viewport .title:after,
.team .block.text:not(.loading).on-viewport .title:after {
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transition-delay: .7s
}

.page-projet .block.text:not(.loading).on-viewport .subtitle:after,
.contact .block.text:not(.loading).on-viewport .subtitle:after,
.team .block.text:not(.loading).on-viewport .subtitle:after {
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transition-delay: .9s
}

.page-projet .block.text:not(.loading).on-viewport p,
.page-projet .block.text:not(.loading).on-viewport .btn-projet-link-wrapper,
.contact .block.text:not(.loading).on-viewport p,
.contact .block.text:not(.loading).on-viewport .btn-projet-link-wrapper,
.team .block.text:not(.loading).on-viewport p,
.team .block.text:not(.loading).on-viewport .btn-projet-link-wrapper {
	-webkit-transform: translate(0em, 0);
	transform: translate(0em, 0);
	opacity: 1;
	transition-delay: 1.1s
}

.page-projet .block.text:not(.loading).on-viewport .read-next:after,
.contact .block.text:not(.loading).on-viewport .read-next:after,
.team .block.text:not(.loading).on-viewport .read-next:after {
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transition-delay: 1.3s
}

.page-projet .block.text:not(.loading).on-viewport .btn-group:after,
.contact .block.text:not(.loading).on-viewport .btn-group:after,
.team .block.text:not(.loading).on-viewport .btn-group:after {
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transition-delay: 1.3s
}

.page-projet .block.text:not(.loading).on-viewport .social-group .social,
.contact .block.text:not(.loading).on-viewport .social-group .social,
.team .block.text:not(.loading).on-viewport .social-group .social {
	opacity: 1;
	-webkit-transform: translate(0, 0em);
	transform: translate(0, 0em);
	transition-delay: 1.4s
}

.page-projet .block.text:not(.loading).on-viewport .social-group .social:nth-child(2),
.contact .block.text:not(.loading).on-viewport .social-group .social:nth-child(2),
.team .block.text:not(.loading).on-viewport .social-group .social:nth-child(2) {
	transition-delay: 1.5s
}

.page-projet .block.text:not(.loading).on-viewport .social-group .social:nth-child(3),
.contact .block.text:not(.loading).on-viewport .social-group .social:nth-child(3),
.team .block.text:not(.loading).on-viewport .social-group .social:nth-child(3) {
	transition-delay: 1.6s
}

.page-projet .block.text:not(.loading).on-viewport .social-group .social:nth-child(4),
.contact .block.text:not(.loading).on-viewport .social-group .social:nth-child(4),
.team .block.text:not(.loading).on-viewport .social-group .social:nth-child(4) {
	transition-delay: 1.7s
}

.page-projet .block.text:not(.loading).on-viewport .social-group .social:nth-child(5),
.contact .block.text:not(.loading).on-viewport .social-group .social:nth-child(5),
.team .block.text:not(.loading).on-viewport .social-group .social:nth-child(5) {
	transition-delay: 1.8s
}

.page-projet .block.video,
.contact .block.video,
.team .block.video {
	overflow: hidden
}

.page-projet .block.video video,
.contact .block.video video,
.team .block.video video {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: auto;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%)
}

.page-projet .block .inner,
.contact .block .inner,
.team .block .inner {
	opacity: 1;
	transition: opacity .5s
}

.page-projet .block .inner.unvisible,
.contact .block .inner.unvisible,
.team .block .inner.unvisible {
	opacity: 0;
	transition: none
}

@media screen and (max-aspect-ratio: 1280 / 843) {
	.page-projet .block.video video {
		left: 50%;
		top: 0;
		height: 100%;
		width: auto;
		-webkit-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%)
	}
}

@media screen and (max-width: 1500px) {
	.page-projet .block.text,
	.contact .block.text,
	.team .block.text {
		padding: 3.8em 5em
	}
	.page-projet .block.text p,
	.contact .block.text p,
	.team .block.text p {
		font-size: 1.1em
	}
	.page-projet .block.text .read-next,
	.contact .block.text .read-next,
	.team .block.text .read-next {
		font-size: .8em
	}
	.page-projet .block.text .social-group .social,
	.contact .block.text .social-group .social,
	.team .block.text .social-group .social {
		font-size: 1.4em
	}
}
#awein
	{
		display: none ;
	}
@media screen and (max-width: 1024px) {
	#awein
	{
		display: block;
	}
	.single-post .nav-slider-front-page {
		display: none
	}
	.page-projet,
	.contact,
	.team {
		position: relative;
		height: auto;
		width: 100%;
		top: 35px;
		left: 0;
		padding-bottom: 57.75px
	}
	.page-projet .btn-scroll-group,
	.contact .btn-scroll-group,
	.team .btn-scroll-group {
		display: inline-block;
	}
	.page-projet .block,
	.contact .block,
	.team .block {
		width: 100% !important;
		height: auto !important;
		-webkit-transform: translate(0%, 0%) !important;
		transform: translate(0%, 0%) !important;
		position: relative
	}
	.page-projet .block .inner.unvisible,
	.contact .block .inner.unvisible,
	.team .block .inner.unvisible {
		opacity: 1
	}
	.page-projet .block.push-right,
	.contact .block.push-right,
	.team .block.push-right {
		left: 0%
	}
	.page-projet .block.img img,
	.contact .block.img img,
	.team .block.img img {
		width: 100%
	}
	.page-projet .block.text,
	.contact .block.text,
	.team .block.text {
		padding: 2em;
		padding-bottom: .2em;
		font-size: .7em
	}
	.page-projet .block.text p,
	.page-projet .block.text .btn-projet-link-wrapper,
	.contact .block.text p,
	.contact .block.text .btn-projet-link-wrapper,
	.team .block.text p,
	.team .block.text .btn-projet-link-wrapper {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		opacity: 1
	}
	.page-projet .block.text .title:after,
	.page-projet .block.text .subtitle:after,
	.page-projet .block.text .read-next:after,
	.page-projet .block.text .social-group:after,
	.page-projet .block.text .btn-group:after,
	.contact .block.text .title:after,
	.contact .block.text .subtitle:after,
	.contact .block.text .read-next:after,
	.contact .block.text .social-group:after,
	.contact .block.text .btn-group:after,
	.team .block.text .title:after,
	.team .block.text .subtitle:after,
	.team .block.text .read-next:after,
	.team .block.text .social-group:after,
	.team .block.text .btn-group:after {
		display: none
	}
	.page-projet .block.text .read-next,
	.page-projet .block.text .social-group,
	.contact .block.text .read-next,
	.contact .block.text .social-group,
	.team .block.text .read-next,
	.team .block.text .social-group {
		display: none
	}
	.page-projet .block.text .btn-projet-link-wrapper,
	.contact .block.text .btn-projet-link-wrapper,
	.team .block.text .btn-projet-link-wrapper {
		position: relative;
		top: auto;
		right: auto;
		margin-bottom: 2em;
		margin-top: -1em
	}
}

.slider-front-page {
	position: fixed;
	z-index: 10;
	height: calc( 100% - 280px);
	width: calc( 100% - 280px);
	top: 140px;
	left: 140px
}

.slider-front-page article {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	cursor: pointer
}

.slider-front-page article .inner.pic {
	height: 100%;
	width: 50%;
	top: 0;
	position: absolute;
	overflow: hidden;
	z-index: 1
}

.slider-front-page article .inner.pic.left {
	left: 0
}

.slider-front-page article .inner.pic.left>div {
	left: 0
}

.slider-front-page article .inner.pic.right {
	right: 0
}

.slider-front-page article .inner.pic.right>div {
	right: 0
}

.slider-front-page article .inner.pic>div {
	position: absolute;
	top: -70px;
	bottom: -70px;
	width: calc( 100vw - 280px);
	background-size: cover;
	background-position: center;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1)
}

.slider-front-page article .inner.bg {
	height: 100%;
	width: 50%;
	position: absolute;
	z-index: 2;
	overflow-x: hidden
}

.slider-front-page article .inner.bg>div {
	position: absolute;
	transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s;
	transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1);
	width: 70%;
	height: 58%
}

.slider-front-page article .inner.bg.left {
	left: -2em;
	bottom: -2em
}

.slider-front-page article .inner.bg.left>div {
	bottom: 0;
	left: 0;
	-webkit-transform: translate(3em, -3em);
	transform: translate(3em, -3em)
}

.slider-front-page article .inner.bg.right {
	right: -2em;
	top: -2em
}

.slider-front-page article .inner.bg.right>div {
	top: 0;
	right: 0;
	-webkit-transform: translate(-3em, 3em);
	transform: translate(-3em, 3em)
}

.slider-front-page article a {
	color: inherit;
	text-decoration: none
}

.slider-front-page.text {
	z-index: 120
}

.slider-front-page.text article .inner {
	position: absolute;
	max-width: 39%
}

.slider-front-page.text article .inner.right {
	text-align: left;
	top: 66px;
	right: 0px;
}

.slider-front-page.text article .inner.right h2 {
	padding-left: 27px;
	text-align: right;
	-webkit-transform: translate(-30px, 0);
	transform: translate(-30px, 0)
}

.slider-front-page.text article .inner.right hr {
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.slider-front-page.text article .inner.left {
	text-align: right;
	bottom: 66px;
	left: 0px
}

.slider-front-page.text article .inner.left h2 {
	padding-right: 27px;
	text-align: left;
	-webkit-transform: translate(30px, 0);
	transform: translate(30px, 0)
}

.slider-front-page.text article .inner.left hr {
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.slider-front-page.text article .inner.left span {
	direction: rtl
}

.slider-front-page.text article h2 {
	font-size: 2.8rem;
	padding-bottom: 2rem;
	opacity: 0;
	transition: all .5s
}

.slider-front-page.text article hr {
	margin: 0;
	margin-bottom: .5rem;
	border: none;
	border-bottom: solid 1px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.slider-front-page.text article span {
	font-family: 'Arya', sans-serif;
	text-transform: uppercase;
	font-size: 0.7rem;
	letter-spacing: 0.03em;
	width:0;
	display: inline-block;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 0;
	transition: all .5s
}
.fullblacker{
	background-color: rgba(0,0,0,0.5);width: 100%;height: 100%;position: absolute;opacity: 0;
	transition: all 0.4s;
}
.slider-front-page.text:not(.click):hover article .fullblacker
{
opacity: 1;
}
.slider-front-page.text:not(.click):hover article .inner h2 {
	opacity: 1;
	-webkit-transform: translate(0px, 0);
	transform: translate(0px, 0);
	transition-delay: .25s
}
.slider-front-page.text:not(.click):hover article .inner h2 {
	opacity: 1;
	-webkit-transform: translate(0px, 0);
	transform: translate(0px, 0);
	transition-delay: .25s
}

.slider-front-page.text:not(.click):hover article .inner hr {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	transition-delay: .35s
}

.slider-front-page.text:not(.click):hover article .inner span {
width: 100%;
margin-right: 10px;
	transition-delay: .75s
}

.slider-front-page.text:not(.click):hover+.slider-front-page .inner.bg>div {
	-webkit-transform: translate(0%, 0%);
	transform: translate(0%, 0%)
}

.slider-front-page.text:not(.click):hover+.slider-front-page article.left .inner.pic.left div {
	-webkit-transform: translate(0%, -70px);
	transform: translate(0%, -70px)
}

.slider-front-page.text:not(.click):hover+.slider-front-page article.right .inner.pic.right div {
	-webkit-transform: translate(0%, 70px);
	transform: translate(0%, 70px)
}

.slider-front-page.text:not(:hover)+.slider-front-page .inner.bg>div,
.slider-front-page.text.click+.slider-front-page .inner.bg>div {
	opacity: 0 !important
}

.nav-slider-front-page {
	position: fixed;
	height: calc( 100% - 280px);
	width: 140px;
	top: 140px;
	background: transparent;
	padding: 0;
	border: none;
	z-index: 110;
	outline: none;
	cursor: pointer;
	background-repeat: no-repeat;
	color: inherit;
	transition-timing-function: cubic-bezier(0.9, 0, 0.1, 1) !important
}

.nav-slider-front-page:before {
	content: '';
	height: 1px;
	width: 28px;
	background: black;
	position: absolute;
	top: 50%;
	margin-top: -0.5px;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transition: -webkit-transform 0.5s cubic-bezier(0.9, 0, 0.1, 1);
	transition: transform 0.5s cubic-bezier(0.9, 0, 0.1, 1);
	transition: transform 0.5s cubic-bezier(0.9, 0, 0.1, 1), -webkit-transform 0.5s cubic-bezier(0.9, 0, 0.1, 1)
}

.nav-slider-front-page.prev:before {
	right: 50%;
	margin-right: 1px;
	-webkit-transform-origin: right center;
	transform-origin: right center
}

.nav-slider-front-page.next:before {
	left: 50%;
	margin-left: 2px;
	-webkit-transform-origin: left center;
	transform-origin: left center
}

.nav-slider-front-page:hover:before {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.nav-slider-front-page.prev {
	left: 0;
	background-image: url("../img/arrow-left.png");
	background-position: 67px center
}

.nav-slider-front-page.prev:hover {
	background-position: 39px center
}

.nav-slider-front-page.next {
	right: 0;
	background-image: url("../img/arrow-right.png");
	background-position: 67px center
}

.nav-slider-front-page.next:hover {
	background-position: 95px center
}

.nav-slider-front-page span {
	text-transform: uppercase;
	position: absolute;
	top: 50%;
	font-family: 'Arya', sans-serif;
	font-size: .6rem;
	margin-top: -3.3em;
	text-align: left;
	transition: width 0.5s cubic-bezier(0.9, 0, 0.1, 1);
	width: 0em;
	overflow: hidden
}

.nav-slider-front-page span:last-child {
	margin-top: -2.1em
}

.nav-slider-front-page.prev span {
	margin-left: -1.8em;
	left: 50%
}

.nav-slider-front-page.next span {
	margin-right: -1.8em;
	right: 50%;
	direction: rtl
}

.nav-slider-front-page:hover span:first-child {
	transition-delay: .15s;
	width: 4.1em
}

.nav-slider-front-page:hover span:last-child {
	transition-delay: .35s
}

.nav-slider-front-page:hover.prev span:last-child {
	width: 6.4em
}

.nav-slider-front-page:hover.next span:last-child {
	width: 4.6em
}

@media screen and (max-width: 1024px) {
	.slider-front-page {
		height: calc( 100% - 92.75px);
		width: calc( 100% - 70px);
		top: 35px;
		left: 35px
	}
	.slider-front-page article .inner.pic {
		height: 82%;
		width: 50%
	}
	.slider-front-page article .inner.pic>div {
		top: 0;
		bottom: 0;
		width: calc( 100vw - 70px)
	}
	.slider-front-page article .inner.bg {
		height: 22%;
		width: calc( 100% - 30px);
		position: absolute;
		z-index: 2;
		overflow-x: hidden;
		transition: opacity .5s, -webkit-transform .5s;
		transition: transform .5s, opacity .5s;
		transition: transform .5s, opacity .5s, -webkit-transform .5s
	}
	.slider-front-page article .inner.bg>div {
		display: none
	}
	.slider-front-page article .inner.bg.left,
	.slider-front-page article .inner.bg.right {
		left: 15px;
		bottom: 0;
		top: auto;
		background: #e6e6e6 !important
	}
	.slider-front-page.text article {
		height: 22%;
		bottom: 0;
		left: 15px;
		top: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}
	.slider-front-page.text article .inner {
		position: relative;
		margin-bottom: 1rem;
		color: black !important
	}
	.slider-front-page.text article .inner.left,
	.slider-front-page.text article .inner.right {
		height: auto;
		top: auto;
		bottom: auto;
		right: auto;
		left: auto;
		width: calc( 100% - 35px);
		max-width: none;
		text-align: right
	}
	.slider-front-page.text article .inner h2 {
		font-size: 1.6rem;
		line-height: 1.1em;
		padding-left: 0 !important;
		padding-right: 0 !important;
		padding-bottom: 1rem;
		text-align: left !important
	}
	.slider-front-page.text:not(.click) article .inner hr {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
		transition-delay: .35s
	}
	.slider-front-page.text:not(.click) article .inner span {
		width: 100%;
		transition-delay: .75s;
		white-space: normal;
	}
	.slider-front-page.text:not(.click) article.current .inner h2 {
		opacity: 1;
		-webkit-transform: translate(0px, 0);
		transform: translate(0px, 0);
		transition-delay: .25s
	}
	.nav-slider-front-page {
		height: calc( 100% - 92.75px);
		width: 35px;
		top: 35px
	}
	.nav-slider-front-page span,
	.nav-slider-front-page:before {
		display: none
	}
	.nav-slider-front-page.prev,
	.nav-slider-front-page.next {
		background-position: center
	}
	.nav-slider-front-page.prev:hover,
	.nav-slider-front-page.next:hover {
		background-position: center
	}
}

@media screen and (max-width: 767px) {
	.slider-front-page article .inner.pic {
		height: 65%
	}
	.slider-front-page article .inner.bg,
	.slider-front-page article.text article {
		height: 39%
	}
}

.team .block {
	background: #fff;
	transition-delay: 0s
}

.team .block.text {
	z-index: 10
}

.team .block h1,
.team .block h2 {
	color: #e6e6e6
}

.team .close {
	display: none
}

.team .trigger {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 4;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.team .trigger .inner {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.team .trigger svg {
	top: 0;
	left: 0;
	position: absolute;
	display: block;
	opacity: 0
}

.team .trigger svg path {
	cursor: pointer
}

.team .person-01 {
	left: auto;
	right: 0
}

.team .bg,
.team .bg-hover {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.team .bg-hover {
	opacity: 0;
	z-index: 3;
	transition: opacity .5s
}

.team .bg-hover.visible {
	opacity: .99
}

.team .bg:before,
.team .bg:after {
	content: '';
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	z-index: 1
}

.team .bg:before {
	left: -50%;
	background: #f5f5f5
}

.team .bg:after {
	right: -50%;
	background: #f8f8f8
}

.team .bg video {
	position: absolute;
	height: 100%;
	width: auto;
	top: 0;
	left: 50%;
	z-index: 2;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0)
}

@media screen and (max-width: 1024px) {
	.team {
		position: fixed;
		left: 35px;
		right: 35px;
		height: calc( 100% - 92.75px) !important;
		padding-bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: auto
	}
	.team .bg {
		background-size: cover;
		background-position: center
	}
	.team .bg video {
		opacity: 0
	}
	.team .bg:after,
	.team .bg:before {
		display: none
	}
	.team .block.text {
		-webkit-box-align: stretch;
		-ms-flex-align: stretch;
		align-items: stretch;
		background: #fff;
		overflow: scroll
	}
	.team .close {
		position: absolute;
		right: 2em;
		top: 2.9em;
		border: none;
		width: 17px;
		height: 12px;
		padding: 0;
		display: block;
		background: transparent;
		outline: none
	}
	.team .close span {
		position: absolute;
		height: 2px;
		width: 100%;
		left: 0;
		background: black !important
	}
	.team .close span:nth-child(1) {
		top: 0;
		-webkit-transform: rotate(45deg) translate(4px, 3px);
		transform: rotate(45deg) translate(4px, 3px)
	}
	.team .close span:nth-child(2) {
		top: 10px;
		-webkit-transform: rotate(-45deg) translate(4px, -3px);
		transform: rotate(-45deg) translate(4px, -3px)
	}
}

#header {
	position: relative;
	z-index: 105
}

#header nav a {
	font-family: 'Arya', sans-serif;
	font-size: 1.4rem;
	color: #000;
	position: fixed;
	text-decoration: none;
	text-transform: uppercase;
	padding: 10px 15px;
	letter-spacing: 0.07em;
	text-decoration: none;
	text-transform: uppercase
}

#header nav a:before,
#header nav a:after,
#header nav a span {
	content: '';
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	box-sizing: border-box;
	transition: -webkit-transform .25s cubic-bezier(0.9, 0, 0.1, 1);
	transition: transform .25s cubic-bezier(0.9, 0, 0.1, 1);
	transition: transform .25s cubic-bezier(0.9, 0, 0.1, 1), -webkit-transform .25s cubic-bezier(0.9, 0, 0.1, 1)
}

#header nav a:before {
	border-top: solid 2px;
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transition-delay: .5s
}

#header nav a span:nth-child(2) {
	border-right: solid 2px;
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	transition-delay: .75s
}

#header nav a span:nth-child(1) {
	border-bottom: solid 2px;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transition-delay: 0s
}

#header nav a:after {
	border-left: solid 2px;
	-webkit-transform-origin: center top;
	transform-origin: center top;
	-webkit-transform: scale(1, 0);
	transform: scale(1, 0);
	transition-delay: .25s
}

#header nav a:hover span:nth-child(1) {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

#header nav a.active span:nth-child(1),
#header nav a.active span:nth-child(2),
#header nav a.active:before,
#header nav a.active:after {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

#header nav a.active span:nth-child(2) {
	transition-delay: .25s
}

#header nav a.active:before {
	transition-delay: .5s
}

#header nav a.active:after {
	transition-delay: .75s
}

#header nav a:nth-child(1) {
	top: 63px;
	left: 58px;
	transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s
}

#header nav a:nth-child(2) {
	top: 63px;
	right: 58px;
	transition: opacity .5s .15s, -webkit-transform .5s .15s;
	transition: transform .5s .15s, opacity .5s .15s;
	transition: transform .5s .15s, opacity .5s .15s, -webkit-transform .5s .15s
}

#header nav a:nth-child(3) {
	bottom: 63px;
	right: 58px;
	transition: opacity .5s .3s, -webkit-transform .5s .3s;
	transition: transform .5s .3s, opacity .5s .3s;
	transition: transform .5s .3s, opacity .5s .3s, -webkit-transform .5s .3s
}

#header nav a:nth-child(4) {
	bottom: 63px;
	left: 58px;
	transition: opacity .5s .45s, -webkit-transform .5s .45s;
	transition: transform .5s .45s, opacity .5s .45s;
	transition: transform .5s .45s, opacity .5s .45s, -webkit-transform .5s .45s
}

#header nav a:nth-child(5) {

    position: fixed;
    left: 49.8%;
	bottom: 63px;

    transform: translateX(-50%);
	transition: opacity .5s .45s, -webkit-transform .5s .45s;
	transition: transform .5s .45s, opacity .5s .45s;
	transition: transform .5s .45s, opacity .5s .45s, -webkit-transform .5s .45s;
	
}
#header.ready nav a {
	opacity: 0
}

#header.ready nav a:nth-child(1),
#header.ready nav a:nth-child(2) {
	-webkit-transform: translate(0, -15px);
	transform: translate(0, -15px)
}

#header.ready nav a:nth-child(3),
#header.ready nav a:nth-child(4) {
	-webkit-transform: translate(0, 15px);
	transform: translate(0, 15px)
}

.hamburger {
	width: 17px;
	height: 12px;
	position: fixed;
	z-index: 199;
	left: 50%;
	top: 11px;
	margin-left: -8px;
	background: transparent;
	border: none;
	outline: none;
	display: none
}

.hamburger span {
	position: absolute;
	height: 2px;
	width: 100%;
	left: 0;
	background: black;
	transition: opacity .3s, -webkit-transform .3s;
	transition: transform .3s, opacity .3s;
	transition: transform .3s, opacity .3s, -webkit-transform .3s
}

.hamburger span:nth-child(1) {
	top: 0
}

.hamburger span:nth-child(2) {
	top: 5px
}

.hamburger span:nth-child(3) {
	top: 10px
}

.hamburger.close span:nth-child(1) {
	-webkit-transform: rotate(45deg) translate(4px, 3px);
	transform: rotate(45deg) translate(4px, 3px)
}

.hamburger.close span:nth-child(2) {
	-webkit-transform: translate(5px, 0);
	transform: translate(5px, 0);
	opacity: 0
}

.hamburger.close span:nth-child(3) {
	-webkit-transform: rotate(-45deg) translate(4px, -3px);
	transform: rotate(-45deg) translate(4px, -3px)
}

.menu-mobile {
	background: #fff;
	position: fixed;
	z-index: 198;
	top: 0;
	right: 0;
	left: 0;
	height: 100%;
	text-align: center;
	box-sizing: border-box;
	font-family: 'Arya', sans-serif;
	font-size: .85rem;
	text-transform: uppercase;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s;
	display: none
}

.menu-mobile:before {
	content: '';
	position: absolute;
	background: #e6e6e6;
	top: 35px;
	right: 35px;
	bottom: 35px;
	left: 35px;
	-webkit-transform-origin: top center;
	transform-origin: top center;
	-webkit-transform: scale(1, 0.5);
	transform: scale(1, 0.5);
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

.menu-mobile a {
	color: black;
	text-decoration: none
}

.menu-mobile li {
	margin-bottom: 1em;
	-webkit-transform: translate(0, -1em);
	transform: translate(0, -1em);
	opacity: 0;
	transition: opacity .5s, -webkit-transform .5s;
	transition: transform .5s, opacity .5s;
	transition: transform .5s, opacity .5s, -webkit-transform .5s;
	border-bottom: solid 2px #fff;
	padding-bottom: 1em;
	padding-left: 2em;
	padding-right: 2em
}

.menu-mobile li:last-child {
	padding-bottom: 0;
	border-bottom: none
}

.menu-mobile.show {
	-webkit-transform: translate(0, 0%);
	transform: translate(0, 0%)
}

.menu-mobile.show:before {
	transition-delay: .15s;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1)
}

.menu-mobile.show li {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.menu-mobile.show li:nth-child(1) {
	transition-delay: .15s
}

.menu-mobile.show li:nth-child(2) {
	transition-delay: .3s
}

.menu-mobile.show li:nth-child(3) {
	transition-delay: .45s
}

.menu-mobile.show li:nth-child(4) {
	transition-delay: .6s
}

.menu-mobile.show li:nth-child(5) {
	transition-delay: .75s
}

@media screen and (max-height: 780px),
screen and (max-width: 1500px) {
	#header nav a {
		font-size: .75rem;
		padding: 10px 15px 9px 15px
	}
}

@media screen and (max-width: 1024px) {
	#header nav a {
		display: none
	}
	.hamburger {
		display: block
	}
	.menu-mobile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}
}

.valign-helper,
.valign-item,
.valign-container:before {
	display: inline-block;
	vertical-align: middle
}

.valign-helper {
	height: 100%
}

.valign-item {
	max-width: 100%;
	font-size: 14px;
	line-height: 1.6em
}

.valign-container {
	font-size: 0;
	line-height: 0
}

.valign-container:before {
	content: '';
	height: 100%;
	width: 0;
	position: relative
}

.clearfix::after,
.clr::after {
	clear: both;
	content: "";
	display: table
}

.fade-transition {
	transition: opacity .5s
}

.fade-enter,
.fade-leave {
	opacity: 0
}

.long-fade-transition {
	transition: opacity 1.5s
}

.long-fade-enter,
.long-fade-leave {
	opacity: 0
}

.slide-50-to-left-transition {
	transition: opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s, -webkit-transform 1s
}

.slide-50-to-left-enter,
.slide-50-to-left-leave {
	-webkit-transform: translate(50%, 0);
	transform: translate(50%, 0);
	opacity: 0
}

.slide-50-to-right-transition {
	transition: opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s, -webkit-transform 1s
}

.slide-50-to-right-enter,
.slide-50-to-right-leave {
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	opacity: 0
}

.slide-25-to-left-transition {
	transition: all .5s
}

.slide-25-to-left-enter,
.slide-25-to-left-leave {
	-webkit-transform: translate(25%, 0);
	transform: translate(25%, 0);
	opacity: 0
}

.slide-25-to-right-transition {
	transition: all .5s
}

.slide-25-to-right-enter,
.slide-25-to-right-leave {
	-webkit-transform: translate(-25%, 0);
	transform: translate(-25%, 0);
	opacity: 0
}

.slide-25-to-top-transition {
	transition: opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s, -webkit-transform 1s
}

.slide-25-to-top-enter,
.slide-25-to-top-leave {
	-webkit-transform: translate(0, 25%);
	transform: translate(0, 25%);
	opacity: 0
}

.slide-25-to-bottom-transition {
	transition: opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s, -webkit-transform 1s
}

.slide-25-to-bottom-enter,
.slide-25-to-bottom-leave {
	-webkit-transform: translate(0, -25%);
	transform: translate(0, -25%);
	opacity: 0
}

.slide-50-to-top-transition {
	transition: opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s, -webkit-transform 1s
}

.slide-50-to-top-enter,
.slide-50-to-top-leave {
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	opacity: 0
}

.slide-50-to-bottom-transition {
	transition: opacity 1s, -webkit-transform 1s;
	transition: transform 1s, opacity 1s;
	transition: transform 1s, opacity 1s, -webkit-transform 1s
}

.slide-50-to-bottom-enter,
.slide-50-to-bottom-leave {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	opacity: 0
}

.appear-list-transition {
	transition: all .75s
}

.appear-list-enter {
	-webkit-transform: translate(0, 100vh);
	transform: translate(0, 100vh);
	opacity: 0
}

.appear-list-leave {
	-webkit-transform: translate(0, -100vh);
	transform: translate(0, -100vh);
	opacity: 0
}

.appear-from-top-transition {
	transition: all .75s;
	transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1)
}

.appear-from-top-enter {
	-webkit-transform: translate(0, calc( -100vh - 280px));
	transform: translate(0, calc( -100vh - 280px));
	opacity: 0
}

.appear-from-top-leave {
	-webkit-transform: translate(0, calc( 100vh - 280px));
	transform: translate(0, calc( 100vh - 280px));
	opacity: 0
}

.appear-from-bottom-transition {
	transition: all .75s;
	transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1)
}

.appear-from-bottom-enter {
	-webkit-transform: translate(0, calc( 100vh - 280px));
	transform: translate(0, calc( 100vh - 280px));
	opacity: 0
}

.appear-from-bottom-leave {
	-webkit-transform: translate(0, calc( -100vh - 280px));
	transform: translate(0, calc( -100vh - 280px));
	opacity: 0
}

.appear-from-right-transition {
	transition: all .75s;
	transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1)
}

.appear-from-right-enter {
	-webkit-transform: translate(calc( 50vw - 140px), 0);
	transform: translate(calc( 50vw - 140px), 0);
	opacity: 0
}

.appear-from-right-leave {
	-webkit-transform: translate(calc( 50vw - 140px), 0);
	transform: translate(calc( 50vw - 140px), 0);
	opacity: 0
}

.appear-from-left-transition {
	transition: all .75s;
	transition-timing-function: cubic-bezier(0.6, 0, 0.4, 1)
}

.appear-from-left-enter {
	-webkit-transform: translate(calc( -50vw - 140px), 0);
	transform: translate(calc( -50vw - 140px), 0);
	opacity: 0
}

.appear-from-left-leave {
	-webkit-transform: translate(calc( -50vw - 140px), 0);
	transform: translate(calc( -50vw - 140px), 0);
	opacity: 0
}