a,abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0}article,aside,audio,canvas,figcaption,figure,figure img,footer,header,hgroup,nav,section,video{display:block}@font-face{font-family:OpenSansBold;src:url(../fonts/OpenSans-Bold-webfont.eot);src:url(../fonts/OpenSans-Bold-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-Bold-webfont.woff) format('woff'),url(../fonts/OpenSans-Bold-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Bold-webfont.svg#webfont) format('svg')}@font-face{font-family:OpenSansBoldItalic;src:url(../fonts/OpenSans-BoldItalic-webfont.eot);src:url(../fonts/OpenSans-BoldItalic-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-BoldItalic-webfont.woff) format('woff'),url(../fonts/OpenSans-BoldItalic-webfont.ttf) format('truetype'),url(../fonts/OpenSans-BoldItalic-webfont.svg#webfont) format('svg')}@font-face{font-family:OpenSansExtraBold;src:url(../fonts/OpenSans-ExtraBold-webfont.eot);src:url(../fonts/OpenSans-ExtraBold-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-ExtraBold-webfont.woff) format('woff'),url(../fonts/OpenSans-ExtraBold-webfont.ttf) format('truetype'),url(../fonts/OpenSans-ExtraBold-webfont.svg#webfont) format('svg')}@font-face{font-family:OpenSansExtraBoldItalic;src:url(../fonts/OpenSans-ExtraBoldItalic-webfont.eot);src:url(../fonts/OpenSans-ExtraBoldItalic-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-ExtraBoldItalic-webfont.woff) format('woff'),url(../fonts/OpenSans-ExtraBoldItalic-webfont.ttf) format('truetype'),url(../fonts/OpenSans-ExtraBoldItalic-webfont.svg#webfont) format('svg')}@font-face{font-family:OpenSansItalic;src:url(../fonts/OpenSans-Italic-webfont.eot);src:url(../fonts/OpenSans-Italic-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-Italic-webfont.woff) format('woff'),url(../fonts/OpenSans-Italic-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Italic-webfont.svg#webfont) format('svg')}@font-face{font-family:OpenSansLight;src:url(../fonts/OpenSans-Light-webfont.eot);src:url(../fonts/OpenSans-Light-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-Light-webfont.woff) format('woff'),url(../fonts/OpenSans-Light-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Light-webfont.svg#webfont) format('svg')}@font-face{font-family:OpenSansLightItalic;src:url(../fonts/OpenSans-LightItalic-webfont.eot);src:url(../fonts/OpenSans-LightItalic-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-LightItalic-webfont.woff) format('woff'),url(../fonts/OpenSans-LightItalic-webfont.ttf) format('truetype'),url(../fonts/OpenSans-LightItalic-webfont.svg#webfont) format('svg')}@font-face{font-family:OpenSansRegular;src:url(../fonts/OpenSans-Regular-webfont.eot);src:url(../fonts/OpenSans-Regular-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-Regular-webfont.woff) format('woff'),url(../fonts/OpenSans-Regular-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Regular-webfont.svg#webfont) format('svg')}@font-face{font-family:OpenSansSemibold;src:url(../fonts/OpenSans-Semibold-webfont.eot);src:url(../fonts/OpenSans-Semibold-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-Semibold-webfont.woff) format('woff'),url(../fonts/OpenSans-Semibold-webfont.ttf) format('truetype'),url(../fonts/OpenSans-Semibold-webfont.svg#webfont) format('svg')}@font-face{font-family:OpenSansSemiboldItalic;src:url(../fonts/OpenSans-SemiboldItalic-webfont.eot);src:url(../fonts/OpenSans-SemiboldItalic-webfont.eot?iefix) format('eot'),url(../fonts/OpenSans-SemiboldItalic-webfont.woff) format('woff'),url(../fonts/OpenSans-SemiboldItalic-webfont.ttf) format('truetype'),url(../fonts/OpenSans-SemiboldItalic-webfont.svg#webfont) format('svg')}.site-loader{position:absolute;top:0;height:100%;width:100%;z-index:999998;background:#1a1a27}@-webkit-keyframes fadein{from{opacity:0}to{opacity:1}}@-moz-keyframes fadein{from{opacity:0}to{opacity:1}}@-o-keyframes opacityItem{from{opacity:0}to{opacity:1}}@keyframes fadein{from{opacity:0}to{opacity:1}}#loader{position:absolute;left:50%;top:50%;margin-left:-35px;margin-top:-300px;-webkit-animation:fadein .5s ease-in;-moz-animation:fadein .5s ease-in;animation:fadein .5s ease-in}:not(input),:not(textarea){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-touch-callout:none;-moz-touch-callout:none;-ms-touch-callout:none;-o-touch-callout:none;touch-callout:none}.prebarre{background:#2d2d44;position:fixed;z-index:99;top:100%;margin-top:-25px;left:0;opacity:.4;width:0;height:6px;display:none}.barre{background:#00adef;position:fixed;z-index:100;top:100%;margin-top:-25px;opacity:0;left:0;width:0;height:5px;display:none}a{color:#fff;text-decoration:none}a:hover{color:#00aeef}html{-webkit-tap-highlight-color:transparent;-moz-tap-highlight-color:transparent;-o-tap-highlight-color:transparent;tap-highlight-color:transparent;-ms-touch-action:none;-webkit-text-size-adjust:none}body{width:100%!important;height:100%!important;position:fixed!important;background-position:top left;background-repeat:no-repeat;background-attachment:fixed!important;background-color:#1a1a27;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;overflow:hidden;font:14px/16px OpenSansRegular,Helvetica,sans-serif;color:#fff}body .grid{display:block;position:absolute;top:0;width:100%;height:100%;background:rgba(255,255,255,0) url(../img/grid2.png) repeat 0 0;z-index:-1;pointer-events:none}body #footer{background-color:rgba(0,0,0,.5);height:20px;width:100%;position:absolute;bottom:0!important;left:0!important;text-transform:uppercase;font-size:9px;padding:3px 10px 0;z-index:999998;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body #footer .footer-nav a,body #footer .footer-nav p,body #footer .footer-nav span{float:left;margin-right:2px;height:14px}.icon-footer1{display:block;margin-left:1px;width:22px;float:left}.bulletpoint,.icon-socialnetwork{display:block;float:left;cursor:pointer}body #footer .footer-copyright{float:right}body #footer .footer-copyright span{color:#00aeef}body #footer .logo-footer{position:absolute;margin-left:-17px;left:50%;margin-top:30px}body #footer .logo-footer.logo-footer-on{-webkit-transform:translate3d(0,-60px,0);-webkit-transform-origin:center center;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform 1s;-webkit-backface-visibility:hidden;-moz-transform:translate3d(0,-60px,0);-moz-transform-origin:center center;-moz-transform-style:preserve-3d;-moz-transition:-moz-transform 1s;-moz-backface-visibility:hidden;-ms-transform:translate3d(0,-60px,0);-ms-transform-origin:center center;-ms-transform-style:preserve-3d;-ms-transition:-ms-transform 1s;-ms-backface-visibility:hidden;-o-transform:translate3d(0,-60px,0);-o-transform-origin:center center;-o-transform-style:preserve-3d;-o-transition:-o-transform 1s;-o-backface-visibility:hidden;transform:translate3d(0,-60px,0);transform-origin:center center;transform-style:preserve-3d;transition:transform 1s;backface-visibility:hidden}body .wrapper #intro{position:absolute;width:100%;height:100%;z-index:99999;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;background-color:transparent}body .wrapper #intro .mask-home{position:absolute;height:100%;width:100%;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;-webkit-mask:url(../img/indexMask.svg) 0 0;-o-mask:url(../img/indexMask.svg) 0 0;mask:url(../img/indexMask2.svg#mask);overflow:hidden}body .wrapper #intro .homeHeadband{right:0;left:0;height:320px}body .wrapper #intro .homeHeadband .mask-click{position:absolute;width:2560px;height:320px;overflow:hidden}body .wrapper #intro .homeHeadband .mask-click .rectIntro{height:79px;width:79px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background-color:rgba(0,0,0,.3);cursor:pointer;display:block;margin:0 1px 1px 0;float:left}.nav-icon{height:100%;width:100%;background:transparent url(../img/IconNavIndex.png) no-repeat center center;display:none}body .wrapper #intro .homeHeadband .mask-click .hover .nav-icon{display:block}body .wrapper #intro .homeHeadband .mask-click .rectIntro:active .nav-icon{-webkit-background-size:80% 80%;-moz-background-size:80% 80%;-o-background-size:80% 80%;background-size:80% 80%}body .wrapper #intro .homeHeadband .mask-click .rectIntro.animate{-webkit-animation:mask-click-hover 1s linear;-moz-animation:mask-click-hover 1s linear;-ms-animation:mask-click-hover 1s linear;-o-animation:mask-click-hover 1s linear;animation:mask-click-hover 1s linear}body .wrapper #intro .homeHeadband .intro-inner{z-index:999;position:absolute;-webkit-mask:url(../img/indexMask.svg) 0 0;-o-mask:url(../img/indexMask.svg) 0 0;mask:url(../img/indexMask2.svg#mask);pointer-events:none;width:100%}.logo-home{position:absolute;top:160px;left:80px}.iconnavindex{position:absolute;display:none;z-index:999}.tagline{position:absolute;top:160px}.rewards1{position:absolute;display:none;top:0;left:100%;width:0;z-index:999999}#awwwards,#cssdesignawards{float:right}#cssdesignawards{top:138px;position:relative}.rewards2{position:absolute;display:none;bottom:0;left:100%;margin-bottom:60px;width:0;z-index:999999}#bestcss,#csslight,#cssreel,#findWA{float:right;display:none}@keyframes mask-click-hover{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.7)}}@-webkit-keyframes mask-click-hover{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.7)}}@-moz-keyframes mask-click-hover{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.7)}}@-o-keyframes mask-click-hover{from{background-color:rgba(0,0,0,0)}to{background-color:rgba(0,0,0,.7)}}body .wrapper #intro .homeHeadband .intro-inner img{pointer-events:auto}body .wrapper .home-header{height:80px;width:100%;background:rgba(0,0,0,.3);position:relative}body .wrapper .home-header .logo-header-home{position:absolute;transition:left .5s}body .wrapper .workHeadband .workHeadband-inner .scroll-back{cursor:pointer}.btn-icon{background:transparent url(../img/sprite.svg) no-repeat 0 0;width:14px;height:14px;display:block;float:left}.btn-icon-about{background-position:0 -798px}.btn-icon-contact{background-position:0 -878px}.btn-icon-friends{background-position:0 -958px}.btn-icon-works{background-position:0 -1037px}#navigate{visibility:visible!important}body .wrapper .menu{height:240px;width:100%;position:absolute}body .wrapper .menu .menu-nav{height:240px;width:240px;position:absolute;top:0;left:0}body .wrapper .menu .menu-nav .nav-item{width:79px;height:79px;position:absolute;display:block;text-indent:-99999px;background:transparent url(../img/sprite.svg) no-repeat 0 0;background-color:rgba(0,0,0,.3)}body .wrapper .menu .menu-nav .nav-about{top:0;left:80px;background-position:0 0}body .wrapper .menu .menu-nav .nav-about.hover{background-position:-80px 0}body .wrapper .menu .menu-nav .nav-works{top:80px;left:160px;background-position:0 -80px}body .wrapper .menu .menu-nav .nav-works.hover{background-position:-80px -80px}body .wrapper .menu .menu-nav .nav-friends{top:160px;left:80px;background-position:0 -160px}body .wrapper .menu .menu-nav .nav-friends.hover{background-position:-80px -160px}body .wrapper .menu .menu-nav .nav-contact{top:80px;left:0;background-position:0 -240px}body .wrapper .menu .menu-nav .nav-contact.hover{background-position:-80px -240px}body .wrapper .menu .menu-nav .nav-home{top:80px;left:80px;background-position:0 -320px}body .wrapper .menu .menu-nav .nav-home.hover{background-position:-80px -320px}body .wrapper .menu .current-nav-about .nav-home{background-position:0 -400px}body .wrapper .menu .current-nav-contact .nav-home{background-position:0 -480px}body .wrapper .menu .current-nav-friends .nav-home{background-position:0 -560px}body .wrapper .menu .current-nav-works .nav-home{background-position:0 -640px}body .wrapper .menu .current-nav-home .nav-home{background-position:0 -720px}body .wrapper .menu .menu-placeholder-wrapper{position:absolute;color:#fff;top:80px;left:240px;width:100%;height:80px;text-align:center;text-transform:uppercase;background-color:rgba(0,0,0,.3);display:block;font:16px/18px OpenSansBold,Helvetica,sans-serif}body .wrapper .menu .menu-placeholder-wrapper .menu-placeholder{height:80px;vertical-align:middle;width:160px}body .wrapper .menu-headband-wrapper{position:absolute;top:800px;height:80px;left:400px;right:0}body .wrapper .menu-headband-wrapper .menu-headband{width:100%;height:100%;position:absolute;top:0;-webkit-transform:translate3d(100%,0,0);-webkit-transform-origin:center center;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform 2s;-webkit-backface-visibility:hidden;-moz-transform:translate3d(100%,0,0);-moz-transform-origin:center center;-moz-transform-style:preserve-3d;-moz-transition:-moz-transform 2s;-moz-backface-visibility:hidden;-ms-transform:translate3d(100%,0,0);-ms-transform-origin:center center;-ms-transform-style:preserve-3d;-ms-transition:-ms-transform 2s;-ms-backface-visibility:hidden;-o-transform:translate3d(100%,0,0);-o-transform-origin:center center;-o-transform-style:preserve-3d;-o-transition:-o-transform 2s;-o-backface-visibility:hidden;transform:translate3d(100%,0,0);transform-origin:center center;transform-style:preserve-3d;transition:transform 2s;backface-visibility:hidden}body .wrapper .menu-headband-wrapper .menu-headband .scroll-cursor{width:320px;height:80px;background:transparent url(../img/slide.png) no-repeat 0 0;cursor:move;cursor:e-resize;display:block;position:relative}body .wrapper .menu-headband-wrapper .menu-headband.animate{-webkit-transform:translate3d(0,0,0);-webkit-transform-origin:center center;-webkit-transform-style:preserve-3d;-webkit-transition:-webkit-transform 2s;-webkit-backface-visibility:hidden;-moz-transform:translate3d(0,0,0);-moz-transform-origin:center center;-moz-transform-style:preserve-3d;-moz-transition:-moz-transform 2s;-moz-backface-visibility:hidden;-ms-transform:translate3d(0,0,0);-ms-transform-origin:center center;-ms-transform-style:preserve-3d;-ms-transition:-ms-transform 2s;-ms-backface-visibility:hidden;-o-transform:translate3d(0,0,0);-o-transform-origin:center center;-o-transform-style:preserve-3d;-o-transition:-o-transform 2s;-o-backface-visibility:hidden;transform:translate3d(0,0,0);transform-origin:center center;transform-style:preserve-3d;transition:transform 2s;backface-visibility:hidden}body .wrapper .menu.about .nav-about{background-position:-80px 0}body .wrapper .menu.works .nav-works{background-position:-80px -80px}body .wrapper .menu.friends .nav-friends{background-position:-80px -160px}body .wrapper .menu.contact .nav-contact{background-position:-80px -240px}.mask-wrapper{position:relative}body .wrapper{width:100%;height:100%;z-index:10}body .wrapper .headband{position:absolute;top:160px}body .wrapper .workHeadband{position:absolute;width:100%;height:320px;overflow:hidden}body .wrapper .workHeadband .workHeadband-inner{height:320px;white-space:nowrap;-webkit-overflow-scrolling:touch;position:relative}body .wrapper .workHeadband .workHeadband-inner img{line-height:0;margin:0;padding:0;border:0 none}body .wrapper .workHeadband .workHeadband-inner .workHeadband-item{position:relative;display:block;float:left;height:320px;width:100%}body .wrapper .workHeadband .workHeadband-inner .workHeadband-item .item,body .wrapper .workHeadband .workHeadband-inner .workHeadband-item .overHeadBandImg{position:absolute;width:auto;display:block;overflow:hidden;transition:all .8s;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}body .wrapper .workHeadband .workHeadband-inner .workHeadband-item .item,body .wrapper .workHeadband .workHeadband-inner .workHeadband-item .overHeadBandImg2{position:absolute;width:auto;display:block;overflow:hidden;transition:all .8s;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}body .wrapper .workHeadband .workHeadband-inner .workHeadband-item .item a{display:block}body .wrapper .workHeadband .workHeadband-inner .workHeadband-item .item a:after{background:0 0}body .wrapper .workHeadband .workHeadband-inner .workHeadband-item .item a:hover:after{content:"";opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent url(../img/itemHover.png) no-repeat center center;-webkit-animation-duration:1s;-webkit-animation-name:opacityItem;-moz-animation-duration:1s;-moz-animation-name:opacityItem;-o-animation-duration:1s;-o-animation-name:opacityItem;animation-duration:1s;animation-name:opacityItem;pointer-events:none}body .wrapper .workHeadband .workHeadband-inner .workHeadband-item .item a.nobg:hover:after{background:0 0}.notransition{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}* .clearLineHome{height:320px;display:block;background:rgba(0,0,0,.35);left:3840px}.clearLineWorks{height:320px;display:block;background:rgba(0,0,0,.35);left:4000px}.clearLineFriends{height:320px;display:block;background:rgba(0,0,0,.35);left:3520px}@media only screen and (max-width:1380px){.clearLineFriends,.clearLineHome,.clearLineWorks{width:80px!important}}div.scrollWrapper{position:relative;overflow:hidden;width:100%;height:100%}div.scrollableArea{position:relative;width:auto;height:100%}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item1{height:320px;width:400px;top:0;left:0}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item2{height:320px;width:320px;top:0;left:400px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item3{height:160px;width:320px;top:0;left:720px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item4{height:160px;width:160px;top:160px;left:720px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item5{height:160px;width:160px;top:160px;left:880px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item6{height:80px;width:160px;top:0;left:1040px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item7{height:80px;width:320px;top:0;left:1200px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item8{height:240px;width:320px;top:80px;left:1040px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item9{height:80px;width:160px;top:80px;left:1360px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item10{height:160px;width:160px;top:160px;left:1360px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item11{height:160px;width:320px;top:0;left:1520px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item12{height:160px;width:160px;top:160px;left:1520px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item13{height:160px;width:160px;top:160px;left:1680px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item14{height:320px;width:160px;top:0;left:1840px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item15{height:240px;width:320px;top:0;left:2000px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item16{height:80px;width:320px;top:240px;left:2000px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item17{height:320px;width:320px;top:0;left:2320px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item18{height:160px;width:160px;top:0;left:2640px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item19{height:160px;width:160px;top:160px;left:2640px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item20{height:160px;width:160px;top:0;left:2800px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item21{height:160px;width:160px;top:160px;left:2800px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item22{height:160px;width:320px;top:0;left:2960px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item23{height:160px;width:160px;top:160px;left:2960px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item24{height:160px;width:160px;top:160px;left:3120px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item25{height:160px;width:160px;top:0;left:3280px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item26{height:160px;width:160px;top:160px;left:3280px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item27{height:320px;width:320px;top:0;left:3440px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-home #item28{height:320px;width:80px;top:0;left:3760px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #item1{height:320px;width:400px;top:0;left:0}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-1{height:320px;width:1040px;top:0;left:400px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-2{height:320px;width:1040px;top:0;left:1440px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-3{height:320px;width:1040px;top:0;left:2400px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-4{height:320px;width:1040px;top:0;left:3360px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-5{height:320px;width:1040px;top:0;left:4560px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-6{height:320px;width:1040px;top:0;left:5600px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-7{height:320px;width:1040px;top:0;left:6640px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-8{height:320px;width:1040px;top:0;left:7680px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-9{height:320px;width:1040px;top:0;left:8720px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-10{height:320px;width:1040px;top:0;left:9760px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section{position:absolute}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item1{height:320px;width:320px;top:0;left:0}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item2{height:80px;width:320px;top:0;left:320px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item3{height:240px;width:320px;top:80px;left:320px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item4{height:320px;width:320px;top:0;left:640px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item5{height:80px;width:80px;top:0;left:960px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item6{height:80px;width:80px;top:80px;left:960px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item7{height:80px;width:80px;top:160px;left:960px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item8{height:80px;width:80px;top:240px;left:960px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item9{height:80px;width:80px;top:240px;left:1040px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends .friends-section #item10{height:320px;width:320px;top:0;left:640px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #friends-section-2 #item4{left:320px!important}body .wrapper .workHeadband .workHeadband-inner #workHeadband-friends #back{position:absolute;top:0;left:3440px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item1{height:80px;width:240px;top:0;left:160px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item2{height:80px;width:240px;top:80px;left:0}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item3{height:160px;width:160px;top:80px;left:240px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item4{height:80px;width:80px;top:160px;left:160px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item5{height:80px;width:160px;top:0;left:400px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item6{height:160px;width:160px;top:80px;left:400px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item7{height:80px;width:240px;top:240px;left:320px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item8{height:240px;width:160px;top:0;left:560px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item9{height:80px;width:160px;top:240px;left:560px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item10{height:320px;width:320px;top:0;left:1520px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item11{height:160px;width:160px;top:0;left:720px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item12{height:80px;width:160px;top:0;left:880px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item13{height:240px;width:320px;top:80px;left:720px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item14{height:320px;width:320px;top:0;left:1840px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item15{height:160px;width:320px;top:0;left:2160px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item16{height:160px;width:160px;top:160px;left:2160px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item17{height:160px;width:160px;top:160px;left:2320px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item18{height:160px;width:160px;top:0;left:2480px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item19{height:160px;width:160px;top:160px;left:2480px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item20{height:240px;width:160px;top:0;left:2640px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item21{height:80px;width:160px;top:240px;left:2640px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item22{height:80px;width:320px;top:0;left:2800px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item23{height:240px;width:320px;top:80px;left:2800px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item24{height:160px;width:160px;top:0;left:3120px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item25{height:160px;width:160px;top:160px;left:3120px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item26{height:160px;width:160px;top:0;left:3280px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item27{height:80px;width:160px;top:160px;left:3280px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item28{height:80px;width:160px;top:240px;left:3280px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item29{height:320px;width:320px;top:0;left:3440px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item30{height:240px;width:160px;top:0;left:3760px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item31{height:80px;width:160px;top:240px;left:3760px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item32{height:320px;width:80px;top:0;left:3920px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item33{height:160px;width:160px;top:0;left:1360px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item34{height:160px;width:160px;top:160px;left:1360px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item35{height:80px;width:160px;top:0;left:1040px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item36{height:240px;width:320px;top:80px;left:1040px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-works #item37{height:80px;width:160px;top:0;left:1200px}#canvasPlus{position:absolute;left:-80px;top:-80px;z-index:8000;cursor:pointer}.pseudoBg{position:absolute;background:#1a1a27 url(../img/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;width:80px;height:80px;opacity:0}body .projects{display:none;width:100%;height:100%;z-index:10}body .projects .current-Project{width:100%;height:100%;position:absolute;overflow:hidden;top:0;left:0}body .projects .background{width:100%;height:100%}#logo{float:right;margin-top:15px;margin-right:9px}.info{position:absolute;left:0;z-index:2000}.info div{height:80px;float:left;clear:left;background:url(../img/bg.jpg) no-repeat fixed}.info span{overflow:hidden}.client-title,.friend-title,.role-title{padding:0 20px;height:80px;color:#00adef;text-transform:uppercase;vertical-align:middle;display:table-cell;background-image:url(../img/grid2.png)}#friend-ico{float:left;margin-left:-20px;margin-right:20px}.friend-title-text{font-family:OpenSansBold;font-size:27px;color:#fff;height:80px;display:table-cell;vertical-align:middle}.client-name,.role-name{padding:0 20px;height:80px;text-transform:uppercase;vertical-align:middle;display:table-cell;background-image:url(../img/grid2.png)}.infoBg{position:absolute;width:100%;height:100%;background-image:url(../img/grid2.png)}.client-title{font-family:OpenSansExtraBold;font-size:31px}.role-title{font-family:OpenSansBold;font-size:15px}.client-name{font-family:OpenSansBold;font-size:21px;color:#fff}.role-name{font-family:OpenSansBold;font-size:14px;color:#00adef}.role-name span{color:#fff}body .projects .current-Project .right{position:absolute;top:0;right:0;z-index:1500;width:100%;height:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body .projects .current-Project .right .bck{width:100%;height:100%;background-position:right top;background-repeat:no-repeat;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;display:none}#projectgrid{width:100%;height:100%;display:block;overflow:hidden;position:absolute;z-index:2100}#projectnav{width:240px;height:240px;position:absolute;z-index:3000}#projectnav span .voileNav{width:80px;height:80px;box-shadow:0 0 10px 2px rgba(0,0,0,.3) inset;opacity:0;position:relative;top:-83px}.screenHRoll a:hover:after{content:"";opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent url(../img/ScreenHRoll.png) no-repeat center center;-webkit-animation-duration:1s;-webkit-animation-name:opacityItem;-moz-animation-duration:1s;-moz-animation-name:opacityItem;-o-animation-duration:1s;-o-animation-name:opacityItem;animation-duration:1s;animation-name:opacityItem;pointer-events:none}.screenHRoll a.nobg:hover:after{background:0 0}.screenVRoll a:hover:after{content:"";opacity:1;position:absolute;top:0;left:0;width:100%;height:100%;background:transparent url(../img/ScreenVRoll.png) no-repeat center center;-webkit-animation-duration:1s;-webkit-animation-name:opacityItem;-moz-animation-duration:1s;-moz-animation-name:opacityItem;-o-animation-duration:1s;-o-animation-name:opacityItem;animation-duration:1s;animation-name:opacityItem;pointer-events:none}.screenVRoll a.nobg:hover:after{background:0 0}#illus-gauche{position:absolute;z-index:1030;display:none;opacity:0}#projectnav span.active .angle{opacity:0}#projectnav span .angle{opacity:0}#projectnav span:hover:not(.active) .angle{opacity:1}#projectnav span.angleTop{position:relative;top:-165px;left:59px;border-top:20px solid #b8201b;border-left:20px solid transparent}#projectnav span.angleRight{position:relative;top:-183px;left:60px;border-bottom:20px solid #b8201b;border-left:20px solid transparent}#projectnav span.angleBottom{position:relative;top:-183px;left:-80px;border-bottom:20px solid #b8201b;border-right:20px solid transparent}#projectnav span.angleLeft{position:relative;top:-166px;left:-79px;border-top:20px solid #b8201b;border-right:20px solid transparent}#projectnav span.active .voileNav{opacity:1}#projectnav span{display:block;overflow:hidden;float:left;height:79px;width:79px;margin:0 1px 1px 0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}#projectnav span.navelem{cursor:pointer;mask:url(../img/OoyaMask2.svg#mask)}#projectnav span.navelem img{position:relative}#projectnav span.navelem.active:before,#projectnav span.navelem:hover:before{content:'';width:0;height:0;position:absolute;right:0;top:0}#projectnav .close{cursor:pointer;background:url(../img/bg.jpg) no-repeat cover left top}.icon{position:relative}#projectgrid .cross-icon,#projectnav .cross-icon{background:url(../img/Cross.png) no-repeat center center}#projectnav .cross-icon{position:absolute}.gridClose{width:79px;height:79px;background-image:url(../img/grid3.png);position:absolute;opacity:0}.grille-info{background-image:url(../img/gridProject.png);width:100%;height:100%;position:absolute;display:block;top:0;left:0;z-index:3000}.cross-icon{height:100%;width:100%;display:block}#projectgrid .rect{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;cursor:pointer;display:block;float:left;height:79px;margin:0 1px 1px 0;width:79px;overflow:hidden}#grilleBlanche{position:absolute;width:100%;height:100%;background-color:rgba(255,255,255,1);opacity:0}#bckproject{position:absolute}#grillePNG{background:url(../img/grid.png) repeat;position:absolute;width:100%;height:100%;z-index:2000}#projectgrid .cross-icon{display:none;height:100%;width:100%}#projectgrid .hover .cross-icon{display:block}.screen{position:absolute;width:50%;left:25%;bottom:-3px}.screen video{position:absolute;top:0;width:640px;height:320px;box-shadow:0 0 10px 2px rgba(0,0,0,.3) inset}@-webkit-keyframes opacityItem{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-moz-keyframes opacityItem{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@-o-keyframes opacityItem{0%{opacity:0}40%{opacity:0}100%{opacity:1}}@keyframes opacityItem{0%{opacity:0}40%{opacity:0}100%{opacity:1}}#contactForm option:hover{background:rgba(0,153,255,.35)}.listeContact{font-family:OpenSansRegular;font-size:12px;width:190px;float:left;display:block;padding-left:4px;padding-right:7px;padding-top:6px}.listeContact a{display:inline!important}.listeContact a:hover{font-family:OpenSansRegular!important;color:#0c0c13!important}.listeContact a:hover:after{background:0 0!important}.listeContact li{list-style-type:none;padding-top:6px}.listeContact span{font-family:OpenSansBold;font-size:14px}.listeRight{text-align:right;padding-left:0}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item1{height:80px;width:560px;top:0;left:80px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item2{height:80px;width:240px;top:80px;left:0}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item3{height:70px;text-align:right;font-family:OpenSansBold;font-size:10px;line-height:18px;color:#fff;padding-top:22px;padding-right:5px;width:235px;top:80px;left:240px;background-color:#00aeef}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item3 span{font-family:OpenSansBold;font-size:19px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item4{height:80px;width:400px;top:160px;left:80px;background-color:#00aeef;color:#fff}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item5{height:75px;width:235px;font-family:OpenSansExtraBold;font-size:14px;line-height:18px;top:80px;left:960px;color:#00aeef;text-align:right;padding-right:5px;background-color:rgba(0,0,0,.35);padding-top:10px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item6{height:160px;width:240px;top:160px;left:960px;background-color:rgba(0,0,0,.35)}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item7{height:240px;width:1360px;top:80px;left:1200px;background-color:rgba(0,0,0,.5)}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #contactSubmit{height:80px;width:160px;position:realtive;top:240px;left:960px;z-index:2101}#submit{cursor:pointer;height:80px;width:160px;overflow:hidden;border:0;background:url(../../ajax/img/contact/send.png) no-repeat}#submit:hover{background:url(../../ajax/img/contact/sendRoll.png) no-repeat}.boutonSend{position:absolute;height:80px;width:160px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #itemForm{height:240px;width:480px;top:80px;left:480px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px}#itemForm input,#itemForm select,#itemForm textarea{display:block;width:100%;height:20px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:rgba(0,0,0,.35);resize:none;margin:0 0 8px;padding:9px 12px;height:32px;color:#fff;font:12px OpenSansRegular,Helvetica,sans-serif;text-transform:uppercase;transition:all .8s}#itemForm textarea span{color:#00aeef}#contactForm select{padding:7px 9px}#contactForm option{background:rgba(0,0,0,.35)}#contactForm textarea{height:69px;overflow:auto}#contactForm .error{background:#00adef}.contact--message{display:none;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:4px 14px;color:#00adef;font:13px OpenSansRegular,Helvetica,sans-serif;text-transform:uppercase;transition:all .8s}::-webkit-input-placeholder{color:#fff;opacity:1}:-moz-placeholder{color:#fff;opacity:1}::-moz-placeholder{color:#fff;opacity:1}:-ms-input-placeholder{color:#fff;opacity:1}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item1{height:145px;width:230px;top:80px;left:0;color:#fff;padding-left:85px;padding-right:5px;padding-top:8px;padding-bottom:7px;font-size:13px;background-image:url(../../ajax/img/about/about_01.png)}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item2{height:240px;width:160px;top:80px;left:320px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item3{height:240px;width:320px;top:80px;left:480px;background-color:rgba(0,0,0,.35)}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item4{height:320px;width:400px;top:0;left:800px;background-color:rgba(0,0,0,.35)}.texteAbout{color:#fff;width:320px;height:55px;padding-left:10px;padding-right:10px;padding-top:25px;font-size:12px}.texteAbout2{color:#fff;width:320px;height:55px;padding-left:10px;padding-right:10px;padding-top:15px;font-size:12px}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item8{height:240px;width:0;top:80px;left:1120px;background-color:rgba(0,0,0,.35)}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item9{height:240px;width:160px;top:80px;left:1440px;background-color:rgba(0,0,0,.35);color:#fff;font-size:13px}.about-blue{color:#09f}.about-purple{color:#669}.about-white{color:#fff}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item11{height:320px;width:320px;top:0;left:1600px;background-color:rgba(0,0,0,.35)}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item12{height:240px;width:320px;top:80px;left:1600px;background-color:rgba(0,0,0,.35)}#scrollbar1{width:400px;position:relative}#scrollbar1 .viewport{height:290px;overflow:hidden;position:relative;margin-top:10px}#scrollbar1 .overview{list-style:none;position:absolute;left:0;top:0;margin:0;width:370px;padding-left:10px;padding-bottom:10px;font-family:OpenSansRegular;font-size:13px}.about-regular{font-family:OpenSansRegular;font-size:14px;color:#fff}.about-bold{font-family:OpenSansBold;font-size:15px;color:#fff}.about-boldcolor{font-family:OpenSansBold;font-size:14px;color:#00adef}#scrollbar1 .scrollbar{position:absolute;background-position:0 0;left:385px;top:0;width:15px;z-index:700}#scrollbar1 .track{height:100%;width:8px;position:relative;background-color:rgba(0,0,0,.35)}#scrollbar1 .thumb{background-color:#00adef;width:8px;cursor:pointer;overflow:hidden;position:absolute;top:0}#scrollbar1 .thumb .end{background-color:#00adef;overflow:hidden;height:5px;width:8px}#scrollbar1 .disable{display:none}.noSelect{user-select:none;-o-user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none}.webkit .masked{-webkit-mask:url(../img/siteMask.png);-webkit-mask-repeat:no-repeat;-webkit-mask-size:4480px 1280px;-webkit-mask-position-x:-4480px}.webkit .masked2{-webkit-mask:url(../img/siteMask.png);-webkit-mask-repeat:no-repeat;-webkit-mask-size:4480px 1280px}.moz .masked,.o .masked{margin-left:-4480px;mask:url(../img/siteMask.svg#mask)}.moz .masked2,.o .masked2{mask:url(../img/siteMask.svg#mask)}.moz .no-masked,.o .no-masked,.webkit .no-masked{-webkit-mask:none;mask:none}.masked-mobile{-webkit-mask:url(../img/siteMask_mobile.png)}.moz .masked-mobile,.o .masked-mobile{mask:url(../img/siteMask_mobile.svg#mask);margin-left:0;padding-left:0}.tab-mobile #mob{width:320px}.grid-mobile{position:absolute;display:block;top:0;left:0;width:100%;height:100%;background:url(../img/grid2.png) repeat 0 0;z-index:0;pointer-event:none}.wrapper-mobile{margin-top:80px}.tab-mobile .scrollWrapper .item{float:left}.item160{width:160px}#block-proj-img-wrapper_mob div{width:320px;clear:both}#block-proj-img-wrapper_mob div img{width:320px;float:left}.blackBigScreen-mobile{position:fixed;height:100%;width:100%;top:80px;left:320px;background:rgba(0,0,0,.35);display:block}#nav-mobile{position:fixed;height:100%;width:100%;z-index:100000;top:80px;left:0;background:rgba(0,0,0,.35);display:none}#blocLink_mob{width:320px;height:180px}#nav-mobile a{height:80px;width:160px;display:block}#nav-mobile #mobLink_wel{background:url(../img/welcomeLink_mobile.png) no-repeat center right;width:160px;float:left}#mobLink_ab{background:url(../img/aboutLink_mobile.png) no-repeat center left;margin-left:160px}#mobLink_wo{background:url(../img/worksLink_mobile.png) no-repeat center left;margin-left:160px}#mobLink_fri{background:url(../img/friendLink_mobile.png) no-repeat center left;margin-left:160px}#mobLink_cont{background:url(../img/contactLink_mobile.png) no-repeat center left;margin-left:160px}.home-header-mobile{top:0;left:0;width:100%;height:80px!important;position:absolute;z-index:1000;display:none;overflow:hidden}.home-header{height:80px;width:100%;background:rgba(0,0,0,.3);position:relative}#button-mobile{float:left;cursor:pointer;display:block;width:80px;height:80px;background:url(../img/IconNavIndex.png) top left no-repeat}#logo_mob{float:right;display:block;width:160px;height:80px;background:url(../img/logoHome_mobile.png) center center no-repeat}.logo-header-home_mob{position:absolute;right:10px;top:17px}.tab-mobile{margin:0;padding:0;position:relative;z-index:2;width:100%;text-align:left;line-height:0;border:none;overflow:hidden}.projectGradient,.tab-mobile .scrollWrapper{margin-top:80px}#box-scroll{overflow:scroll;width:100%;height:30%}.tab-mobile-proj{position:relative;z-index:2;width:320px;height:100%;text-align:left;margin-top:50px;line-height:0;margin:0;padding:0;border:0 none}.block-friend,.block-proj{width:320px;height:240px;text-align:left}.block-proj-red{width:100%;height:80px;text-align:left;display:inline-block;background-color:#9c1a0f}.block-friend .friend-menu-project-mobile,.block-proj .menu-project-mobile{height:80px;width:200px;padding:0 29px 0 11px;color:#00adef;text-transform:uppercase;vertical-align:middle;display:table-cell;background:#000 url(../img/menu-role_mobile.png) -80px 0;font-family:OpenSansBold;font-size:14px;line-height:20px}#clearLine_mob{float:left;height:160px;width:320px;display:block;background:rgba(0,0,0,.35)}#clearLineContact_mob{float:left;width:320px;display:block;background:rgba(0,0,0,.35)}.client-title-mobile,.friend-title-mobile{font-family:OpenSansExtraBold;font-size:31px;padding:0 10px;width:140px;height:80px;color:#00adef;text-transform:uppercase;vertical-align:middle;display:table-cell;background:#000 url(../img/client-title_mobile.png) top left}.friend-role-title-mobile,.role-title-mobile{font-family:OpenSansBold;font-size:15px;padding:0 10px;height:80px;width:60px;color:#00adef;text-align:left;text-transform:uppercase;vertical-align:middle;display:table-cell;background:#000 url(../img/menu-role_mobile.png) top left}.client-name-mobile,.friend-name-mobile{font-family:OpenSansBold;font-size:21px;color:#fff;width:220px;padding:0 10px;height:80px;line-height:25px;text-transform:uppercase;vertical-align:middle;display:table-cell;background:#000 url(../img/client-name_mobile.png) top left}.client-name-mobile span,.friend-name-mobile span{margin-left:6px}.role-name-mobile span{color:#fff}.friend-menu-project-mobile span,.menu-project-mobile span{height:20px;display:inline-block;color:#fff}.friend-role-title-mobile span,.role-title-mobile span{padding:10px}.block-friend{height:320px}#ligneProjFriend_mob{height:80px;width:320px;background:url(../img/ligneProjFriend_mobile.png)}#ligneProjFriend_mob img{float:left}#ligneProjFriend_mob span{width:230px;height:80px;padding-left:16px;font-size:27px;color:#fff;text-transform:uppercase;vertical-align:middle;text-align:left;font-family:OpenSansBold;display:table-cell}.friend-title-mobile{background:#000 url(../img/friendTitle_mobile.png) top left}.friend-name-mobile{background:#000 url(../img/friendName_mobile.png) top left}.friend-role-title-mobile{background:#000 url(../img/friendMenuProject_mobile.png) top left}.block-friend .friend-menu-project-mobile{background:#000 url(../img/friendMenuProject_mobile.png) -80px -80px}.block-proj div{height:80px}.block-proj .block-proj-video,.block-proj-img{width:100%;height:160px}.block-proj-img img{width:100%}.block-proj-video video{background:#000;width:100%;height:160px}.block-proj-imgR{width:100%}.block-proj-imgR img{width:100%}#box-scroll ul{display:block;width:320px}#box-scroll ul li{float:left}.plus-vide-mobile{width:340px;height:80px;line-height:0;margin:0;padding:0}#header-about_mob{background:url(../../ajax/img/about/about_01.png) no-repeat top left;width:320px;height:160px}#header-about_mob p{color:#fff;font-family:OpenSansRegular;font-size:13px;text-align:left;line-height:17px;width:230px;margin-left:76px;height:80px;font-weight:lighter;position:absolute;padding:6px 0 4px 10px}#header-about_mob span{font-family:OpenSansBold;font-size:13px}#skills_mob{background:url(../../ajax/img/about/about_02.png) no-repeat top left;width:320px;height:240px}#skills_mob li{font-family:OpenSansSemibold;font-size:13px;margin-left:160px;line-height:20px;width:150px;display:block;padding-left:10px;background:rgba(0,0,0,.35)}#skills_mob li span{font-family:OpenSansBold;font-size:14px;width:90px;color:#fff}#skills_mob li img{margin-top:13px;margin-left:-10px}#artSkill{padding-top:10px;color:#00aeef}#motionSkill{color:#555586}#devSkill{color:#fff}#aboutText{background-color:rgba(0,0,0,.35)}#aboutText li{font-family:OpenSansRegular;font-size:13px;color:#fff;height:60px;padding:10px 5px;line-height:15px;width:310px}.textImportant{font-family:OpenSansBold;color:#00aeef;font-size:13px}#aboutText .centerTextAbout{padding:25px 5px;height:30px}#title-contact_mob{background:url(../../ajax/img/contact/contact_01_mobile.png) no-repeat top left;width:320px;height:80px}#icon-contact_mob{background:url(../../ajax/img/contact/contact_02_mobile.png) no-repeat;width:80px;height:80px;margin-left:230px}#info-contact_mob{background:#00aeef;height:160px;width:320px}#info-contact_mob li{line-height:30px;font-family:OpenSansRegular;color:#fff;text-align:left;width:300px;display:block;padding:0 10px}#info-contact_mob #alignContact_mob{text-align:right;line-height:20px}#info-contact_mob a:hover{color:#fff}#info-contact_mob span{font-family:OpenSansBold}#info-contact_mob #numAdr_mob{font-size:16px;text-align:center;width:60px;display:block;float:left;padding:18px 0;line-height:20px}#info-contact_mob #adr_mob{width:160px;height:50px;font-size:22px;display:block;float:left;text-align:right;line-height:20px;margin-top:19px;margin-left:2px}#conteneurMapContact_mob{width:320px;height:240px}.rotateTablet{width:100%;height:100%;position:fixed;background:#1a1a27 url(../img/RotateTablet.png) no-repeat fixed;-webkit-background-size:cover!important;-moz-background-size:cover;-o-background-size:cover;background-size:cover;overflow:hidden;display:none;z-index:999997}.rotateMobile{display:none;width:100%;height:100%;position:fixed;background-repeat:no-repeat;background-color:#1a1a27;background-attachment:fixed;-webkit-background-size:cover!important;-moz-background-size:cover!important;-o-background-size:cover!important;background-size:cover!important;overflow:hidden;z-index:999997}@media only screen and (max-width:2600px){.logo-header-home,.tagline{left:2160px}}@media only screen and (max-width:2520px){.logo-header-home,.tagline{left:2080px}}@media only screen and (max-width:2440px){.logo-header-home,.tagline{left:2000px}}@media only screen and (max-width:2360px){.logo-header-home,.tagline{left:1920px}}@media only screen and (max-width:2280px){.logo-header-home,.tagline{left:1840px}}@media only screen and (max-width:2200px){.logo-header-home,.tagline{left:1760px}}@media only screen and (max-width:2120px){.logo-header-home,.tagline{left:1680px}}@media only screen and (max-width:2040px){.logo-header-home,.tagline{left:1600px}}@media only screen and (max-width:1960px){.logo-header-home,.tagline{left:1520px}}@media only screen and (max-width:1880px){.logo-header-home,.tagline{left:1440px}}@media only screen and (max-width:1800px){.logo-header-home,.tagline{left:1360px}}@media only screen and (max-width:1720px){.logo-header-home,.tagline{left:1280px}}@media only screen and (max-width:1640px){.logo-header-home,.tagline{left:1200px}}@media only screen and (max-width:1560px){.logo-header-home,.tagline{left:1120px}}@media only screen and (max-width:1480px){.logo-header-home,.tagline{left:1040px}}@media only screen and (max-width:1400px){.logo-header-home,.tagline{left:960px}}@media only screen and (max-width:1320px){.logo-header-home,.tagline{left:880px}}@media only screen and (max-width:1240px){.logo-header-home,.tagline{left:800px}}@media only screen and (max-width:1160px){.logo-header-home,.tagline{left:720px}}@media only screen and (max-width:1080px){.logo-header-home,.tagline{left:640px}}@media only screen and (max-width:1000px){.logo-header-home,.tagline{left:560px}}@media only screen and (max-width:920px){.logo-header-home,.tagline{left:480px}.menu-headband{display:none}}@media only screen and (max-width:840px){.logo-header-home,.tagline{left:400px}}@media only screen and (max-width:760px){.logo-header-home{left:320px}}@media only screen and (max-width:680px){.logo-header-home{left:240px}}@media only screen and (max-width:600px){.logo-header-home{left:160px}}@media only screen and (max-height:1360px){#ieBand,.mask-home{top:400px!important;background-position:left -400px!important}.headband{top:400px!important}.workHeadband{top:400px!important}.menu{top:1040px!important}.menu-headband-wrapper{top:1120px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:1280px){.menu{top:960px!important}.menu-headband-wrapper{top:1040px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:1200px){#ieBand,.mask-home{top:320px!important;background-position:left -320px!important}.headband{top:320px!important}.workHeadband{top:320px!important}.menu{top:880px!important}.menu-headband-wrapper{top:960px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:1120px){.menu{top:800px!important}.menu-headband-wrapper{top:880px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:1040px){#ieBand,.mask-home{top:240px!important;background-position:left -240px!important}.headband{top:240px!important}.workHeadband{top:240px!important}.menu{top:720px!important}.menu-headband-wrapper{top:800px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:960px){.menu{top:640px!important}.menu-headband-wrapper{top:720px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:880px){.mask-home{top:160px!important;background-position:left -160px!important}.headband{top:160px!important}.workHeadband{top:160px!important}.menu{top:560px!important}.menu-headband-wrapper{top:640px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:800px){.menu{top:480px!important}.menu-headband-wrapper{top:560px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:780px){.menu{top:480px!important}.menu-headband-wrapper{top:560px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:720px){#ieBand,.mask-home{top:80px!important;background-position:left -80px!important}.headband{top:80px!important}.workHeadband{top:80px!important}.menu{top:400px!important}.menu-headband-wrapper{top:480px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:640px){.menu{top:400px!important}.menu-headband-wrapper{top:480px!important}#navigate{visibility:visible!important}.workHeadband{top:80px!important}#illus-gauche{display:none!important}}@media only screen and (max-height:560px){#ieBand,.mask-home{top:80px!important;background-position:left -80px!important}.headband{top:80px!important}.menu{top:400px!important}.menu-headband-wrapper{top:480px!important}#navigate{visibility:visible!important}}@media only screen and (max-height:480px){.menu{display:none!important}#navigate{visibility:hidden!important}}@media only screen and (max-height:400px){#ieBand,.mask-home{top:0!important;background-position:left 0!important}.headband{top:0!important}.workHeadband{top:80px!important}.menu{top:80px!important;display:none!important}.menu-headband-wrapper{display:none!important}#navigate{visibility:hidden!important}.rewards2{display:none!important}}@media only screen and (max-height:780px) and (max-width:479px) and (orientation :portrait){.iconnavindex{display:block!important;top:0!important;left:320px!important}.logo-home{left:1px!important;top:160px!important}.habillageHome{left:1px!important;width:78px!important;margin-top:83px!important}#map_canvas{display:block!important}#clearLineContact_mob{height:240px}#awwwards,#cssdesignawards,.rewards2{display:none!important}}@media only screen and (max-height:780px) and (max-width:399px) and (orientation :portrait){.iconnavindex{display:block!important;top:0!important;left:240px!important}#clearLineContact_mob{height:160px}}@media only screen and (max-height:480px) and (max-width:399px) and (orientation :portrait){#clearLineContact_mob{height:80px}}@media only screen and (max-height:375px) and (orientation :portrait){#mobLink_cont{margin-left:0;margin-top:-80px}}@media only screen and (max-width :800px) and (orientation :landscape){.rotateMobile{display:block}#awwwards,#cssdesignawards,.rewards2{display:none!important}}@media only screen and (max-width :799px) and (max-height :479px) and (orientation :landscape){.tagline{display:none!important}.iconnavindex{display:block!important;top:160px!important;left:640px!important}.logo-home{left:1px!important;top:160px!important}.habillageHome{left:1px!important;width:78px!important;margin-top:83px!important}}@media only screen and (max-width :719px) and (max-height :450px) and (orientation :landscape){.tagline{display:none!important}.iconnavindex{display:block!important;top:160px!important;left:560px!important}.logo-home{left:1px!important;top:160px!important}.habillageHome{left:1px!important;width:78px!important;margin-top:83px!important}}@media only screen and (max-width :639px) and (max-height :450px) and (orientation :landscape){.tagline{display:none!important}.iconnavindex{display:block!important;top:160px!important;left:480px!important}.logo-home{left:1px!important;top:160px!important}.habillageHome{left:1px!important;width:78px!important;margin-top:83px!important}}@media only screen and (max-width :639px) and (max-height :320px) and (orientation :landscape){.iconnavindex{display:block!important;top:80px!important;left:480px!important}.logo-home{left:1px!important;top:80px!important}.habillageHome{left:1px!important;width:78px!important;margin-top:3px!important}}@media only screen and (max-width :559px) and (max-height :320px) and (orientation :landscape){.iconnavindex{display:block!important;top:80px!important;left:400px!important}}@media only screen and (max-width :559px) and (max-height :280px) and (orientation :landscape){.tagline{display:none!important}}@media only screen and (max-width :559px) and (max-height :450px) and (orientation :landscape){.iconnavindex{display:block!important;top:80px!important;left:400px!important}.logo-home{left:1px!important;top:80px!important}.habillageHome{left:1px!important;width:78px!important;margin-top:3px!important}}@media only screen and (max-width :479px) and (max-height :280px) and (orientation :landscape){.iconnavindex{display:block!important;top:80px!important;left:320px!important}}@media only screen and (max-width:520px){.logo-header-home{left:80px}}@media only screen and (max-width:565px){.donot,.icon-footer1{display:none}}@media only screen and (max-width:479px){.tagline,body .projects .current-Project .right{display:none!important}}@media only screen and (max-width:440px){.logo-header-home{left:0}}@media only screen and (min-device-width :768px) and (max-device-width :1280px) and (-webkit-min-device-pixel-ratio:2) and (orientation :landscape){#illus-gauche{display:none!important}.scroll-cursor{display:none!important}#map_canvas{display:none!important}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item5 span{display:none}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item11 span{display:none}.logo-header-home{left:880px}.clearLineFriends,.clearLineHome,.clearLineWorks{width:0!important}}@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (-webkit-min-device-pixel-ratio:2) and (orientation :landscape){#illus-gauche{display:none!important}.scroll-cursor{display:none!important}#map_canvas{display:none!important}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item5 span{display:none}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item11 span{display:none}.logo-header-home{left:640px}.clearLineFriends,.clearLineHome,.clearLineWorks{width:0!important}}@media only screen and (min-device-width :768px) and (max-device-width :1280px) and (-webkit-min-device-pixel-ratio:1) and (orientation :landscape){#illus-gauche{display:none!important}.scroll-cursor{display:none!important}#map_canvas{display:none!important}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item5 span{display:none}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item11 span{display:none}.logo-header-home{left:880px}.clearLineFriends,.clearLineHome,.clearLineWorks{width:0!important}}@media only screen and (min-device-width :768px) and (max-device-width :1024px) and (-webkit-min-device-pixel-ratio:1) and (orientation :landscape){#illus-gauche{display:none!important}.scroll-cursor{display:none!important}#map_canvas{display:none!important}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item5 span{display:none}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item11 span{display:none}.logo-header-home{left:640px}.clearLineFriends,.clearLineHome,.clearLineWorks{width:0!important}}@media only screen and (min-device-width :768px) and (max-device-width :1280px) and (-webkit-min-device-pixel-ratio:2) and (orientation :portrait){.rotateTablet{display:block}#illus-gauche{display:none!important}.scroll-cursor{display:none!important}#map_canvas{display:none!important}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item5 span{display:none}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item11 span{display:none}}@media only screen and (min-device-width :768px) and (max-device-width :1280px) and (-webkit-min-device-pixel-ratio:1) and (orientation :portrait){.rotateTablet{display:block}#illus-gauche{display:none!important}.scroll-cursor{display:none!important}#map_canvas{display:none!important}body .wrapper .workHeadband .workHeadband-inner #workHeadband-contact #item5 span{display:none}body .wrapper .workHeadband .workHeadband-inner #workHeadband-about #item11 span{display:none}}