@font-face{font-family:'Helvetica Neue';src:url("../fonts/helveticaneueltstd-roman-webfont.eot");src:url("../fonts/helveticaneueltstd-roman-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/helveticaneueltstd-roman-webfont.woff") format("woff"),url("../fonts/helveticaneueltstd-roman-webfont.ttf") format("truetype"),url("../fonts/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Helvetica Neue';src:url("../fonts/helveticaneueltstd-roman-webfont.eot");src:url("../fonts/helveticaneueltstd-roman-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/helveticaneueltstd-roman-webfont.woff") format("woff"),url("../fonts/helveticaneueltstd-roman-webfont.ttf") format("truetype"),url("../fonts/helveticaneueltstd-roman-webfont.svg#HelveticaNeueLTStd55Roman") format("svg");font-style:italic}@font-face{font-family:'Helvetica Neue';src:url("../fonts/helveticaneueltstd-bd-webfont.eot");src:url("../fonts/helveticaneueltstd-bd-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/helveticaneueltstd-bd-webfont.woff") format("woff"),url("../fonts/helveticaneueltstd-bd-webfont.ttf") format("truetype"),url("../fonts/helveticaneueltstd-bd-webfont.svg#HelveticaNeueLTStd75Bold") format("svg");font-weight:bold}html,body{margin:0px;padding:0px;overflow-x:hidden;width:100%;height:auto !important;background:#FFF}#skrollr-body{width:100%;height:auto !important}svg{width:100%;display:block}.page-global{width:calc(100% - 80px);margin-left:80px}@media only screen and (max-width: 900px){.page-global{width:calc(100% - 50px);margin-left:50px}}@media only screen and (max-width: 500px){.page-global{width:100%;margin-left:0px}}.page-global.white{background:#FFF}.page-global.grey{background:#F3F3F3}.page-title{background:#FFF;font-family:"Helvetica Neue";font-weight:bold;font-size:70px;line-height:70px;padding-top:30px;padding-bottom:30px;letter-spacing:-5px;padding-left:40px;box-sizing:border-box}@media only screen and (max-width: 500px){.page-title{padding-top:80px;font-size:48px;line-height:48px;padding-left:20px;letter-spacing:-2px}}.clear{clear:both}a.mid-button{font-family:"Helvetica Neue";font-size:16px;line-height:16px;font-weight:bold;color:#393939;border:1px solid #393939;padding-left:60px;padding-right:60px;padding-top:20px;padding-bottom:20px;text-decoration:none;transition:background 0.3s ease,color 0.3s ease;display:table;text-align:center}a.mid-button:hover{background:#393939;color:#FFF}a.mid-button.white{color:#FFF;border:1px solid #FFF}a.mid-button.white:hover{background:#FFF;color:#00a6da}a.mid-button.blue{color:#00a6da;border:1px solid #00a6da}a.mid-button.blue:hover{background:#00a6da;color:#FFF}a.mid-button.centered{margin:0 auto}a.mid-button.pushtop{margin-top:40px}@media only screen and (max-width: 500px){a.mid-button{padding-left:40px;padding-right:40px}}a.blue-button{display:table;background:none;font-family:'Lato', sans-serif;font-size:14px;font-weight:bold;text-transform:uppercase;text-decoration:none;letter-spacing:2px;color:#00a6da;padding-left:20px;padding-right:20px;padding-top:15px;padding-bottom:15px;border:2px solid #00a6da;transition:background 0.3s ease,color 0.3s ease}a.blue-button.margintop{margin-top:40px}a.blue-button:hover{background:#00a6da;color:#FFF}a.blue-button.altcolor{color:#FFF;border:2px solid #FFF;padding-top:10px;padding-bottom:10px;margin-top:20px}a.blue-button.altcolor:hover{color:#00a6da;background:#FFF}a.black-button{font-family:'Lato', sans-serif;font-size:16px;font-weight:bold;background:#000;color:#FFF;padding-left:30px;padding-right:30px;padding-top:15px;padding-bottom:15px;text-decoration:none;letter-spacing:1px;display:table}.loading{width:130px;height:128px;opacity:0;position:fixed;top:50%;left:50%;margin-top:-64px;margin-left:-65px;background:url(../images/loading.gif) no-repeat;z-index:9999;pointer-events:none}.loading.load{opacity:1}@media only screen and (max-width: 900px){.midload{display:none !important}}.backtotop{height:70px;width:70px;background:url(../images/backtotop.png) center center no-repeat;position:fixed;bottom:0px;right:0px;display:block;z-index:1000}.backtotop:hover{cursor:pointer}@media only screen and (max-width: 900px){.backtotop{height:50px;width:50px}}.sidebar{width:380px;height:200%;position:fixed;top:0px;left:-300px;z-index:1000;background:#000;transition:left 0.25s ease-in}.sidebar.active{left:0px}.sidebar.active .menutrigger{transition:right 0.25s ease-in}@media only screen and (max-width: 500px){.sidebar.active .menutrigger{right:0px}}.sidebar .menutrigger{width:80px;height:100%;position:absolute;top:0px;right:0px;z-index:9999}.sidebar .menutrigger:hover{cursor:pointer}@media only screen and (max-width: 900px){.sidebar .menutrigger{width:50px}}@media only screen and (max-width: 500px){.sidebar .menutrigger{width:50px;height:50px;right:-50px;background:#000}}.sidebar .menutrigger.active{height:80px}@media only screen and (max-width: 900px){.sidebar .menutrigger.active{height:50px}}.sidebar .menutrigger .menubar-wrap{width:30px;height:21px;position:absolute;display:block;top:30px;left:25px}.sidebar .menutrigger .menubar-wrap .menubar-top{height:3px;width:30px;background:#FFF;position:absolute;top:0px}.sidebar .menutrigger .menubar-wrap .menubar-mid{height:3px;width:30px;background:#FFF;position:absolute;top:9px}.sidebar .menutrigger .menubar-wrap .menubar-bot{height:3px;width:30px;background:#FFF;position:absolute;top:18px}@media only screen and (max-width: 900px){.sidebar .menutrigger .menubar-wrap{top:15px;left:10px}}.sidebar .menu-midlogo{position:absolute;left:28px;top:28px}@media only screen and (max-width: 900px){.sidebar{width:350px}}@media only screen and (max-width: 500px){.sidebar{width:100%;left:-100%;z-index:9999}}.fakebar{width:80px;height:200%;position:fixed;top:0px;left:0px;z-index:999;background:url(../images/menubars.png) top left #000 no-repeat}@media only screen and (max-width: 900px){.fakebar{width:50px;background:url(../images/menubars-small.png) top left #000 no-repeat}}@media only screen and (max-width: 500px){.fakebar{display:none}}.menu-wrap{display:block;position:relative;top:200px;width:calc(100% - 80px);transition:width 0.25s ease-in}.menu-wrap ul{padding:0px;margin:0px}.menu-wrap ul li a{font-family:"Helvetica Neue";font-weight:bold;font-size:30px;color:#FFF;letter-spacing:-1px;text-decoration:none;display:block;padding-top:15px;padding-bottom:15px;padding-left:22px;border-top:1px solid #363636;box-sizing:border-box;border-left:0px solid #FFF;transition:border-left 0.1s linear}.menu-wrap ul li a:hover{border-left:8px solid #FFF}@media only screen and (max-width: 500px){.menu-wrap ul li a{font-size:24px;padding-top:10px;padding-bottom:10px}}.menu-wrap ul li.current-menu-item a{border-left:8px solid #00a7d8}.menu-wrap ul li.current-menu-item a:hover{border-left:8px solid #00a7d8}.menu-wrap .menu-share-wrap{border-top:1px solid #363636;border-bottom:1px solid #363636;height:70px;position:relative}.menu-wrap .menu-share-wrap a.share-third{float:left;width:33.33%;height:100%;display:block;border-right:1px solid #363636;text-align:center;line-height:70px;color:#FFF;font-size:24px;box-sizing:border-box;transition:background 0.3s ease 0s}.menu-wrap .menu-share-wrap a.share-third:hover{background:#00a6da}.menu-wrap .menu-share-wrap a.share-third.last{border-right:none}.menu-wrap.active{width:100%}@media only screen and (max-width: 500px){.menu-wrap{top:120px}}.sidemidlogo{height:70px;width:70px;position:fixed;right:0px;top:0px;z-index:900}@media only screen and (max-width: 900px){.sidemidlogo{height:50px;width:50px;background:url(../images/midlogo-small.png) no-repeat}}.sidemidlogo.home{transition:top 0.5s ease;top:calc(50% - 35px)}.sidemidlogo.home.topped{top:0px}.menu-overlay{background:#000;height:100%;width:100%;position:fixed;top:0px;left:0px;z-index:999;opacity:0.5;display:none}.mobile-headband{display:none;height:50px;width:100%;background:#00a6da;position:fixed;top:0px;left:0px;z-index:900}@media only screen and (max-width: 500px){.mobile-headband{display:block}}.footer{width:calc(100% - 80px);margin-left:80px;padding-top:60px;background:#000}.footer .footercontent{max-width:1120px;margin:0 auto}.footer .footercontent .half{float:left}.footer .footercontent .half.left{width:60%}@media only screen and (max-width: 900px){.footer .footercontent .half.left{float:none;width:100%}}.footer .footercontent .half.right{width:40%}@media only screen and (max-width: 900px){.footer .footercontent .half.right{float:none;width:100%;margin-top:40px}}.footer .footercontent .half .footertitle{font-family:"Helvetica Neue";font-size:16px;font-weight:bold;margin-bottom:20px;color:#00a6da}.footer .footercontent .half .footertext{font-family:"Helvetica Neue";font-size:24px;line-height:26px;font-weight:bold;color:#FFF}.footer .footercontent .half .footertext a{color:#00a6da;text-decoration:none}@media only screen and (max-width: 1400px){.footer .footercontent{padding-left:20px;padding-right:20px;box-sizing:border-box}}@media only screen and (max-width: 900px){.footer .footercontent{box-sizing:border-box}}.footer .footercontent .contact-footer-title{color:#fff;font-family:"Helvetica Neue";font-size:28px;font-weight:bold;line-height:32px}.footer .footercontent .contact-footer-title.alt{color:#00a6da}.footer .footercontent .contact-footer-title a.contact-footer-button{font-family:"Lato";color:#FFF;padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:10px;border:2px solid #FFF;font-size:16px;display:table;text-decoration:none;margin-top:25px;transition:background 0.3s ease,color 0.3s ease}.footer .footercontent .contact-footer-title a.contact-footer-button:hover{background:#FFF;color:#00a6da}.footer .footercontent .contact-footer-title a.contact-footer-button.alt{border:2px solid #00a6da;color:#00a6da}.footer .footercontent .contact-footer-title a.contact-footer-button.alt:hover{background:#00a6da;color:#FFF}.footer .footercontent .contact-footer-title form label{display:none}.footer .footercontent .contact-footer-title form input{width:100%;max-width:350px;padding:20px;margin-top:12px;box-sizing:border-box;font-family:"Helvetica Neue";font-size:18px;font-weight:bold}.footer .footercontent .contact-footer-title form .nm_mc_button{font-family:"Lato";color:#FFF;padding-left:30px;padding-right:30px;padding-top:10px;padding-bottom:10px;border:2px solid #FFF;font-size:16px;display:table;text-decoration:none;margin-top:25px;background:none;width:auto;line-height:32px;transition:background 0.3s ease,color 0.3s ease}.footer .footercontent .contact-footer-title form .nm_mc_button:hover{background:#FFF;color:#00a6da;cursor:pointer}.footer .footercontent .contact-footer-title form .nm_mc_error{font-size:18px;line-height:18px;margin-top:10px}.footer .signature{font-family:"Helvetica Neue";font-size:12px;line-height:12px;letter-spacing:0.5px;color:#FFF;padding-top:60px;padding-bottom:20px;text-align:center;text-transform:uppercase;background:#000;width:100%}.footer .footershare{display:block;}.footer .footershare a.sharebutton{width:70px;height:65px;background:#161616;display:block;float:left;color:#FFF;text-align:center;line-height:65px;margin-right:12px;transition:background 0.3s ease;font-size:24px}.footer .footershare a.sharebutton:hover{background:#00a6da}@media only screen and (max-width: 900px){.footer{width:calc(100% - 50px);margin-left:50px;box-sizing:border-box}}@media only screen and (max-width: 500px){.footer{width:100%;margin-left:0px}}.splash{width:calc(100% - 80px);margin-left:80px;height:100%;display:block;position:absolute}.splash .canvaswrap{width:100%;max-width:950px;height:700px;display:block;position:absolute;margin:auto;top:0;right:0;bottom:0;left:0;padding-left:40px;padding-right:40px;box-sizing:border-box}.splash .canvaswrap #splashPageCanvas{display:block;position:absolute;top:-10px;left:150px}@media only screen and (max-width: 900px){.splash .canvaswrap #splashPageCanvas{left:0px}}.splash .canvaswrap .maintitle{display:block;margin-top:100px;position:absolute;z-index:5}.splash .canvaswrap .maintitle .headtitle{font-family:"Helvetica Neue";color:#FFF;font-size:105px;line-height:86px;letter-spacing:-1px;font-weight:bold;padding-bottom:8px;margin-top:-7px}@media only screen and (max-width: 900px){.splash .canvaswrap .maintitle .headtitle{font-size:54px;line-height:48px;margin-top:-5px;padding-bottom:3px}}.splash .canvaswrap .maintitle .headtitle.blue{color:#00a6da;margin-top:0px !important}.splash .canvaswrap .maintitle .headsubtitle{font-family:"Helvetica Neue";color:#FFF;font-size:18px;line-height:26px;margin-top:20px;margin-bottom:30px;max-width:400px}@media only screen and (max-width: 900px){.splash .canvaswrap .maintitle .headsubtitle{font-size:16px;line-height:20px;max-width:350px}}.splash .canvaswrap .maintitle .splitbar{height:6px;width:470px;background:#FFF;margin-left:7px}.splash .canvaswrap .maintitle .splitbar.blue{height:1px;background:#00a6da}@media only screen and (max-width: 900px){.splash .canvaswrap .maintitle .splitbar{margin-left:3px;height:4px;width:250px}}@media only screen and (max-width: 500px){.splash .canvaswrap{padding-left:20px;padding-right:20px}}.splash .canvaswrap .mobile-mid-logo{display:none;width:600px;height:450px;background:url(../images/ipad_logo.png) no-repeat;position:absolute;top:100px;right:5%}.splash .canvaswrap .mobile-mid-logo.show{display:block}@media only screen and (max-width: 500px){.splash .canvaswrap .mobile-mid-logo{display:none !important}}@media only screen and (max-width: 900px){.splash{margin-left:50px;width:calc(100% - 50px)}}@media only screen and (max-width: 500px){.splash{margin-left:0px;width:100%}}.homepagebg{background:url(../images/background.jpg) no-repeat;background-attachment:fixed;background-size:cover;width:100%;height:1200px;min-height:100vh}.homepagebg.mobilemode{background-attachment:unset !important;background-size:auto !important}.global{width:100%;background:none;position:absolute;top:100%;z-index:20}.title{font-family:"Helvetica Neue";font-size:16px;font-weight:bold;margin-bottom:35px;color:#FFF;border-bottom:1px solid #FFF;padding-bottom:10px;line-height:16px}.title.altcolor{color:#393939;border-bottom:1px solid #393939}.subtitle{font-family:"Helvetica Neue";font-size:48px;font-weight:bold;letter-spacing:-1px;line-height:48px;color:#FFF;max-width:800px}.subtitle.altcolor{color:#393939}@media only screen and (max-width: 500px){.subtitle{font-size:36px;line-height:36px}}.block{width:calc(100% - 80px);margin-left:80px}.block.extra{background:#e3e3e3}.block.first{background:url(../images/pattern_portfolio.jpg) repeat #00a6da}.block.second{background:#e3e3e3;padding-bottom:45px;padding-top:60px}@media only screen and (max-width: 900px){.block.second{background:#e3e3e3;padding-top:40px}}.block.client{background:#e3e3e3}.block.third{background:url(../images/pointpattern.gif) repeat #111}.block.fourth{background:url(../images/motiontext-bg.jpg) no-repeat #FFF;background-size:cover}@media only screen and (max-width: 1400px){.block{padding-left:40px;padding-right:40px;box-sizing:border-box}}@media only screen and (max-width: 900px){.block{width:calc(100% - 50px);margin-left:50px;padding-left:40px;padding-right:40px;box-sizing:border-box}}@media only screen and (max-width: 500px){.block{padding-left:20px;padding-right:20px;margin-left:0px;width:100%}}.content{width:100%;max-width:1120px;margin:0 auto;padding-top:120px;padding-bottom:120px}.content.first{padding:0px}.content.client{padding-top:0px}.content.bigger{padding-top:300px;padding-bottom:300px}@media only screen and (max-width: 900px){.content.bigger{padding-top:100px;padding-bottom:100px}}.clientswrap{margin-top:0px}.clientswrap .clientbox{display:block;width:20%;padding-bottom:20%;background:#FFF;border-right:1px solid #f4f4f4;box-sizing:border-box;float:left;margin-bottom:1px}@media only screen and (max-width: 900px){.clientswrap .clientbox{width:50%;padding-bottom:50%}}@media only screen and (max-width: 900px){.clientswrap{width:100%;max-width:460px;margin:0 auto}}.block.extra .content{padding-top:70px;padding-bottom:86px}.ecommerce-left{width:50%;float:left}.ecommerce-right{width:50%;float:left;padding-top:116px}.ecommerce-right>*{margin-left:60px}.no-break{white-space:nowrap}@media only screen and (max-width: 1260px){.ecommerce-right{width:60%;padding-top:5vw}.ecommerce-left{width:40%}}@media only screen and (max-width: 1065px){.ecommerce-right,.ecommerce-left{width:100%;float:none}.ecommerce-right>*{margin-left:0px}.ecommerce-left{max-width:450px}.ecommerce-right .no-break{white-space:normal}}.projectgrid{width:100%;margin-top:40px}.testimony-content-top{margin:0 auto;max-width:1120px;padding-top:120px;width:100%}.testimony-content-bot{margin:0 auto;max-width:1120px;padding-bottom:120px;width:100%}.testimony{margin:0 auto;max-width:1120px;width:100%}.quote{color:#FFF;font-family:"Helvetica Neue";font-size:48px;font-weight:bold;letter-spacing:-1px;line-height:48px}@media only screen and (max-width: 900px){.quote{font-size:32px;line-height:32px}}.author{color:#FFF;font-family:"Helvetica Neue";font-size:18px;line-height:24px;margin-top:80px}.owl-navig{height:4px;margin-top:10px}.owl-navig .owl-dot{float:left;height:4px;width:60px;background:#FFF;opacity:0.5;margin-right:4px}@media only screen and (max-width: 500px){.owl-navig .owl-dot{width:30px}}.owl-navig .owl-dot:hover{cursor:pointer}.owl-navig .owl-dot.active{opacity:1}.agencebox-left{border:1px solid #00a6da;padding:60px;width:52%;float:left;box-sizing:border-box}.agencebox-left .about-title{font-family:"Helvetica Neue";font-size:16px;font-weight:bold;color:#00a6da}.agencebox-left .about-text{color:#00a6da;font-family:"Helvetica Neue";font-size:48px;font-weight:bold;letter-spacing:-1px;line-height:48px}@media only screen and (max-width: 500px){.agencebox-left .about-text{font-size:36px;line-height:36px}}@media only screen and (max-width: 900px){.agencebox-left{float:none;width:auto;max-width:600px;display:table}}@media only screen and (max-width: 500px){.agencebox-left{padding:40px}}.agencebox-right{float:left;width:38%;padding-top:60px;padding-left:10%}.agencebox-right .about-right-text{font-family:"Helvetica Neue";font-size:18px;line-height:32px;margin-bottom:30px;letter-spacing:-0.5px}@media only screen and (max-width: 900px){.agencebox-right{float:none;width:100%;max-width:450px;padding-left:0px}}.about-content{position:relative;width:100%;max-width:1120px;margin:0 auto;font-family:"Helvetica Neue";font-size:18px;line-height:32px;color:#FFF;z-index:20}.about-content .leftpart{float:left;width:45%;margin-right:10%}@media only screen and (max-width: 900px){.about-content .leftpart{float:none;margin:0px;width:100%}}@media only screen and (max-width: 900px){.about-content .leftpart.gotsvg{display:none}}.about-content .rightpart{float:right;width:45%}@media only screen and (max-width: 900px){.about-content .rightpart{float:none;margin-top:20px;width:100%}}@media only screen and (max-width: 900px){.about-content .rightpart.gotsvg{display:none}}.about-content.darktext{color:#000}@media only screen and (max-width: 1230px){.about-content{padding-left:40px;padding-right:40px;box-sizing:border-box}}@media only screen and (max-width: 900px){.about-content{width:100%;max-width:600px;margin:0 auto}}@media only screen and (max-width: 500px){.about-content{width:100%;margin-left:0px;font-size:16px;line-height:24px}}.pretitle{color:#FFF;font-family:"Helvetica Neue";font-size:16px;font-weight:bold;margin-bottom:35px;margin-top:-70px}@media only screen and (max-width: 900px){.pretitle{margin-top:0px}}.largetitle,.about-block1 .largetext{font-size:50px;line-height:42px;margin-bottom:25px;color:#FFF;font-family:"Helvetica Neue";font-weight:bold;letter-spacing:-1px}.largetitle.blue,.about-block1 .blue.largetext{color:#00a6da}@media only screen and (max-width: 500px){.largetitle,.about-block1 .largetext{font-size:36px;line-height:36px}}@media only screen and (max-width: 400px){.largetitle,.about-block1 .largetext{font-size:32px;line-height:32px}}.mobilesvg{display:none}@media only screen and (max-width: 900px){.mobilesvg{display:block;margin:0 auto;margin-bottom:40px;width:100%}}.about-block1{position:relative;width:100%;padding-top:200px;padding-bottom:200px;background:url(../images/pointpattern.gif) repeat #111}.about-block1 .largetext{font-size:64px;line-height:64px;margin-bottom:0px}@media only screen and (max-width: 1230px){.about-block1 .largetext{font-size:52px;line-height:52px}}@media only screen and (max-width: 500px){.about-block1 .largetext{font-size:36px;line-height:36px}}@media only screen and (max-width: 900px){.about-block1 .rightpart{float:none;margin-top:20px;width:100%}}@media only screen and (max-width: 900px){.about-block1{padding-top:100px;padding-bottom:100px}}.about-block1 .block-bg-img{position:absolute;left:10%;top:45%}.about-block1 .block-bg-img img{display:block}@media only screen and (max-width: 900px){.about-block1 .block-bg-img{display:none}}.prize-box{width:100%;max-width:730px;height:280px;background:#FFF;margin-top:200px;float:right}.prize-box .prize-title{color:#00a6da;font-family:"Helvetica Neue";font-size:14px;font-weight:bold;letter-spacing:0.5px;display:block;padding-left:40px;box-sizing:border-box;margin-top:30px}.prize-box .prize-owl-carousel .prize-item-wrap{width:100%;padding-left:40px;padding-right:40px;box-sizing:border-box;margin:0 auto}.prize-box .prize-owl-carousel .prize-item-wrap .prize-logo{text-align:center;height:120px}.prize-box .prize-owl-carousel .prize-item-wrap .prize-logo img{width:auto;display:block;max-width:100%}.prize-box .prize-owl-carousel .prize-item-wrap .prize-text{color:#00a6da;font-size:12px;line-height:12px;font-family:"Helvetica Neue"}.prize-box .prize-owl-carousel .prize-item-wrap .prize-text span{font-weight:bold}@media only screen and (max-width: 900px){.prize-box{margin-top:100px}}.about-block2{position:relative;width:100%;background:#00a6da;padding-top:200px;padding-bottom:200px}@media only screen and (max-width: 900px){.about-block2{padding-top:100px;padding-bottom:100px}}.circles-sta-1,#sta-11,#sta-12,#sta-13,#sta-14,#sta-15,#sta-16,#sta-17{opacity:0}#strategie-pretitle,#strategie-title,#strategie-text,#strategie-svg{opacity:0;margin-bottom:20px}@media only screen and (max-width: 900px){#strategie-pretitle,#strategie-title,#strategie-text,#strategie-svg{opacity:1 !important}}.about-block3{position:relative;width:100%;background:#181818;padding-top:200px;padding-bottom:200px}@media only screen and (max-width: 900px){.about-block3{padding-top:100px;padding-bottom:100px}}.circle1,.circle2,.circle3{opacity:0}#creation-title,#creation-text,#creation-svg{opacity:0}@media only screen and (max-width: 900px){#creation-title,#creation-text,#creation-svg{opacity:1 !important}}.about-block4{position:relative;width:100%;background:#fff;padding-top:200px;padding-bottom:200px;z-index:1}@media only screen and (max-width: 900px){.about-block4{padding-top:100px;padding-bottom:100px}}.circles-dev-1,.circles-dev-2,.circles-dev-3,.circles-dev-4,.dev-slash{opacity:0}#dev-title,#dev-text,#dev-svg{opacity:0}@media only screen and (max-width: 900px){#dev-title,#dev-text,#dev-svg{opacity:1 !important}}.about-block5{position:relative;width:100%;background:#efefef;padding-top:200px;padding-bottom:200px}@media only screen and (max-width: 900px){.about-block5{padding-top:100px;padding-bottom:100px}}#wordpress-title,#wordpress-text,#wordpress-svg{opacity:0}@media only screen and (max-width: 900px){#wordpress-title,#wordpress-text,#wordpress-svg{opacity:1 !important}}.about-block6{position:relative;width:100%;background:#FFF}.logos-wrap{display:table;margin:0 auto;text-align:center;padding-top:100px;padding-bottom:100px}.logos-wrap img.tech-logo{display:inline-block;margin-left:20px;margin-right:20px;opacity:0;position:relative;top:40px}@media only screen and (max-width: 900px){.logos-wrap img.tech-logo{opacity:1 !important;top:0px !important}}.about-block7{position:relative;width:100%;padding-top:250px;padding-bottom:250px;background:url(../images/pointpattern.gif) repeat #111;overflow:hidden}@media only screen and (max-width: 900px){.about-block7{background:url(../images/mobile-agence-bg.jpg) no-repeat center center #111;background-size:cover}}.left-block7{border:2px solid #FFF;color:#FFF;float:left;padding:60px;width:100%;max-width:430px;box-sizing:border-box}.left-block7 .block7-title{color:#FFF;font-family:"Helvetica Neue";font-size:16px;font-weight:bold}.left-block7 .block7-text{color:#FFF;font-family:"Helvetica Neue";font-size:36px;font-weight:bold;letter-spacing:-1px;line-height:36px}@media only screen and (max-width: 500px){.left-block7 .block7-text{font-size:24px;line-height:24px}}@media only screen and (max-width: 900px){.left-block7{float:none;margin:0px;width:100%}}.right-block7{float:right;width:40%;margin-top:600px;font-family:"Helvetica Neue";font-size:36px;font-weight:bold;line-height:36px}@media only screen and (max-width: 900px){.right-block7{float:none;margin-top:20px;width:100%}}@media only screen and (max-width: 500px){.right-block7{font-size:24px;line-height:24px}}.skrollr-img-1{position:absolute;top:0px;left:0px}@media only screen and (max-width: 900px){.skrollr-img-1{display:none}}.skrollr-img-2{position:absolute;top:0px;right:0px}@media only screen and (max-width: 900px){.skrollr-img-2{display:none}}.skrollr-img-3{position:absolute;bottom:0px;left:0px;z-index:2}@media only screen and (max-width: 900px){.skrollr-img-3{display:none}}.skrollr-img-4{position:absolute;bottom:0px;right:0px}@media only screen and (max-width: 900px){.skrollr-img-4{display:none}}.skrollr-img-5{position:absolute;bottom:0px;left:0px}@media only screen and (max-width: 900px){.skrollr-img-5{display:none}}.line1-wrap{width:100%;max-width:1120px;margin:0 auto;left:0px;top:-544px;position:absolute}.line1-wrap img{display:block}@media only screen and (max-width: 1230px){.line1-wrap{display:none}}.line-dot-1a,.line-dot-1b{opacity:0}.line2-wrap{bottom:-200px;left:268px;position:absolute;width:8px}@media only screen and (max-width: 1230px){.line2-wrap{display:none}}.line-dot-2,.line-dot-3{opacity:0}.line3-wrap{position:absolute;right:275px;top:-200px;width:7px}@media only screen and (max-width: 1230px){.line3-wrap{display:none}}.line4-wrap{width:100%;max-width:1120px;margin:0 auto;position:absolute;bottom:-510px}@media only screen and (max-width: 1230px){.line4-wrap{display:none}}.line-dot-4a,.line-dot-4b{opacity:0}.diagonal-wrap{width:100%;max-width:1120px;margin:0 auto;position:absolute;top:-380px}@media only screen and (max-width: 1230px){.diagonal-wrap{display:none}}.line-diag-dot-1,.line-diag-dot-2{opacity:0}.portfolio-grid-wrap{background:#FFF;width:100%}.portfolio-single-full{background:#FFF}.portfolio-single-full img{width:100%;display:block}.portfolio-single-info{background:#FFF;padding-top:100px;padding-bottom:100px}.portfolio-single-info .portfolio-single-left{float:left;width:40%}.portfolio-single-info .portfolio-single-left img{display:block;margin:0 auto}@media only screen and (max-width: 900px){.portfolio-single-info .portfolio-single-left{width:100%;float:none;padding-left:20px;padding-right:20px;box-sizing:border-box;margin-bottom:40px}}.portfolio-single-info .portfolio-single-right{float:right;width:60%}@media only screen and (max-width: 900px){.portfolio-single-info .portfolio-single-right{width:100%;float:none;padding-left:20px;padding-right:20px;box-sizing:border-box}}.portfolio-text{display:block;font-family:"Lato";font-size:20px;line-height:26px;font-weight:300;width:90%;margin-bottom:40px}.portfolio-text p{margin-top:0px;display:block}@media only screen and (max-width: 900px){.portfolio-text{width:100%}}.blog-header{width:100%;position:relative;margin-bottom:60px}.blog-header img{display:block;width:100%}.blog-header .blog-title{max-width:1120px;width:100%;position:absolute;bottom:80px;left:0px;right:0px;margin:0 auto;color:#FFF;font-family:"Helvetica Neue";font-size:60px;font-weight:bold;padding-left:20px;padding-right:20px;box-sizing:border-box}@media only screen and (max-width: 900px){.blog-header .blog-title{bottom:20px;font-size:36px;line-height:36px}}@media only screen and (max-width: 500px){.blog-header .blog-title{bottom:10px;font-size:32px;line-height:32px}}.blog-content{max-width:1120px;margin:0 auto;padding-left:40px;padding-right:40px;box-sizing:border-box}.blog-content .blog-row{padding-top:60px;padding-bottom:60px;border-bottom:1px solid #ebebeb;position:relative;transition:padding-left 0.3s ease}.blog-content .blog-row .hover-state{position:absolute;height:100%;width:100%;background:#00a6da;top:0px;left:0px;opacity:0;transition:width 0.3s ease,background 0.1s ease,opacity 0.3s ease}.blog-content .blog-row .blog-leftpart{float:left;width:15%;margin-right:5%;position:relative;transition:margin 0.3s ease}.blog-content .blog-row .blog-leftpart div{display:block}.blog-content .blog-row .blog-leftpart div img{width:100%;height:auto;display:block}@media only screen and (max-width: 900px){.blog-content .blog-row .blog-leftpart{display:none}}.blog-content .blog-row .blog-rightpart{float:left;width:70%;position:relative;transition:margin 0.3s ease,width 0.3s ease}.blog-content .blog-row .blog-rightpart .blog-title{font-family:"Helvetica Neue";color:#000;font-size:36px;font-weight:bold;line-height:36px;max-width:550px;text-decoration:none;transition:color 0.1s ease}@media only screen and (max-width: 900px){.blog-content .blog-row .blog-rightpart .blog-title{font-size:32px;line-height:32px}}.blog-content .blog-row .blog-rightpart .blog-meta{margin-top:20px;font-family:'Lato', sans-serif;font-weight:300;font-size:14px;line-height:14px;text-transform:uppercase;transition:color 0.1s ease}.blog-content .blog-row .blog-rightpart .blog-meta .metasplit{display:inline-block;margin-right:15px;color:#000}.blog-content .blog-row .blog-rightpart .blog-meta .metasplit.blue{color:#00a6da}.blog-content .blog-row .blog-rightpart .blog-meta a{text-decoration:none;color:#00a6da;transition:color 0.1s ease}@media only screen and (max-width: 900px){.blog-content .blog-row .blog-rightpart{width:80%;float:none}}.blog-content .blog-row .blog-arrow{height:35px;width:18px;background:url(../images/blogarrow.png) no-repeat;position:absolute;right:40px;top:calc(50% - 17.5px)}@media only screen and (max-width: 900px){.blog-content .blog-row .blog-arrow{right:20px}}@media only screen and (max-width: 500px){.blog-content .blog-row .blog-arrow{display:none}}.blog-content.no-touch .blog-row:hover .blog-leftpart{margin-left:2.5%;margin-right:2.5%}.blog-content.no-touch .blog-row:hover .blog-rightpart{margin-left:2.5%}.blog-content.no-touch .blog-row:hover .blog-arrow{background:url(../images/blogarrow2.png) no-repeat}.blog-content.no-touch .blog-row:hover .hover-state{opacity:1}.blog-content.no-touch .blog-row:hover .blog-title{color:#FFF}.blog-content.no-touch .blog-row:hover .blog-meta{color:#FFF}.blog-content.no-touch .blog-row:hover .blog-meta .metasplit{color:#FFF}.blog-content.no-touch .blog-row:hover .blog-meta .metasplit.blue{color:#FFF}@media only screen and (max-width: 500px){.blog-content{padding-left:20px;padding-right:20px}}.blog-pagination{margin-top:60px;padding-bottom:60px}.blog-pagination .blog-prev-page a{font-family:"Helvetica Neue";color:#00a6da;border:2px solid #00a6da;font-size:12px;padding-top:15px;padding-bottom:15px;padding-left:40px;padding-right:40px;display:block;float:left;font-weight:400;text-decoration:none;letter-spacing:2px;text-transform:uppercase;transition:background 0.3s ease,color 0.3s ease}.blog-pagination .blog-prev-page a:hover{color:#FFF;background:#00a6da}@media only screen and (max-width: 900px){.blog-pagination .blog-prev-page a{padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px}}@media only screen and (max-width: 500px){.blog-pagination .blog-prev-page a{float:none;margin:0 auto;display:table;margin-bottom:10px;width:150px;text-align:center}}.blog-pagination .blog-next-page a{font-family:"Helvetica Neue";color:#00a6da;border:2px solid #00a6da;font-size:12px;padding-top:15px;padding-bottom:15px;padding-left:40px;padding-right:40px;display:block;float:right;font-weight:400;text-decoration:none;letter-spacing:2px;text-transform:uppercase;transition:background 0.3s ease,color 0.3s ease}.blog-pagination .blog-next-page a:hover{color:#FFF;background:#00a6da}@media only screen and (max-width: 900px){.blog-pagination .blog-next-page a{padding-top:10px;padding-bottom:10px;padding-left:25px;padding-right:25px}}@media only screen and (max-width: 500px){.blog-pagination .blog-next-page a{float:none;margin:0 auto;display:table;margin-bottom:10px;width:150px;text-align:center}}.blog-post-wrap{width:100%;max-width:630px;margin:0 auto;position:relative}.blog-post-wrap img{max-width:100%;height:auto;display:block;margin:0 auto}.blog-post-wrap .blog-post-head{padding-bottom:20px}.blog-post-wrap .blog-post-head .blog-post-title{color:#000;font-family:"Helvetica Neue";font-size:36px;font-weight:bold;line-height:36px;padding-top:100px}.blog-post-wrap .blog-post-head .blog-post-meta{text-transform:uppercase;font-family:"Lato";font-size:14px;font-weight:300;line-height:14px;margin-top:20px}.blog-post-wrap .blog-post-head .blog-post-meta .metasplit{display:inline-block;margin-right:15px}.blog-post-wrap .blog-post-head .blog-post-meta a{color:#00a6da;text-decoration:none;font-weight:400}.blog-post-wrap .blog-post-head .blog-post-img{margin-top:20px}.blog-post-wrap .blog-post{font-family:"Lato";font-size:16px;line-height:24px}.blog-post-wrap .blog-post a{color:#00a6da}.blog-post-wrap .comment-box{width:100%;position:relative;margin-top:40px}.blog-post-wrap .comment-box .comment-box-title{color:#000;font-family:"Helvetica Neue";font-size:16px;font-weight:bold;text-align:left;text-decoration:none;margin-bottom:5px}.blog-post-wrap .comment-box .fb-comments,.blog-post-wrap .comment-box .fb-comments iframe[style],.blog-post-wrap .comment-box .fb-comments span{width:100% !important}.blog-post-nav{margin-top:100px;padding-bottom:60px;border-top:2px solid #e6e6e6}.blog-post-nav .previous-post{float:left;max-width:250px;margin-top:40px;padding-left:60px;text-decoration:none;background:url(../images/prev-post-arrow.png) no-repeat left center}.blog-post-nav .previous-post .blog-nav-pre{font-size:12px;font-family:"Lato";color:#00a6da;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-weight:700;text-decoration:none;text-align:left}@media only screen and (max-width: 500px){.blog-post-nav .previous-post .blog-nav-pre{display:none}}.blog-post-nav .previous-post .blog-nav-title{font-family:"Helvetica Neue";font-size:18px;font-weight:bold;color:#000;text-decoration:none;text-align:left}@media only screen and (max-width: 900px){.blog-post-nav .previous-post .blog-nav-title{font-size:14px;line-height:14px;font-weight:normal}}@media only screen and (max-width: 500px){.blog-post-nav .previous-post .blog-nav-title{display:none}}@media only screen and (max-width: 900px){.blog-post-nav .previous-post{padding-left:40px;max-width:150px}}@media only screen and (max-width: 500px){.blog-post-nav .previous-post{width:20px;height:35px;padding:0px}}.blog-post-nav .next-post{float:right;max-width:250px;margin-top:40px;padding-right:60px;text-decoration:none;background:url(../images/next-post-arrow.png) no-repeat right center}.blog-post-nav .next-post .blog-nav-pre{font-size:12px;font-family:"Lato";color:#00a6da;text-transform:uppercase;letter-spacing:1px;margin-bottom:5px;font-weight:700;text-decoration:none;text-align:right}@media only screen and (max-width: 500px){.blog-post-nav .next-post .blog-nav-pre{display:none}}.blog-post-nav .next-post .blog-nav-title{font-family:"Helvetica Neue";font-size:18px;font-weight:bold;color:#000;text-decoration:none;text-align:right}@media only screen and (max-width: 900px){.blog-post-nav .next-post .blog-nav-title{font-size:14px;line-height:14px;font-weight:normal}}@media only screen and (max-width: 500px){.blog-post-nav .next-post .blog-nav-title{display:none}}@media only screen and (max-width: 900px){.blog-post-nav .next-post{padding-right:40px;max-width:150px}}@media only screen and (max-width: 500px){.blog-post-nav .next-post{width:20px;height:35px;padding:0px}}.contact-content{max-width:1120px;margin:0 auto;padding-left:40px;padding-right:40px}.contact-content .contact-row{margin-top:100px}.contact-content .contact-row .contact-left-part{width:60%;float:left}@media only screen and (max-width: 900px){.contact-content .contact-row .contact-left-part{width:100%;float:none}}.contact-content .contact-row .contact-right-part{width:40%;float:right}@media only screen and (max-width: 900px){.contact-content .contact-row .contact-right-part{width:100%;float:none;margin-top:60px}}.contact-content .contact-row .contact-title{color:#00a6da;font-family:"Helvetica Neue";font-size:16px;font-weight:bold;margin-bottom:20px}.contact-content .contact-row .contact-text{color:#000;font-family:"Helvetica Neue";font-size:32px;font-weight:bold;line-height:34px}.contact-content .contact-row .contact-text a{color:#00a6da;text-decoration:none}@media only screen and (max-width: 1200px){.contact-content .contact-row .contact-text{font-size:24px;line-height:26px}}@media only screen and (max-width: 900px){.contact-content .contact-row .contact-text{font-size:32px;line-height:34px}}@media only screen and (max-width: 500px){.contact-content .contact-row .contact-text{font-size:24px;line-height:26px}}.contact-content .contact-row .contact-share{display:block;margin-top:30px}.contact-content .contact-row .contact-share a.sharebutton{width:70px;height:65px;background:#ebebeb;display:block;float:left;color:#00a6da;text-align:center;line-height:65px;margin-right:12px;transition:background 0.3s ease,color 0.3s ease;font-size:24px}.contact-content .contact-row .contact-share a.sharebutton:hover{background:#00a6da;color:#FFF}@media only screen and (max-width: 500px){.contact-content .contact-row .contact-share a.sharebutton{margin-right:5px}}.contact-content .contact-row.second{padding-bottom:200px;margin-top:150px}@media only screen and (max-width: 900px){.contact-content .contact-row.second{display:none}}.contact-content .contact-row .contact-charles{display:table;position:relative}.contact-content .contact-row .contact-charles img{display:block;position:relative}.contact-content .contact-row .contact-max{display:table;position:relative}.contact-content .contact-row .contact-max img{display:block;position:relative}.contact-content .contact-row .contact-img{position:relative;display:block}.contact-content .contact-row .contact-img img{display:block}.contact-content .contact-row .contact-img-text{position:absolute;display:table;font-family:"Lato";font-size:16px;line-height:16px;bottom:-35px;right:-140px}.contact-content .contact-row .contact-img-text span{font-size:28px;line-height:28px;font-weight:bold;font-family:"Helvetica Neue";display:block;margin-bottom:5px;letter-spacing:1px}.contact-content .contact-row .contact-img-text a{color:#00a6da;text-decoration:none;font-weight:bold;margin-top:5px;display:block}@media only screen and (max-width: 1300px){.contact-content .contact-row .contact-img-text{left:20px;bottom:-60px !important}}.contact-content .mobile-portraits{display:none;padding-top:50px;padding-bottom:50px}.contact-content .mobile-portraits .contact-img-text{display:table;font-family:"Lato";font-size:16px;line-height:16px;margin-top:10px;margin-bottom:40px}.contact-content .mobile-portraits .contact-img-text span{font-size:28px;line-height:28px;font-weight:bold;font-family:"Helvetica Neue";display:block;margin-bottom:5px;letter-spacing:1px}.contact-content .mobile-portraits .contact-img-text a{color:#00a6da;text-decoration:none;font-weight:bold;margin-top:5px;display:block}.contact-content .mobile-portraits .contact-img{position:relative;display:block}.contact-content .mobile-portraits .contact-img img{display:block;width:100%;max-width:350px}@media only screen and (max-width: 900px){.contact-content .mobile-portraits{display:block}}@media only screen and (max-width: 500px){.contact-content{padding-left:20px;padding-right:20px}}#freshwidget-button{display:none !important}#freshwidget-button.showit{display:block !important}.blog-row a{text-decoration:none}.midload:before{-webkit-animation:animation_1 3800ms ease-in-out both;-moz-animation:animation_1 3800ms ease-in-out both;-ms-animation:animation_1 3800ms ease-in-out both;-o-animation:animation_1 3800ms ease-in-out both;animation:animation_1 3800ms ease-in-out both}.midload:after{-webkit-animation:animation_2 3800ms ease-in-out both;-moz-animation:animation_2 3800ms ease-in-out both;-ms-animation:animation_2 3800ms ease-in-out both;-o-animation:animation_2 3800ms ease-in-out both;animation:animation_2 3800ms ease-in-out both}.midload{-webkit-animation:animation_container 4000ms ease-in-out both;-moz-animation:animation_container 4000ms ease-in-out both;-ms-animation:animation_container 4000ms ease-in-out both;-o-animation:animation_container 4000ms ease-in-out both;animation:animation_container 4000ms ease-in-out both}@keyframes animation_container{0%{opacity:0}20%{transform:scale(0) translate(-50%, -50%);opacity:0}25%{transform:scale(1.1) translate(-50%, -50%);opacity:1}30%{transform:scale(1) translate(-50%, -50%)}80%{transform:scale(1) translate(-50%, -50%);opacity:1}95%{transform:scale(0.25) translate(-50%, -50%);opacity:0}}@-webkit-keyframes animation_container{0%{opacity:0}20%{transform:scale(0) translate(-50%, -50%);opacity:0}25%{transform:scale(1.1) translate(-50%, -50%);opacity:1}30%{transform:scale(1) translate(-50%, -50%)}80%{transform:scale(1) translate(-50%, -50%);opacity:1}95%{transform:scale(0.25) translate(-50%, -50%);opacity:0}}@-moz-keyframes animation_container{0%{opacity:0}20%{transform:scale(0) translate(-50%, -50%);opacity:0}25%{transform:scale(1.1) translate(-50%, -50%);opacity:1}30%{transform:scale(1) translate(-50%, -50%)}80%{transform:scale(1) translate(-50%, -50%);opacity:1}95%{transform:scale(0.25) translate(-50%, -50%);opacity:0}}@keyframes animation_1{0%{transform:skew(-40deg) translate(900%, -4400%)}35%{transform:skew(-40deg) translate(410%, 110%)}40%{transform:skew(-40deg) translate(410%, 90%)}75%{transform:skew(-40deg) translate(410%, 90%)}80%{transform:skew(-40deg) translate(410%, 70%)}100%{transform:skew(-40deg) translate(-900%, 4400%)}}@-webkit-keyframes animation_1{0%{transform:skew(-40deg) translate(900%, -4400%)}35%{transform:skew(-40deg) translate(410%, 110%)}40%{transform:skew(-40deg) translate(410%, 90%)}75%{transform:skew(-40deg) translate(410%, 90%)}80%{transform:skew(-40deg) translate(410%, 70%)}100%{transform:skew(-40deg) translate(-900%, 4400%)}}@-moz-keyframes animation_1{0%{transform:skew(-40deg) translate(900%, -4400%)}35%{transform:skew(-40deg) translate(410%, 110%)}40%{transform:skew(-40deg) translate(410%, 90%)}75%{transform:skew(-40deg) translate(410%, 90%)}80%{transform:skew(-40deg) translate(410%, 70%)}100%{transform:skew(-40deg) translate(-900%, 4400%)}}@keyframes animation_2{0%{transform:skew(-40deg) translate(-1520%, 10000%)}42.5%{transform:skew(-40deg) translate(720%, 250%)}47.5%{transform:skew(-40deg) translate(720%, 268%)}72.5%{transform:skew(-40deg) translate(720%, 268%)}77.5%{transform:skew(-40deg) translate(720%, 310%)}100%{transform:skew(-40deg) translate(1520%, -10000%)}}@-webkit-keyframes animation_2{0%{transform:skew(-40deg) translate(-1520%, 10000%)}42.5%{transform:skew(-40deg) translate(720%, 250%)}47.5%{transform:skew(-40deg) translate(720%, 268%)}72.5%{transform:skew(-40deg) translate(720%, 268%)}77.5%{transform:skew(-40deg) translate(720%, 310%)}100%{transform:skew(-40deg) translate(1520%, -10000%)}}@-moz-keyframes animation_2{0%{transform:skew(-40deg) translate(-1520%, 10000%)}42.5%{transform:skew(-40deg) translate(720%, 250%)}47.5%{transform:skew(-40deg) translate(720%, 268%)}72.5%{transform:skew(-40deg) translate(720%, 268%)}77.5%{transform:skew(-40deg) translate(720%, 310%)}100%{transform:skew(-40deg) translate(1520%, -10000%)}}.midload{width:200px;height:200px;background:#00A5D9;position:absolute;top:50%;left:50%;transform:translate(0, 0);transform-origin:0% 0%;overflow:hidden;transition:opacity;transform:scale(0);opacity:0}.midload:before,.midload:after{background:#fff;position:absolute;border-top-left-radius:6.66667px;border-bottom-right-radius:6.66667px;content:''}.midload:before{width:15%;height:35%;transform:skew(-40deg) translate(900%, -4400%);border:1px solid #fff}.midload:after{width:12%;height:17.5%;transform:skew(-40deg) translate(770%, 280%);border:1px solid #fff}

/*# sourceMappingURL=main.css.map */