html{box-sizing:border-box;font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}

/*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */

body{margin:0}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary
{
	display:block; cursor: url(images/cur1.png), pointer
}

audio,canvas,progress,video
{
	display:inline-block; cursor: url(images/cur1.png), pointer
}

audio:not([controls])
{
	display:none;height:0
}

progress
{
	vertical-align:baseline
}

[hidden],template
{
	display:none
}

a
{
	background-color:transparent;-webkit-text-decoration-skip:objects
}

a:active,a:hover
{
	outline-width:0
}

abbr[title]
{
	border-bottom:none;text-decoration:underline;text-decoration:underline dotted
}
	
	b,strong
{
	font-weight:inherit;font-weight:bolder
}

dfn
{
	font-style:italic
}

h1
{
	font-size:2em;margin:.67em 0
}

mark
{
	background-color:#ff0;color:#000
} 

small
{
	font-size:80%
}

sub,sup
{
	font-size:75%;line-height:0;position:relative;vertical-align:baseline
}

sub
{
	bottom:-.25em
}

sup
{
	top:-.5em
}

img
{
	border-style:none
}

svg:not(:root)
{
	overflow:hidden
}

code,kbd,pre,samp
{
	font-family:monospace,monospace;font-size:1em
}

figure
{
	margin:1em 40px
}

hr
{
	box-sizing:content-box;height:0;overflow:visible
}

button,input,optgroup,select,textarea
{
	font:inherit;margin:0
}

optgroup
{
	font-weight:700
}

button,input
{
	overflow:visible
}

button,select
{
	text-transform:none
}

[type=reset],[type=submit],button,html [type=button]
{
	-webkit-appearance:button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner
{
	border-style:none;padding:0
}

[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring
{
	outline:1px dotted ButtonText
}

fieldset
{
	border:1px solid silver;margin:0 2px;padding:.35em .625em .75em
}

legend
{
	box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal
}

textarea
{
	overflow:auto
}

[type=checkbox],[type=radio]
{
	box-sizing:border-box;padding:0
}

[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button
{
	height:auto
}

[type=search]
{
	-webkit-appearance:textfield;outline-offset:-2px
}

[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration
{
	-webkit-appearance:none
}

::-webkit-input-placeholder
{
	color:inherit;opacity:.54
}

::-webkit-file-upload-button
{
	-webkit-appearance:button;font:inherit
}

html
{
	box-sizing:border-box;-webkit-tap-highlight-color:transparent
}

*,:after,:before
{
	box-sizing:inherit
}

body
{
	font-size:10px;font-family:Circular;color:#000105
}

a
{
	color:#808082; 
}

a:active,a:focus,a:hover
{
	color:#000105;text-decoration:underline;cursor: url(images/cur2.png), pointer
}

ul
{
	-webkit-margin-before:0;-webkit-margin-after:0;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:0;-moz-margin-before:0;-moz-margin-after:0;-moz-margin-start:0;-moz-margin-end:0;-moz-padding-start:0;margin:0
}

.animsition-overlay-slide
{
	z-index:9999;background:#f1f1f1;animation-timing-function:cubic-bezier(.6,.2,.1,1)
}

.bg-init
{
	background:#f1f1f1
}

@font-face
{
	font-family:Kaushan Script;src:url(./fonts/kaushan/KaushanScript-Regular.woff2) format("woff2"),url(./fonts/kaushan/KaushanScript-Regular.woff) format("woff"),url(./fonts/kaushan/KaushanScript-Regular.ttf) format("truetype");font-weight:400;font-style:normal
}

@font-face
{
	font-family:Raleway Medium;src:url(./fonts/raleway/Raleway-Medium.woff2) format("woff2"),url(./fonts/raleway/Raleway-Medium.woff) format("woff"),url(./fonts/raleway/Raleway-Medium.ttf) format("truetype");font-weight:400;font-style:normal
}

@font-face
{
	font-family:Playfair Display;src:url(./fonts/playfair/PlayfairDisplay-Regular.woff2) format("woff2"),url(./fonts/playfair/PlayfairDisplay-Regular.woff) format("woff"),url(./fonts/gilda/PlayfairDisplay-Regular.ttf) format("truetype");font-weight:400;font-style:normal
}	


@font-face
{
	font-family:Avenir;src:url(./fonts/avenir/Avenir-Book.woff2) format("woff2"),url(./fonts/avenir/Avenir-Book.woff) format("woff"),url(./fonts/avenir/Avenir-Book.ttf) format("truetype");font-weight:400;font-style:normal
}

@font-face
{
	font-family:Circular;src:url(./fonts/circular/CircularStd-Book.woff2) format("woff2"),url(./fonts/circular/CircularStd-Book.woff) format("woff"),url(./fonts/circular/CircularStd-Book.ttf) format("truetype");font-weight:400;font-style:normal
}

body
{
	-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;word-break:break-word
}

body h1,body h2,body h3,body h4,body h5,body h6
{
	-webkit-margin-before:0;-moz-margin-before:0;-webkit-margin-after:0;-moz-margin-after:0;margin:0
}

body p
{
	font-size:1.8em;line-height:1.5em
}

body h1,body p
{
	font-weight:300
}

body h1
{
	font-size:3.2em;font-family:serif
}

body h2
{
	font-size:3em;font-weight:300
}

body h3
{
	color:#808082;font-size:1.2em;text-transform:uppercase;display:block;font-weight:700;letter-spacing:2px
}

.fonts-loaded body
{
	font-family:Circular
}

.fonts-loaded p
{
	font-family:Circular
}

.fonts-loaded h1
{
	font-family:Circular
}

.fonts-loaded h2,.fonts-loaded h3
{
	font-family:Circular
}

.fonts-loaded .hero__intro
{
	font-family:Kaushan Script,regular;
	visibility:hidden
}

@keyframes entry
{
	0%{transform:translateY(100px);opacity:0
}

to
{
	transform:translateY(0);opacity:1}
}

@keyframes draw
{
	to{stroke-dashoffset:0}}@keyframes FadeStroke{to{stroke-opacity:0}
}

@keyframes FillIn
{
	0%{fill-opacity:0
}

to
{
	fill-opacity:1}
}

@keyframes animsition-loading
{
	0%{transform:rotate(0deg)}
to
{
	transform:rotate(1turn)}
}

@keyframes rotating
{0%
{transform:rotate(0deg)}

to
{transform:rotate(1turn)}
}

@keyframes flashing
{
	0%{fill:#808082}25%{fill:#fff}50%{fill:#000105}75%{fill:#fff}to{fill:#808082}
}

@keyframes pixelate
{
	0%{left:0;width:0;background:#000105}25%{left:0;width:100%;background:#000105}50%{left:100%;width:0;background:#808082}75%{left:0;width:100%;background:#808082}to{left:0;width:0;background:#000105}
}

@keyframes flash
{
	0%{opacity:1}50%{opacity:.3}to{opacity:1}
}

@keyframes fallingStar
{
	0%{transform:translate3d(0,-100%,0);opacity:.5}to{transform:translate3d(0,1500%,0);opacity:1}
}

.clearfix:after
{
	clear:both;content:'';display:table
}

.container
{
	max-width:1440px;margin-left:auto;margin-right:auto;padding-left:30px;padding-right:30px;width:100%
}

.hide-text
{
	overflow:hidden;padding:0;text-indent:101%;white-space:nowrap
}

.visually-hidden
{
	border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px
}

header
{
	max-width:100%;margin-left:auto;margin-right:auto;position:fixed;top:0;left:0;z-index:999;width:100%
}

header:after
{
	clear:both;content:"";display:block
}

header .burger
{
	position:absolute;cursor: url(images/cur2.png), pointer;z-index:10;right:15px;top:15px;transform:rotateY(0);transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.6,.2,.1,1);background:#00010500;padding:15px 13px
}

header .burger__patty
{
	width:24px;height:2px;margin:0 0 7px;background:#d3d3d3;overflow:hidden;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

header .burger__patty:first-child
{
	width:20px
}

header .burger__patty:last-child
{
	width:15px;margin-bottom:0
}

header .burger:hover .burger__patty:first-child,header .burger:hover .burger__patty:last-child
{
	width:24px
}

header .burger--close .burger__patty
{
	background:#fff
}

header .burger--close .burger__patty:nth-child(1)
{
	width:24px;transform:rotate(45deg) translate(6px,7px)
}

header .burger--close .burger__patty:nth-child(2)
{
	opacity:0
}

header .burger--close .burger__patty:nth-child(3)
{
	width:24px;transform:rotate(-45deg) translate(6px,-7px)
}

header .menu
{
	position:fixed;top:0;width:100%;visibility:hidden;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

header .menu--active
{
	visibility:visible;background:rgba(0,0,0,.7);transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

header .menu__list
{
	display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column;float:right;width:100%;height:100vh;overflow:hidden;margin:0;padding:3em;background:#000105;transform:translate3d(100%,0,0);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

header .menu__list--active
{
	transform:translateZ(0)
}

header .menu__item
{
	list-style-type:none
}

header .menu__item--nav
{
	transform:translate3d(100%,0,0);opacity:0;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.54,1.54,.43,.94)
}
	
header .menu__item--nav--active
{
	transform:translateZ(0);opacity:1
}

header .menu .menu__item--nav:nth-child(1)
{
	transition-delay:.1s
}

header .menu .menu__item--nav:nth-child(2)
{
	transition-delay:.2s
}

header .menu .menu__item--nav:nth-child(3)
{
	transition-delay:.3s
}

header .menu .menu__item--nav:nth-child(4)
{
	transition-delay:.4s
}

header .menu .menu__item--nav:nth-child(5)
{
	transition-delay:.5s
}

header .menu .menu__item--nav:nth-child(6)
{
	transition-delay:.6s
}

header .menu__item:last-child
{
	position:absolute;bottom:30px
}

header .menu__link,header .menu__link--nav,header .menu__link--social
{
	display:inline-block;position:relative; cursor: url(images/cur2.png), pointer;color:#fff;font-weight:400;text-decoration:none;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

header .menu__link--nav
{
	font-family:Circular;font-size:3em;padding-bottom:.5em;margin-bottom:1em
}

header .menu__link--nav:before
{
	content:"";position:absolute;bottom:0;width:10px;height:2px;background:#808082;transform:translateX(0);transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

header .menu__link--nav--active,header .menu__link--nav:hover
{
	color:#808082
}

header .menu__link--nav--active:before,header .menu__link--nav:hover:before
{
	width:100%
}

header .menu__link--nav--active{pointer-events:none}header .menu__link--social
{
	text-transform:uppercase;font-size:1.4em;letter-spacing:2px;padding-top:10px;color:#ffffff;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

header .menu__link--social:hover
{
	color:#808082
}

header .share-dropdown
{
	position:fixed;top:0;left:0;height:auto;width:100%;transform:translateY(-100%);transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.6,.2,.1,1);z-index:10
}

header .share-dropdown--active
{
	transform:translateY(0)
}

header .share-dropdown-wrapper
{
	position:relative;background-color:#000105;height:65px;display:-ms-flexbox;display:flex;-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;padding:0 30px
}

header .share-dropdown-list
{
	display:inline-block;font-size:1.6em;width:50%;text-align:right
}

header .share-dropdown-item
{
	display:inline;color:#fff;position:relative;top:-100px;opacity:0;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.54,1.54,.43,.94)
}

header .share-dropdown-item a
{
	color:#fff;padding:0 15px
}

header .share-dropdown-item--active
{
	top:0;opacity:1
}

header .share-dropdown-item:last-child a
{
	padding-right:0
}

header .share-dropdown .share-dropdown-item:nth-child(1)
{
	transition-delay:.1s
}

header .share-dropdown .share-dropdown-item:nth-child(2)
{
	transition-delay:.2s
}

header .share-dropdown .share-dropdown-item:nth-child(3)
{
	transition-delay:.3s
}

header .share-dropdown .share-dropdown-item:nth-child(4)
{
	transition-delay:.4s
}

header .share-dropdown .share-dropdown-item:nth-child(5)
{
	transition-delay:.5s
}

header .share-dropdown .share-dropdown-item:nth-child(6)
{
	transition-delay:.6s
}

header .share-dropdown-title
{
	width:33.33%;display:none;color:#fff;letter-spacing:1px;font-size:1.6em;text-align:right
}
footer
{
	float:left;display:block;margin-right:2.35765%;width:100%;text-align:center;position:fixed;bottom:0;font-size:1.6em
}

footer:last-child
{
	margin-right:0
}

footer .social
{
	background-color:#1d2226; cursor: url(images/cur2.png), pointer;list-style-type:none;padding:1em 0
}

footer .social__item
{
	display:inline-block; cursor: url(images/cur1.png), pointer;padding:0 15px
}

footer .social__link
{
	color:#ffffff;text-transform:uppercase;letter-spacing:1px;text-decoration:none;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

footer .social__link:hover
{
	color:#808082
}

footer .social__link .hide
{
	display:none; cursor: url(images/cur1.png), pointer
}

.pre-footer
{
	text-align:center;position:fixed;padding:10em 0;bottom:0;z-index:1;margin-bottom:50px;color:#fff;background-size:cover;background-blend-mode:overlay;float:left;display:block;margin-right:2.35765%;width:100%
}

.pre-footer:last-child
{
	margin-right:0
}

.pre-footer--index
{
	background:#000105 no-repeat 50%;background-size:cover
}

.pre-footer--workEntry
{
	background:#000105 no-repeat 50%;background-size:cover
}

.pre-footer--profile
{
	background:#000105 no-repeat 50%;background-size:cover
}

.pre-footer h1
{
	padding-bottom:.5em
}

.pre-footer .btn
{
	text-decoration:none;color:rgba(255,255,255)
}

.pre-footer .btn--solid
{
	width:auto
}

.modal
{
	position:fixed;z-index:99999;bottom:30px
}

.modal label
{
	cursor:pointer
}

.modal__state
{
	display:none
}

.modal__fade-screen
{
	position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,.85);opacity:0;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,.2,.1,1);visibility:hidden;z-index:99999
}

.modal__close
{
	cursor:pointer
}

.modal__inner
{
	background-color:#fff;margin:auto;max-height:95%;overflow:auto;position:relative;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,.2,.1,1);width:95%
}

.modal__state:checked+.modal__fade-screen
{
	opacity:1;visibility:visible
}

.modal__closed,.modal__open
{
	overflow:auto
}

button
{
	background:none;border:none;outline:none;cursor:pointer
}

.btn
{
	display:inline-block;text-decoration:none; cursor: url(images/cur2.png), pointer;border-radius:2px;letter-spacing:1px;text-transform:uppercase;font-size:1.2em;font-weight:700;transition-duration:1s;transition-timing-function:cubic-bezier(.05,.91,.43,.92)
}

.btn,.btn .fa
{
	transition-property:all
}

.btn .fa
{
	transition-duration:.5s;transition-timing-function:cubic-bezier(.05,.91,.43,.92)
}

.btn--solid
{
	color:#fff;background:#1d2226;padding:17px 20px;width:100%;position:relative;font-size:1.2em
}

.btn--solid:hover
{
	background:#333c42
}

.btn--solid:active
{
	background:#333c42
}

.btn--solid:active,.btn--solid:hover
{
	color:#ffffff;border-radius:40px
}

.btn--solid:focus
{
	color:#ffffff
}

.btn--solid .fa-chevron-right
{
	position:absolute;top:50%;transform:translateY(-50%);right:4em
}

.btn--solid .fa-chevron-left
{
	position:absolute;top:21px;left:40px
}

.btn--solid:hover .fa-chevron-right
{
	right:20px
}

.btn--solid:hover .fa-chevron-left
{
	left:20px
}

.share-btn
{
	display: none;position:absolute;left:15px;top:15px;font-size:20px;color:#fff;background:#000105;padding:13.5px 16.43px;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

.share-btn:hover
{
	color:#808082
}

.share-btn--close
{
	width:50%;display:inline-block;font-size:20px;color:#fff;cursor:pointer
}

.share-btn--close:hover
{
	color:#808082
}

.loader
{
	position:absolute;max-width:1440px;width:100%;height:15px;overflow:hidden
}

.linetitre
{
	width: 80px;  height: 3px;  background: #000105; margin: 0 auto; position: relative; border-radius: 1.5px
}

.titrecontact
{
	font-size: 850%; text-align:center; margin-bottom: 6%; color: #000105; transition: all .5s ease-in-out .001s;
}

.titrecontact:hover
{
	color: #1d2226
}

.twitterCon
{
	text-align: center; font-size: 550%; cursor: url(images/cur1.png), pointer; border-radius: 50%; margin-left: 44%; color: #000105; transition-property: color; text-align: center; transition: all .5s ease-in-out .001s
}

.twitterCon:hover
{
	color:#1d2226
}

.linkedinCon
{
	font-size: 550%; border-radius: 50%; cursor: url(images/cur1.png), pointer; margin-left: 2%; color: #000105; transition-property: color; text-align: center; transition: all .5s ease-in-out .001s
}

.linkedinCon:hover
{
	color:#1d2226
}

.mailtop
{
	text-align: center; margin-bottom: 5%; position: relative;font-family: Circular; letter-spacing: 0.1em; margin-top: 5%; font-size: 320%; color: #000105; transition-property: color; transition: all .5s ease-in-out .001s; cursor: url(images/cur1.png), pointer; text-decoration: none
}

.mailtop:hover
{
	color:#1d2226
}

#maildeco
{
	color: #000105; text-decoration:none
}

#maildeco:hover
{
	color:#1d2226; text-decoration:none
}

.loader-pixel
{
	height:5px;width:0;position:relative;margin:0
}

.loader-pixel:nth-child(1)
{
	animation:pixelate 3s cubic-bezier(.6,.2,.1,1) .5s infinite
}

.loader-pixel:nth-child(2)
{
	animation:pixelate 3s cubic-bezier(.6,.2,.1,1) infinite
}

.loader-pixel:nth-child(3)
{
	animation:pixelate 3s cubic-bezier(.6,.2,.1,1) .2s infinite
}

.loader-text
{
	position:absolute;left:50%;transform:translate(-50%);transform:translate(-50%,-30px);animation:flash 1.5s cubic-bezier(.6,.2,.1,1) infinite
}

.loader-text h4
{
	color:#808082
}
.page-loading
{
	position:absolute;width:100vw;height:100vh;top:0;left:0;overflow:hidden;z-index:99999
}

.page-loading .stars
{
	position:absolute;height:2px;width:20%;background:#000105;border-radius:1px
}

.page-loading .stars:nth-child(1)
{
	top:10%;animation:lf1 .6s linear infinite;animation-delay:-5s
}

.page-loading .stars:nth-child(2)
{
	top:20%;animation:lf2 .8s linear infinite;animation-delay:-1s
}

.page-loading .stars:nth-child(3)
{
	top:30%;animation:lf1 .3s linear infinite
}

.page-loading .stars:nth-child(4)
{
	top:40%;animation:lf2 .5s linear infinite;animation-delay:-3s
}

.page-loading .stars:nth-child(5)
{
	top:50%;animation:lf1 .7s linear infinite
}

.page-loading .stars:nth-child(6)
{
	top:60%;animation:lf2 .3s linear infinite;animation-delay:-3s
}

.page-loading .stars:nth-child(7)
{
	top:70%;animation:lf1 .5s linear infinite;animation-delay:-2s
}

.page-loading .stars:nth-child(8)
{
	top:80%;animation:lf2 1s linear infinite;animation-delay:-3s
}

.page-loading .stars:nth-child(9)
{
	top:90%;animation:lf1 .5s linear infinite;animation-delay:-6s
}

.page-loading .ship
{
	position:absolute;height:80px;top:50%;left:50%;margin-top:-40px;margin-left:-40px;animation:speeder .4s linear infinite
}

.page-loading .ship__hull
{
	width:80px;height:80px;background:#000105;border-radius:50%
}

.page-loading .ship__wings span
{
	border-right:120px solid #000105;right:-80px;top:1px;transform:rotate(181deg)
}

.page-loading .ship__wings span,.page-loading .ship__wings span:after
{
	position:absolute;width:0;height:0;border-top:10 solid transparent;border-bottom:30px solid transparent
}

.page-loading .ship__wings span:after
{
	content:"";border-left:120px solid #000105;transform:rotate(179deg);bottom:19px
}

.page-loading .ship__engine
{
	position:absolute;width:120px;height:10px;background:#000105;top:50%;left:-20px;margin-top:-5px; border-radius:30%
}

.page-loading .ship__engine div
{
	border-right:120px solid #000105;top:12px;left:-80px
}

.page-loading .ship__engine div,.page-loading .ship__engine div:before
{
	position:absolute;width:0;height:0;border-top:10 solid transparent;border-bottom:25px solid transparent
}

.page-loading .ship__engine div:before
{
	content:"";border-left:120px solid #000105;transform:rotate(180deg);top:-39px
}

.page-loading .ship__engine span:nth-child(1),.page-loading .ship__engine span:nth-child(2),.page-loading .ship__engine span:nth-child(3),.page-loading .ship__engine span:nth-child(4)
{
	width:30px;height:1px;background:#000105;position:absolute;animation:booster1 .2s linear infinite
}

.page-loading .ship__engine span:nth-child(2)
{
	top:3px;animation:booster2 .4s linear infinite
}

.page-loading .ship__engine span:nth-child(3)
{
	top:1px;animation:booster3 .4s linear infinite;animation-delay:-1s
}

.page-loading .ship__engine span:nth-child(4)
{
	top:7px;animation:booster4 .4s linear infinite;animation-delay:-1s
}

@keyframes lf1
{
	0%{left:200%}
to
{
	left:-200%;opacity:0}
}

@keyframes lf2
{
	0%{left:200%}
to
{
	left:-100%;opacity:0}
}

@keyframes booster1
{
	0%{left:0}
to
{
	left:-80px;opacity:0}
}

@keyframes booster2
{
	0%{left:0}
to
{
	left:-100px;opacity:0}
}

@keyframes booster3
{
	0%{left:0}
to
{
	left:-50px;opacity:0}
}

@keyframes booster4
{
	0%{left:0}
to
{left:-150px;opacity:0}
}

@keyframes speeder
{
	0%{transform:translate(2px,1px) rotate(0deg)}10%{transform:translate(-1px,-3px) rotate(-1deg)}20%{transform:translate(-2px) rotate(1deg)}30%{transform:translate(1px,2px) rotate(0deg)}40%{transform:translate(1px,-1px) rotate(1deg)}50%{transform:translate(-1px,3px) rotate(-1deg)}60%{transform:translate(-1px,1px) rotate(0deg)}70%{transform:translate(3px,1px) rotate(-1deg)}80%{transform:translate(-2px,-1px) rotate(1deg)}90%{transform:translate(2px,1px) rotate(0deg)}to{transform:translate(1px,-2px) rotate(-1deg)}
}

main
{
	position:relative;z-index:2;background:#fff
}

.logo
{
	position:absolute;left:50%;transform:translate(-50%);top:10px;z-index:10;transition-property:all;transition-duration:.5s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

.logo-link
{
	position:relative;display:inline-block;max-width:100%;height:auto;outline:none;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.05,.91,.43,.92)
}

.logo-svg
{
	position:relative;width:116px;left:0; cursor: url(images/cur2.png), pointer;padding:20px;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,.2,.1,1);margin-left:0;margin-bottom:-5px
}

.logo-svg path
{
	fill:#fff
}

.logo-svg--active
{
	padding-top:30px
}

.logo-svg--active path
{
	fill:#fff
}

.hero,body.noscroll
{
	overflow:hidden;width:100%
}

.hero
{
	-webkit-transform:translateZ(0);background-size:cover;background-position:bottom;background-repeat:no-repeat;position:relative;background-blend-mode:overlay;z-index:2
}

.hero__intro
{
	text-align:center;visibility:visible;animation:entry 1.5s cubic-bezier(.6,.2,.1,1);color:#fff;font-size:5em;padding:2.06em 0;text-transform:uppercase
}

.hero__world
{
	position:absolute;overflow:hidden;top:12em;z-index:3;width:100%;height:100%
}

.hero__world--img
{
	width:320px;height:320px;margin:auto;background-size:contain;transform-origin:center;transform-style:preserve-3D;animation:rotating 500s linear infinite
}

.hero .grid-lines
{
	position:absolute;top:0;left:0;width:100%;height:100%;display:block;padding:0 1.5em
}

.hero .grid-lines .wrapper
{
	position:relative;max-width:100%;height:100%;display:block
}

.hero .grid-lines .line
{
	width:1px;height:100%;position:absolute;top:0;background:hsla(0,0%,76%,.25)
}

.hero .grid-lines .line-animated
{
	width:1px;height:100px;position:absolute;background:#fff;transform:translate3d(0,-100%,0)
}

.hero .grid-lines .line-animated:nth-child(1)
{
	left:0;animation:fallingStar 1.3s 4s cubic-bezier(.4,1,.3,1) infinite
}

.hero .grid-lines .line-animated:nth-child(2)
{
	left:25%;margin-left:-.5px;animation:fallingStar 1.5s 2s cubic-bezier(.4,1,.3,1) infinite
}

.hero .grid-lines .line-animated:nth-child(3)
{
	left:50%;margin-left:-.5px;animation:fallingStar 2s 6s cubic-bezier(.4,1,.3,1) infinite
}

.hero .grid-lines .line-animated:nth-child(4)
{
	right:25%;margin-right:-.5px;animation:fallingStar 1.8s 5s cubic-bezier(.4,1,.3,1) infinite
}

.hero .grid-lines .line-animated:nth-child(5)
{
	right:0;animation:fallingStar 2s 1s cubic-bezier(.4,1,.3,1) infinite
}

.hero .grid-lines .line:nth-child(6)
{
	left:0
}

.hero .grid-lines .line:nth-child(7)
{
	left:25%;margin-left:-.5px
}

.hero .grid-lines .line:nth-child(8)
{
	left:50%;margin-left:-.5px
}

.hero .grid-lines .line:nth-child(9)
{
	right:25%;margin-right:-.5px
}

.hero .grid-lines .line:last-child
{
	right:0
}

.work
{
	-webkit-transform:translateZ(0);background:#faf9f7;;padding:0;position:relative;z-index:4;margin-bottom:349px;box-shadow:0 30px 60px 20px rgba(0,0,0,.2);transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.6,.2,.1,1)
}

.work h1
{
	text-align:left;padding:30px 0 0;font-size:3rem
}

.work .line
{
	width:30px;height:3px;background:#000105
}

.work__container
{
	max-width:1600px;margin-left:auto;margin-right:auto; background-color: #faf9f7;
}

.work__container:after
{
	clear:both;content:"";display:block
}

.work__entry
{
	float:left;display:block;margin-right:2.35765%;width:48.82117%;width:50%
}

.work__entry,.work__entry:last-child
{
	margin-right:0
}

.work__bg
{
	height:auto;width:100%;background:#000105
}

.work__content
{
	height:auto;overflow:hidden;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.05,.91,.43,.92)
}

.work__content--thumb
{
	background:#eff2f5
}

.work__content--thumb img
{
	width:100%;cursor: url(images/cur1.png), pointer;display:block
}

.work__content--description
{
	background:#fff; cursor: url(images/cur1.png), pointer;padding:15px 20px
}

.work__content--description a
{
	text-decoration:none
}

.work__content--description h2
{
	white-space:nowrap;text-overflow:ellipsis;overflow:hidden;cursor: url(images/cur1.png), pointer;color:#000105;font-size:1.8em
}

.work__content--description h3
{
	margin-bottom:0;margin-top:1em;font-size:1em
}

.hero__fixed
{
	position:relative;z-index:2;background-position:bottom;padding:15em 0
}

.hero__intro--work
{
	text-align:center;color:#fff;font-size:3em;animation:entry 1.5s cubic-bezier(.6,.2,.1,1) .5s backwards;
}

.hero__intro--client
{
	text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px;padding-top:.5em;font-size:1.4em;animation:entry 1.5s cubic-bezier(.6,.2,.1,1) .7s backwards;
}

.hero__page
{
	background:#000105
}

.hero__page--intro
{
	font-weight:300;color:#1d2226
}

.project
{
	width:100%;padding-top:0;position:relative;z-index:5
}

.project__wrapper
{
	background:#fff;padding-top:6em
}

.project__type
{
	margin-bottom:3em;float:left;display:block;margin-right:2.35765%;width:100%
}

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

.project__description
{
	margin-bottom:3em;float:left;display:block;margin-right:2.35765%;width:100%
}

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

.project__description p
{
	margin:0
}

.project__link
{
	float:left;display:block;margin-right:2.35765%;width:100%
}

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

.project__link a
{
	text-decoration:none
}

.project__link .fa-chevron-right
{
	display:none
}

.project__link--btn
{
	background:#000105
}

.project__link--btn:hover
{
	background:#1d2226
}

.project__link--btn:active
{
	background:#1d2226
}

.project__link--btn-inactive
{
	background:#dcdcdc;pointer-events:none
}

.project h2,.project h3
{
	float:left;width:100%
}

.project h3
{
	margin-bottom:1.5em
}

.case,.entry__container
{
	background:#fff
}

.case
{
	position:relative;z-index:4;margin-bottom:349px;box-shadow:0 30px 60px 20px rgba(0,0,0,.2)
}

.case__container
{
	padding:0;max-width:1440px;margin-left:auto;margin-right:auto
}

.case__container:after
{
	clear:both;content:"";display:block
}

.case__img--full
{
	float:left;display:block;text-align: center;margin-right:2.35765%;width:100%
}

.case__img--full:last-child
{
	margin-right:0
}

.case__img--half
{
	float:left;display:block;margin-right:2.35765%;width:100%
}

.case__img--half:last-child
{
	margin-right:0
}

.case__copy,.case__img img
{
	width:100%;     cursor: url(images/cur1.png), pointer;display:block
}

.case__copy
{
	text-align:center;padding:2em 3em;float:left;margin-right:2.35765%
}

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

.case__copy h1
{
	font-size:3em
}

.case__copy p
{
	padding-top:1em
}

.case__spacer--on
{
	background:#fff;opacity: 0;display:inline-block;height:6em
}

.case__nav,.case__spacer--on
{
	position:relative;float:left;width:100%
}

.case__nav
{
	display:block;margin-right:2.35765%
}

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

.case__nav .btn
{
	text-decoration:none;padding:6em 15px;color:rgb(0 1 5 / 30%)
}

.case__nav .btn h3
{
	padding-bottom:.5em
}

.case__nav .btn--next,.case__nav .btn--previous
{
	border-radius:0;font-size:1em;position:relative;float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-right:0;width:50%
}

.case__nav .btn--next:last-child,.case__nav .btn--previous:last-child
{
	margin-right:0
}

.case__nav .btn--previous
{
	float:left;text-align:right
}

.case__nav .btn--next
{
	float:right
}

.case__nav .btn--hide
{
	display:none
}

.case__nav .btn .fa-chevron-left,.case__nav .btn .fa-chevron-right
{
	position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;color:rgb(0 1 5 / 30%)
}

.case__nav .btn .fa-chevron-left
{
	left:30px
}

.case__nav .btn .fa-chevron-right,.case__nav .btn:hover .fa-chevron-right
{
	right:30px
}

.case__nav .btn:hover .fa-chevron-left
{
	left:30px
}

.case__nav .btn:hover .fa-chevron-left,.case__nav .btn:hover .fa-chevron-right,.case__nav .btn:hover h2
{
	color:#000105
}

.is--hidden
{
	visibility:hidden
}

.hero__profile
{
	background:rgb(0 1 5 / 10%) url(./images/fondEtoi.jpg) no-repeat 50%;background-size:cover;background-blend-mode:overlay
}

.hero__work
{
	background:rgb(0 1 5 / 10%) url(./images/fondEtoi.jpg) no-repeat 50%;background-size:cover;background-blend-mode:overlay
}

.hero__svg
{
	position:relative;max-width:100%;padding:25em 0
}

.hero__svg svg
{
	max-width:20em;display:block;margin:auto
}

.hero__svg svg path
{
	fill-opacity:0;fill:#fff!important;stroke:#fff;stroke-width:.3;animation-iteration-count:1;animation-fill-mode:forwards;animation-timing-function:cubic-bezier(.45,.03,.51,.95)
}

.hero__svg svg path#frame
{
	stroke-dasharray:1265;stroke-dashoffset:1265;animation-name:draw,FadeStroke,FillIn;animation-delay:2s,10s,5s;animation-duration:10s,1s,1s
}

.hero__svg svg path#smiley
{
	stroke-dasharray:174;stroke-dashoffset:174;animation-delay:.3s,10s,5s
}

.hero__svg svg path#logo,.hero__svg svg path#smiley
{
	animation-name:draw,FadeStroke,FillIn;animation-duration:2s,1s,1s
}

.hero__svg svg path#logo
{
	stroke-dasharray:202;stroke-dashoffset:202;animation-delay:1.3s,10s,5s
}

.hero__svg svg path#letters
{
	stroke-dasharray:676;stroke-dashoffset:676;animation-delay:2s,10s,5s
}

.hero__svg svg path#letters,.hero__svg svg path#pen
{
	animation-name:draw,FadeStroke,FillIn;animation-duration:10s,1s,1s
}

.hero__svg svg path#pen
{
	stroke-dasharray:476;stroke-dashoffset:476;animation-delay:.3s,10s,5s
}

.profile
{
	position:relative;-webkit-transform:translateZ(0);background:#faf9f7;z-index:2;margin-bottom:6em;max-width:100%;margin-left:auto;margin-right:auto
}

.profile:after
{
	clear:both;content:"";display:block
}

.profile__intro
{
	padding-bottom:15px;float:left;display:block;margin-right:2.35765%;width:100%;text-align: justify;
}

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

.profile__intro p
{
	margin:0
}

.profile__container
{
	background:#faf9f7;position:relative;z-index:2;padding-top:3em;margin-bottom:349px;box-shadow:0 30px 60px 20px rgba(0,0,0,.2);max-width:100%;margin-left:auto;margin-right:auto
}

.profile__container:after
{
	clear:both;content:"";display:block
}

.services
{
	max-width:100%;margin-left:auto;margin-right:auto
}

.services:after
{
	clear:both;content:"";display:block
}

.services h1
{
	text-align:left;margin-bottom:15px;text-align:center
}

.services .line
{
	width:30px;height:3px;background:#000105;margin:0 auto;position:relative;border-radius:1.5px
}

.services .line:after,.services .line:before
{
	content:'';position:absolute;width:10px;height:1px;background:#808082;top:50%;margin-top:-1px
}

.services .line:before
{
	left:35px
}

.services .line:after
{
	right:35px
}

.services__type
{
	float:left;display:block;margin-right:2.35765%;width:100%
}

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

.services__type--img
{
	padding:30px 0 15px;width:100%
}

.services__type--img svg
{
	max-width:300px;margin:auto;display:block
}

.services__type--img svg .rotating
{
	transform-origin:50% 50%;transform-style:preserve-3D;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.6,.2,.1,1);animation-duration:7s;animation-name:rotating
}

.services__type--img svg .flashing
{
	animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.6,.2,.1,1);animation-duration:7s;animation-name:flashing
}

.services__type--copy
{
	margin-bottom:3em
}

.services__type--copy h2
{
	text-transform:uppercase;font-weight:500;padding:15px 0;letter-spacing:1px;font-size:2.4em
}

.services__type--copy li
{
	list-style:none;font-size:2em;padding-bottom:10px;font-weight:300;line-height:26px
}

.services__type--copy li:last-child
{
	padding-bottom:0
}

.services__thanks
{
	background:#000105 url(/images/profile-footer.png) no-repeat top;background-size:cover;background-blend-mode:overlay;padding:80.5px 0;text-align:center;position:fixed;bottom:0;z-index:1;margin-bottom:50px;float:left;display:block;margin-right:2.35765%;width:100%
}

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

.services__thanks h1
{
	color:#fff;padding-bottom:15px;font-size:3rem
}

.services__thanks h4
{
	position:absolute;color:#fff;width:100%;left:0;bottom:10px
}

.services__thanks .btn
{
	text-decoration:none
}

.services__thanks .btn--solid
{
	width:auto
}
.four-oh-four
{
	background-color:#1d2226;width:100vw;height:100vh;text-align:center;color:#fff
}

.four-oh-four--container
{
	color:#fff
}

.four-oh-four--container,.four-oh-four--container:hover
{
	transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.05,.91,.43,.92);text-decoration:none
}

.four-oh-four--container:hover
{
	color:#808082
}

.four-oh-four--container .box:first-child
{
	position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%
}

.four-oh-four--container .box:last-child
{
	border:1px solid #fff;background:#fff;position:absolute;bottom:0;width:100%
}

.four-oh-four--container .box h1
{
	padding:0 2.07em;font-size:5em
}

.four-oh-four--container .box .hide
{
	display:none
}

.four-oh-four--container p
{
	color:#1d2226
}
@media (min-width:425px)
{
	header .share-dropdown-list
	{
		width:33.33%;text-align:center
	}
	.share-btn--close
	{
		width:33.33%
	}
	
}

@media only screen and (min-width:425px)
{
	header .share-dropdown-title
	{
		display:block
	}
	.work__content--description h3
	{
		font-size:1.2em
	}
}

@media only screen and (min-width:319px) and (max-width:580px)
{
	.responsiveCon
	{
		margin-right: 17%
	}
	.titrecontact
	{
		font-size: 474%
	}
	.mailtop
	{
		font-size: 185%
	}
	.linkedinCon {
    font-size: 400%;
	}
	.twitterCon {
    font-size: 400%;
	}
}

@media only screen and (min-width:425px) and (max-width:767px)
{
	.hero__intro	
	{
		font-size:6em
	}
	
	.hero__world
	{
		top:15em
	}
	
	.hero__world--img
	{
		width:425px;height:425px
	}
	
	.work__container
	{
		padding:0
	}
	
	.work__entry
	{
		float:left;display:block;margin-right:2.35765%;width:48.82117%;width:50%
	}
	
	.work__entry,.work__entry:last-child
	{
		margin-right:0
	}
	
	.work__content--description h2
	{
		font-size:2em
	}
	
	.infographics .grid-item,.infographics .grid-sizer
	{
		width:calc(50% - 15px)
	}
}

@media (min-width:768px)
{
	header .share-dropdown-item:last-child
	{
		padding-right:15px
	}
}

@media only screen and (min-width:768px) and (max-width:1023px
)
{
	footer .social__link .fa
	{
		display:none
	}
	
	footer .social__link .hide
	{
		display:inline-block
	}
	
	.pre-footer h1
	{
		font-size:5em
	}
	
	.hero__intro
	{
		font-size:10em
	}
	
	.hero__world
	{
		top:22em
	}
	
	.hero__world--img
	{
		width:768px;height:768px
	}
	
	.work
	{
		margin-bottom:379px
	}
	
	.work h1
	{
		font-size:40px;line-height:50px;font-size:4rem;line-height:5rem
	}
	
	.work__container
	{
		padding:0
	}
	
	.work__entry
	{
		float:left;display:block;margin-right:2.35765%;width:48.82117%;width:50%
	}
	
	.work__entry,.work__entry:last-child
	{
		margin-right:0
	}
	
	.work__content--description h2
	{
		font-size:2.4em
	}
	
	.hero__intro--work
	{
		font-size:4em
	}
	
	.hero__intro--client
	{
		font-size:1.4em
	}
	
	.case
	{
		margin-bottom:379px
	}
	
	.case__img--half
	{
		float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-right:0;width:50%
	}
	
	.case__img--half:last-child
	{
		margin-right:0
	}
	.case__copy h1
	{
		font-size:4em
	}
	
	.profile__container
	{
		margin-bottom:379px
	}
	
	.services h1
	{
		font-size:4em
	}
	
	.services__type
	{
		float:left;display:block;margin-right:2.35765%;width:31.76157%
	}
	
	.services__type:last-child
	{
		margin-right:0
	}
	
	.services__thanks h1
	{
		font-size:40px;line-height:50px;font-size:4rem;line-height:5rem
	}
}

@media (min-width:1024px)
{
	body p
	{
		font-size:2.2em;line-height:1.75em
	}
	
	header .menu__link--nav
	{
		font-size:4em
	}
	
	header .share-dropdown-wrapper
	{
		height:80px
	}
	
	.hero .grid-lines
	{
		padding:0 3em
	}
	
	.profile__container
	{
		padding-top:6em;padding-bottom:3em
	}
	
	.services__type--copy
	{
		padding:0 3em
	}
	
	.four-oh-four--container .box .hide
	{
		display:inline-block
	}
}

@media only screen and (min-width:1024px) and (max-width:1439px)
{
	header .burger
	{
		top:30px;right:30px
	}
	
	header .burger--close
	{
		margin:0
	}
	
	header .menu__list
	{
		width:50%;padding:6em
	}
	
	header .menu__item:last-child
	{
		bottom:6em
	}
	
	footer .social__link .fa
	{
		display:none
	}
	
	footer .social__link .hide
	{
		display:inline-block
	}
	
	.pre-footer
	{
		padding:10em 0
	}
	
	.pre-footer h1
	{
		font-size:5em
	}
	
	.share-btn
	{
		top:30px;left:30px
	}
	
	.logo
	{
		top:25px
	}
	
	.logo-svg
	{
		width:116px;padding:20px;left:0
	}
	
	.logo-svg--active
	{
		padding-top:10px
	}
	
	.hero__intro
	{
		font-size:14em
	}
	
	.hero__world
	{
		top:25em
	}
	
	.hero__world--img
	{
		width:1024px;height:1024px
	}
	
	.work
	{
		margin-bottom:379px
	}
	
	.work h1
	{
		font-size:50px;line-height:62.5px;font-size:5rem;line-height:6.25rem;text-align:center
	}
	
	.work .line
	{
		margin-left:auto;margin-right:auto
	}
	
	.work__container
	{
		padding:15px 30px
	}
	
	.work__entry
	{
		float:left;display:block;margin-right:2.35765%;width:31.76157%;padding:15px 0
	}
	
	.work__entry:last-child,.work__entry:nth-child(3n)
	{
		margin-right:0
	}
	
	.work__entry:nth-child(3n+1)
	{
		clear:left
	}
	
	.work__content:hover
	{
		box-shadow:0 20px 25px rgba(1,30,30,.2);transform:translate3d(15px,-15px,0)
	}
	
	.work__content:active
	{
		box-shadow:none;transform:translate3d(10px,-10px,0)
	}
	
	.work__content--description h2
	{
		font-size:2.4em
	}
	
	.hero__fixed
	{
		position:fixed;padding:20em 0
	}
	
	.hero__intro--work
	{
		font-size:5em
	}
	
	.hero__intro--client
	{
		font-size:1.6em
	}
	
	.project
	{
		padding-top:483px
	}
	
	.project__type
	{
		float:left;display:block;margin-right:2.35765%;width:14.70196%;margin-bottom:0
	}
	
	.project__type:last-child
	{
		margin-right:0
	}
	
	.project__description
	{
		float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-bottom:0
	}
	
	.project__description:last-child
	{
		margin-right:0
	}
	
	.project__link
	{
		float:left;display:block;margin-right:2.35765%;width:14.70196%
	}
	
	.project__link:last-child
	{
		margin-right:0
	}
	
	.case
	{
		margin-bottom:379px
	}
	
	.case__img--half
	{
		float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-right:0;width:50%
	}
	
	.case__img--half:last-child
	{
		margin-right:0
	}
	
	.case__copy
	{
		padding:5em
	}
	
	.case__copy h1
	{
		font-size:5em
	}
	
	.case__nav .btn--hide
	{
		display:block
	}
	
	.case__nav .btn .fa-chevron-left,.case__nav .btn .fa-chevron-right
	{
		font-size:4em
	}
	
	.case__nav .btn .fa-chevron-left
	{
		left:60px
	}
	
	.case__nav .btn .fa-chevron-right
	{
		right:60px
	}
	
	.hero__svg svg
	{
		max-width:30em
	}
	
	.profile__intro
	{
		float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-right:0;width:50%;padding:0 15px
	}
	
	.profile__intro:last-child
	{
		margin-right:0
	}
	
	.profile__container
	{
		margin-bottom:379px
	}
	
	.services h1
	{
		font-size:5em
	}
	
	.services__type
	{
		float:left;display:block;margin-right:2.35765%;width:31.76157%
	}
	
	.services__type:last-child
	{
		margin-right:0
	}
	.services__thanks
	{
		padding:79.5px 0
	}
	
	.services__thanks h1
	{
		font-size:50px;line-height:62.5px;font-size:5rem;line-height:6.25rem
	}
	
}

@media only screen and (min-width:1440px) and (max-width:1599px)
{
	header .burger
	{
		top:30px;right:30px
	}
	
	header .burger--close
	{
		margin:0
	}
	
	header .menu__list
	{
		width:50%;padding:6em
	}
	
	header .menu__item:last-child
	{
		bottom:6em
	}
	
	header .menu__link--social
	{
		font-size:1.6em
	}
	
	footer .social__link .fa
	{
		display:none
	}
	
	footer .social__link .hide
	{
		display:inline-block
	}
	
	.pre-footer
	{
		padding:10em 0
	}
	
	.pre-footer h1
	{
		font-size:6em
	}
	
	.share-btn
	{
		top:30px;left:30px
	}
	
	.logo
	{
		top:25px
	}
	
	.logo-svg
	{
		width:116px;padding:20px;left:0
	}
	
	.logo-svg--active
	{
		padding-top:10px
	}
	
	.hero__intro
	{
		font-size:16em
	}
	
	.hero__world
	{
		top:30em
	}
	
	.hero__world--img
	{
		width:1440px;height:1440px
	}
	
	.work
	{
		margin-bottom:396px
	}
	
	.work h1
	{
		font-size:50px;line-height:62.5px;font-size:5rem;line-height:6.25rem;text-align:center
	}
	
	.work .line
	{
		margin-left:auto;margin-right:auto
	}
	
	.work__container
	{
		padding:15px 30px
	}
	
	.work__entry
	{
		float:left;display:block;margin-right:2.35765%;width:31.76157%;padding:15px 0
	}
	
	.work__entry:last-child,.work__entry:nth-child(3n)
	{
		margin-right:0
	}
	
	.work__entry:nth-child(3n+1)
	{
		clear:left
	}
	
	.work__content:hover
	{
		box-shadow:0 20px 25px rgba(1,30,30,.2);transform:translate3d(15px,-15px,0)
	}
	
	.work__content:active
	{
		box-shadow:none;transform:translate3d(10px,-10px,0)
	}
	
	.work__content--description h2
	{
		font-size:3em
	}
	
	.hero__fixed
	{
		position:fixed;padding:20em 0
	}
	
	.hero__intro--work
	{
		font-size:5em
	}
	
	.hero__intro--client
	{
		font-size:1.6em
	}
	
	.project
	{
		padding-top:483px
	}
	
	.project__type
	{
		float:left;display:block;margin-right:2.35765%;width:14.70196%;margin-bottom:0
	}
	
	.project__type:last-child
	{
		margin-right:0
	}
	
	.project__description
	{
		float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-bottom:0
	}
	
	.project__description:last-child
	{
		margin-right:0
	}
	
	.project__link
	{
		float:left;display:block;margin-right:2.35765%;width:14.70196%
	}
	
	.project__link:last-child
	{
		margin-right:0
	}
	
	.project__link .fa-chevron-right
	{
		display:block
	}
	
	.case
	{
		margin-bottom:396px
	}
	
	.case__img--half
	{
		float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-right:0;width:50%
	}
	
	.case__img--half:last-child
	{
		margin-right:0
	}
	
	.case__copy
	{
		padding:5em
	}
	
	.case__copy h1
	{
		font-size:5em
	}
	
	.case__nav .btn--hide
	{
		display:block
	}
	
	.case__nav .btn .fa-chevron-left,.case__nav .btn .fa-chevron-right
	{
		font-size:4em
	}
	
	.case__nav .btn .fa-chevron-left
	{
		left:60px
	}
	
	.case__nav .btn .fa-chevron-right
	{
		right:60px
	}
	
	.hero__svg svg
	{
		max-width:30em
	}
	
	.profile__intro
	{
		float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-right:0;width:50%;padding:0 30px
	}
	
	.profile__intro:last-child
	{
		margin-right:0
	}
	
	.profile__container
	{
		margin-bottom:396px
	}
	
	.services h1
	{
		font-size:5em
	}
	
	.services__type
	{
		float:left;display:block;margin-right:2.35765%;width:31.76157%
	}
	
	.services__type:last-child
	{
		margin-right:0
	}
	
	.services__thanks
	{
		padding:79.5px 0
	}
	.services__thanks h1
	{
		font-size:50px;line-height:62.5px;font-size:5rem;line-height:6.25rem
	}
}

@media only screen and (min-width:1600px)
{
	header .burger
	{
		top:30px;right:30px
	}
	header .burger--close
	{
		margin:0
	}
	
	header .menu__list
	{
		width:50%;padding:6em
	}
	
	header .menu__item:last-child
	{
		bottom:6em
	}
	
	header .menu__link--social
	{
		font-size:1.8em
	}
	
	footer .social__link .fa
	{
		display:none
	}
	
	footer .social__link .hide
	{
		display:inline-block
	}
	.pre-footer
	{
		padding:10em 0
	}
	
	.pre-footer h1
	{
		font-size:6em
	}
	
	.share-btn
	{
		top:30px;left:30px
	}
	
	.logo
	{
		top:25px
	}
	
	.logo-svg
	{
		width:116px;padding:20px;left:0
	}
	
	.logo-svg--active
	{
		padding-top:10px
	}
	
	.hero__intro
	{
		font-size:20em
	}
	
	.hero__world
	{
		top:50em
	}
	
	.hero__world--img
	{
		width:1600px;height:1600px
	}
	
	.work
	{
		margin-bottom:396px
	}
	
	.work h1
	{
		font-size:50px;line-height:62.5px;font-size:5rem;line-height:6.25rem;text-align:center
	}
	
	.work .line
	{
		margin-left:auto;margin-right:auto
	}
	
	.work__container
	{
		padding:30px 60px
	}
	
	.work__entry
	{
		float:left;display:block;margin-right:2.35765%;width:31.76157%;padding:30px 0
	}
	
	.work__entry:last-child,.work__entry:nth-child(3n)
	{
		margin-right:0
	}
	
	.work__entry:nth-child(3n+1)
	{
		clear:left
	}
	
	.work__content:hover
	{
		box-shadow:0 20px 25px rgba(1,30,30,.2);transform:translate3d(15px,-15px,0)
	}
	
	.work__content:active
	{
		box-shadow:none;transform:translate3d(10px,-10px,0)
	}
	
	.work__content--description h2
	{
		font-size:3em
	}
	
	.hero__fixed
	{
		position:fixed;padding:30em 0
	}
	
	.hero__intro--work
	{
		font-size:6em
	}
	
	.hero__intro--client
	{
		font-size:2.4em
	}
	
	.project
	{
		padding-top:707.55px
	}
	
	.project__type
	{
		float:left;display:block;margin-right:2.35765%;width:14.70196%;margin-bottom:0
	}
	
	.project__type:last-child
	{
		margin-right:0
	}
	
	.project__description
	{
		float:left;display:block;margin-right:2.35765%;width:65.88078%;margin-bottom:0
	}
	
	.project__description:last-child
	{
		margin-right:0
	}
	
	.project__link
	{
		float:left;display:block;margin-right:2.35765%;width:14.70196%
	}
	
	.project__link:last-child
	{
		margin-right:0
	}
	
	.project__link .fa-chevron-right
	{
		display:block
	}
	
	.case
	{
		margin-bottom:396px
	}
	
	.case__img--half
	{
		float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-right:0;width:50%
	}
	
	.case__img--half:last-child
	{
		margin-right:0
	}
	
	.case__copy
	{
		padding:5em
	}
	
	.case__copy h1
	{
		font-size:6em
	}
	
	.case__nav .btn--hide
	{
		display:block
	}
	
	.case__nav .btn .fa-chevron-left,.case__nav .btn .fa-chevron-right
	{
		font-size:4em
	}
	
	.case__nav .btn .fa-chevron-left
	{
		left:60px
	}
	
	.case__nav .btn .fa-chevron-right
	{
		right:60px
	}
	
	.hero__svg
	{
		padding:20em 0
	}
	
	.hero__svg svg
	{
		max-width:40em
	}
	
	.profile__intro
	{
		float:left;display:block;margin-right:2.35765%;width:48.82117%;margin-right:0;width:50%;padding:0 30px
	}
	
	.profile__intro:last-child
	{
		margin-right:0
	}
	
	.profile__container
	{
		margin-bottom:396px
	}
	
	.services h1
	{
		font-size:6em
	}
	
	.services__type
	{
		float:left;display:block;margin-right:2.35765%;width:31.76157%
	}
	
	.services__type:last-child
	{
			margin-right:0
	}
	
	.services__thanks
	{
		padding:79.5px 0
	}
	
	.services__thanks h1
	{
		font-size:50px;line-height:62.5px;font-size:5rem;line-height:6.25rem
	}
}

.video-wrapper 
	{
	width: 870px;
	max-width: 60%;
	margin-left: auto; margin-right: auto;	
	}


@font-face{
	font-family: Constellations Ostia;src: url(./font/Constellations-Ostia.ttf);format("truetype");font-weight:400;font-style:normal;

}


.stpmec {
	    fill-opacity: 0;
    fill: #fff!important;
    stroke: #fff;
    stroke-width: .3;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
    animation-timing-function: cubic-bezier(.45,.03,.51,.95);
	
}

.video-conteneur {
position:relative;
padding-bottom:56.25%;
height:0;
overflow:hidden;
}
 
.video-conteneur iframe,
.video-conteneur object,
.video-conteneur embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
.espacement{
		margin-left: auto; margin-right: auto;
}

}