*,*:after,*:before{-moz-box-sizing:border-box;box-sizing:border-box;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;text-rendering:optimizeLegibility}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}img,object,video{max-width:100%;height:auto}html,body{padding:0px;margin:0px;color:#000;font-family: 'Apercu Pro', sans-serif;font-size:25px;line-height:1.4;background-color:#FFF;letter-spacing:-0.01em;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.clear:before,.clear:after{content:' ';display:table}.clear:after{clear:both}.clear{*zoom:1}a{color:black;text-decoration:none}a:hover{color:black;border-bottom:2px solid black}.bigtext a:hover, .about a:hover{border-bottom:3px solid black}a:focus{outline:0}a:hover,a:active{outline:0}input:focus{outline:0;border:1px solid #04A4CC}h1,h2,h3,h4,h5,h6, .aboutprojects a, #page-2292 p{font-size:2.4rem;font-weight:normal;margin-bottom:0;line-height:1.1}.bigtext, .stackedgallery .textbox.bigtext{ margin:0 auto;width:100%; }.subtitle,.caption,.gallerycounter,.videoinfo{font-size:0.8rem;letter-spacing:0;font-style:italic}.aboutprojects a figure figcaption{font-size:0.8rem;letter-spacing:0}#page-110 article .subtitle, #page-110 article .tags{line-height:1.5rem}#timeout{opacity:0;position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:-1;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0 0;-webkit-flex:0 0;-ms-flex:0 0;align-items:center;flex-direction:column !important;text-align:center;transition:0.5s filter linear, opacity 0.5s linear;-webkit-transition:0.5s -webkit-filter linear, opacity 0.5s linear;-moz-transition:0.5s -moz-filter linear, opacity 0.5s linear;-ms-transition:0.5s -ms-filter linear, opacity 0.5s linear;-o-transition:0.5s -o-filter linear, opacity 0.5s linear;background:rgba(255,255,255,0.4)}#timeout h2, #timeout p{margin:2rem 5rem}body.showtimeout #timeout{opacity:1;z-index:9999}body.showtimeout #mouse{z-index:999}body.showtimeout section, body.showtimeout header.main, body.showtimeout #mouse{filter:blur(1rem)}svg path{fill:#000}#container{width:75vw;margin:0 auto}#container-2{width:85vw;margin:0 auto}body.singlepopup section#page-110{filter:blur(10rem)}body.singlepopup #addressboxcont{display:none}body.singlepopup section:not(#casestudy){opacity:0;display:none}body.popupclosed section:not(#casestudy){display:flex;opacity:1}.loadingcontent section#page-106, body.singlepopup section#page-106{visibility:hidden !important}.mobileview #page-106 .bigtext h1:first-child{margin-bottom:1rem}.home section:not(#casestudy){position:relative;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:0 0;-webkit-flex:0 0;-ms-flex:0 0;width:100%;flex:0 0 100%;min-height:100vh;align-items:center;flex-wrap:wrap;transition:0.5s filter linear, opacity 0.5s linear;-webkit-transition:0.5s -webkit-filter linear, opacity 0.5s linear;-moz-transition:0.5s -moz-filter linear, opacity 0.5s linear;-ms-transition:0.5s -ms-filter linear, opacity 0.5s linear;-o-transition:0.5s -o-filter linear, opacity 0.5s linear}#page-509,#page-2292{flex-direction:column !important;text-align:center}.newwindow{position:fixed !important;width:100vw;height:100vh;top:0;left:0;opacity:0 !important;z-index:-1 !important;background:white}.newwindow.active{opacity:1 !important;z-index:100 !important}.mobileview #page-509{text-align:left;padding:5vw}.aboutprojects a{display:inline-block;z-index:2}.moretextbox .inside:after{content:"+";display:inline-block;font-size:0.8rem;height:1rem;line-height:1rem;width:1rem;margin-left:1rem;border:1px solid black;border-radius:0.5rem;position:relative;top:-0.1rem;text-align:center}.moretextbox .inside:after{top:0 !important;margin-left:0rem !important}.moretextbox .inside.show:after{content:"-";line-height:0.9rem}.moretextbox .inside.show:after{left:calc(100% - 1rem)}.aboutprojects a figure figcaption{margin-top:-0.5rem;text-align:left}.aboutprojects a p{position:relative;z-index:1}.aboutprojects a:hover{border-bottom:none}.aboutprojects a:hover p{text-decoration:underline;text-decoration-width:"from-font"}.aboutprojects a figure{opacity:0;position:fixed;z-index:0}.aboutprojects a figure.postop-5{top:5vh}.aboutprojects a figure.postop-10{top:10vh}.aboutprojects a figure.postop-15{top:15vh}.aboutprojects a figure.postop-20{top:20vh}.aboutprojects a figure.postop-25{top:25vh}.aboutprojects a figure.postop-30{top:30vh}.aboutprojects a figure.postop-35{top:35vh}.aboutprojects a figure.postop-40{top:40vh}.aboutprojects a figure.postop-45{top:45vh}.aboutprojects a figure.postop-50{top:50vh}.aboutprojects a figure.postop-55{top:55vh}.aboutprojects a figure.postop-60{top:60vh}.aboutprojects a figure.postop-65{top:65vh}.aboutprojects a figure.postop-70{top:70vh}.aboutprojects a figure.postop-75{top:75vh}.aboutprojects a figure.postop-80{top:80vh}.aboutprojects a figure.posleft-5{left:5vw}.aboutprojects a figure.posleft-10{left:10vw}.aboutprojects a figure.posleft-15{left:15vw}.aboutprojects a figure.posleft-20{left:20vw}.aboutprojects a figure.posleft-25{left:25vw}.aboutprojects a figure.posleft-30{left:30vw}.aboutprojects a figure.posleft-35{left:35vw}.aboutprojects a figure.posleft-40{left:40vw}.aboutprojects a figure.posleft-45{left:45vw}.aboutprojects a figure.posleft-50{left:50vw}.aboutprojects a figure.posleft-55{left:55vw}.aboutprojects a figure.posleft-60{left:60vw}.aboutprojects a figure.posleft-65{left:65vw}.aboutprojects a figure.posleft-75{left:75vw}.aboutprojects a figure.posleft-80{left:80vw}.aboutprojects a figure.width-10 img{width:10vw}.aboutprojects a figure.width-15 img{width:15vw}.aboutprojects a figure.width-20 img{width:20vw}.aboutprojects a figure.width-25 img{width:25vw}.aboutprojects a figure.width-30 img{width:30vw}.aboutprojects a figure.width-35 img{width:35vw}.aboutprojects a figure.width-40 img{width:40vw}.aboutprojects a figure.width-45 img{width:45vw}.aboutprojects a figure.width-50 img{width:50vw}.aboutprojects a figure.width-55 img{width:55vw}.aboutprojects a figure.width-60 img{width:60vw}.aboutprojects a:hover figure, a.mobilehover figure{opacity:1}.mobileview a figure{top:3rem;left:0;right:auto !important;z-index:0;width:100%}a.mobilehover figure{left:5vw !important;top:auto !important;padding-top:1rem}a.mobilehover figure img{width:90vw !important}a.mobilehover figure figcaption{display:none}#casestudy{position:absolute;display:flex;width:100vw;left:0;top:0;height:auto;z-index:100}body.loadingcontent #casestudy{overflow:inherit !important}#casestudy.movingback{filter:blur(1rem)}#content-w75{width:75vw;margin:0 auto;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;align-content:center;justify-content:space-around}.fixed{position:fixed !important}#page-110{align-items:flex-start !important;justify-content:space-between !important}#page-110 article{width:45.5%;margin:2.5rem 0}.mobileview #page-110{}.mobileview #page-110 article{}#page-110 article a{display:block;transition:transform 0.5s linear;transform:skew(0,0);marign:0 auto}.mobileview #page-110 article a{height:auto !important}#page-110 article a:hover{text-decoration:none;border-bottom:0 none}#page-110 article a .thumb{width:auto;position:relative;margin:0.5rem 0 1rem 0}.attachment-post-thumbnail{z-index:2;position:relative;display:block;object-fit:contain;width:100%;backface-visibility:hidden}.projecthumb a .thumb{}.projecthumb a .thumb img{transition:transform 0.5s ease-out}.projecthumb video{width:100% !important}.projecthumb .stacked{width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;z-index:1}.projecthumb .stacked img{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;height:auto;margin:auto;transition:all .5s ease-out;transform:translate3d(0,0,0);object-fit:contain;max-height:50vh;transform-origin:center center}.projecthumb.flip a{perspective:1000px}.projecthumb.stack a{perspective:1000px}.projecthumb a h2, .projecthumb a p{transition:transform 0.5s linear}.projecthumb.flip a:hover .thumb{transform-style:preserve-3d;transition:all .5s linear;transform:skew(5deg,-5deg);animation:flipin 10s infinite linear}body.mobileview .projecthumb.flip .thumb{margin-top:5rem}.projecthumb.flip-right a:hover .thumb{animation:flipinr 10s infinite linear;transform:skew(-5deg,5deg)}.projecthumb.a2sec .thumb{animation-duration:2s !important}.projecthumb.a4sec .thumb{animation-duration:4s !important}.projecthumb.a6sec .thumb{animation-duration:6s !important}.projecthumb.a8sec .thumb{animation-duration:8s !important}.projecthumb.a10sec .thumb{animation-duration:10s !important}.projecthumb.a12sec .thumb{animation-duration:12s !important}.projecthumb.a14sec .thumb{animation-duration:14s !important}.projecthumb.a16sec .thumb{animation-duration:16s !important}.projecthumb.a20sec .thumb{animation-duration:20s !important}


@font-face {
  font-family: 'Apercu pro';
  src: url('https://uploads-ssl.webflow.com/601946c3de3b453a5e62327d/60194780706a110f3c85caae_Apercu%20Pro%20Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Apercu pro';
  src: url('https://uploads-ssl.webflow.com/601946c3de3b453a5e62327d/601947807a0b1c19a0cff665_Apercu%20Pro%20Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Apercu pro';
  src: url('https://uploads-ssl.webflow.com/601946c3de3b453a5e62327d/601947800444c372028bc7e3_Apercu%20Pro%20Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Apercu pro';
  src: url('https://uploads-ssl.webflow.com/601946c3de3b453a5e62327d/6019478119ecf6bef417635b_Apercu%20Pro%20Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Portrait text web';
  src: url('https://uploads-ssl.webflow.com/601946c3de3b453a5e62327d/601948435ed927400b251824_PortraitTextWeb-Regular2.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Portraittextweb';
  src: url('https://uploads-ssl.webflow.com/601946c3de3b453a5e62327d/6023b21a5aaeab07e4582d53_PortraitTextWeb-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}
@font-face {
  font-family: 'Portrait';
  src: url('https://uploads-ssl.webflow.com/601946c3de3b453a5e62327d/6023b2a00343b06bdf6acbb3_Portrait-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: block;
}



@keyframes rotation{from{transform:rotate(0deg)}to{transform:rotate(359deg)}}.stack{perspective:1000px}.stack .thumb{transition:all .5s ease-out}.stack:hover .thumb{transform:skew(-10deg,10deg) rotateZ(10deg)}.projecthumb:hover .stacked img, .projecthumb.moving .stacked img{}.projecthumb .stacked img:nth-child(1){z-index:10}.projecthumb .stacked img:nth-child(2){z-index:9}.projecthumb .stacked img:nth-child(3){z-index:8}.projecthumb .stacked img:nth-child(4){z-index:7}.projecthumb .stacked img:nth-child(5){z-index:6}.projecthumb .stacked img:nth-child(6){z-index:5}.projecthumb .stacked img:nth-child(7){z-index:4}.projecthumb .stacked img:nth-child(8){z-index:3}.projecthumb:hover .stacked img:nth-child(1), .projecthumb.moving .stacked img:nth-child(1){transform:translate3d(2rem,-2rem,0);z-index:10}.projecthumb:hover .stacked img:nth-child(2), .projecthumb.moving .stacked img:nth-child(2){transform:translate3d(4rem,-4rem,0);z-index:9}.projecthumb:hover .stacked img:nth-child(3), .projecthumb.moving .stacked img:nth-child(3){transform:translate3d(6rem,-6rem,0);z-index:8}.projecthumb:hover .stacked img:nth-child(4), .projecthumb.moving .stacked img:nth-child(4){transform:translate3d(8rem,-8rem,0);z-index:7}.projecthumb:hover .stacked img:nth-child(5), .projecthumb.moving .stacked img:nth-child(5){transform:translate3d(10rem,-10rem,0);z-index:6}.projecthumb:hover .stacked img:nth-child(6), .projecthumb.moving .stacked img:nth-child(6){transform:translate3d(12rem,-12rem,0);z-index:5}.projecthumb:hover .stacked img:nth-child(7), .projecthumb.moving .stacked img:nth-child(7){transform:translate3d(14rem,-14rem,0);z-index:4}.projecthumb:hover .stacked img:nth-child(8), .projecthumb.moving .stacked img:nth-child(8){transform:translate3d(16rem,-16rem,0);z-index:3}section#page-102{width:100vw !important;margin-left:0;left:-12.5vw !important}.rotate90{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}body.abouttext #addressboxcont{display:none}.subtitle{display:none}


#logo{z-index:100; display:block;  width:20%; height:10%; position:absolute; left:7%; top:7%;   } 
#logo .logo-svg { display:block;  width:100%; height:auto; position:relative; top:0;   } 

#social{z-index:100; display:block;  width:20%; height:5%; position:absolute; right:5%; top:9%;   }
#social .icon-svg {margin-left:7%;  float:right;  width:13%; height:auto; position:relative; top:0;   }


.bigtext h1, .about h1{margin-top:5%; font-family: 'Portrait', sans-serif;  }.moretextbox .inside.show .longer{font-weight:normal !important;text-transform:none !important}body.nocursor{cursor:none !important}body.homevideo #addressboxcont{display:none}body.abouttext #control{display:none} 

.bigtext p, .about p { width:100%; font-size:1rem;}     .about  { width:100%; }
 
header.main{line-height:1rem;height:3rem} 

.homevideo header.main{line-height:5rem;height:12rem;width:12rem;left:auto;right:5vw}

.homevideo header.main a:hover{text-decoration:none !important;border-bottom:0px none}

.arrowdown {display: block; position:absolute;  right:-10%; bottom:3%; }

.homevideo header.main #menu, .homevideo header.main #showlegal, .homevideo header.main #clientlist{opacity:1}
header.main{position:fixed;font-size:1.4rem;bottom:1rem;width:100vw;left:7vw;overflow:hidden;z-index:1001}
header.main ul{list-style:none;margin:0;padding:0;position:relative;top:1rem}
header.main ul li{display:inline-block;margin:0 0.5rem 0 0}
header.main ul li a:hover, body:not(.singlepopup) 
header.main ul li a.active{border-bottom:2px solid black}
header.main #clientsticker ul li{margin:0 1rem 0 0}.galleryopen #clientsticker{opacity:0}
header.main #showlegal{position:relative;left:1rem;border-left:2px solid black;opacity:1;width:auto !important;top:0.5rem;display:none;padding-left:1rem;height:2rem;line-height:2rem}
header.main #showlegal.active{display:inline-block}

header.main ul#menu{float:left}  header.main ul#menu li  {margin-right:2%; } header.main ul#menu   { width:80%; }

#clientlist{width:auto !important;height:2rem;line-height:2rem;display:block;position:relative;margin-left:1rem;left:0;padding-left:2.5rem;overflow:hidden;opacity:1;top:0.5rem}

#clientlist:before{position:absolute;content:"";display:block;width:2px;background:black;height:2rem;top:0;left:1rem}#clientsticker ul{display:inline-block;margin:0 0 0 0;height:2rem;line-height:2rem;white-space:nowrap;top:0}#clientsticker ul li:after{content:"\2022";display:inline-block;margin-left:1rem}#clientlist #clientsticker{overflow:hidden}p{margin:0;padding:0}.fade-enter-active,.fade-leave-active{transition:opacity 1s}.fade-enter,.fade-leave-to{opacity:0}.stackedgallery{position:relative;width:100%;padding-bottom:50vh}body.galleryopen .stackedgallery{overflow-x:inherit!important}.stackedgallery-rel{position:relative}.stackedgallery .hentry{width:100%;flex-basis:auto;line-height:1;opacity:1;transform:scale3d(1, 1, 1);transition:0.5s filter linear;-webkit-transition:0.5s -webkit-filter linear;-moz-transition:0.5s -moz-filter linear;-ms-transition:0.5s -ms-filter linear;-o-transition:0.5s -o-filter linear}.stackedgallery .hentry .inside{width:100%;margin:0 auto;text-align:center;padding:15vh 0;display:flex;align-items:center;flex-direction:column;justify-content:center}.stackedgallery .hentry.width-100 .inside{flex-direction:row !important}.stackedgallery .hentry.width-100.textbox .inside{flex-direction:column !important}.stackedgallery .hentry .inside div{width:100%;position:relative}.stackedgallery #sec-1 .inside{min-height:80vh;padding:0 !important}.stackedgallery #sec-2 .inside{padding:0 0 15vh 0}.stackedgallery h1{position:fixed;top:2rem;left:5vw;z-index:999;font-size:1rem}.galleryopen .stackedgallery h1{opacity:0}.stackedgallery .hentry.loading{filter:blur(1rem)}.stackedgallery .hentry img{width:100%;height:auto;background-clip:content-box;z-index:1;position:relative;line-height:0}.stackedgallery .photo-block span{display:block;text-align:right;margin-top:0.5rem}.stackedgallery .video-block span{display:block;text-align:left;margin-top:0.5rem}.stackedgallery .caption{font-style:italic}.stackedgallery .caption.bottom{}.stackedgallery .hentry.normal:hover{z-index:800 !important}.stackedgallery .hentry.foreground{z-index:888 !important}.stackedgallery .hentry.section{z-index:889 !important}.stackedgallery .hentry.background{z-index:0 !important}#backgroundf{position:fixed;width:100vw;height:100vh;top:0;left:0;z-index:0;opacity:0.5}#backgroundf.opacity-10{opacity:0.1}#backgroundf.opacity-20{opacity:0.2}#backgroundf.opacity-30{opacity:0.3}#backgroundf.opacity-40{opacity:0.4}#backgroundf.opacity-50{opacity:0.5}#backgroundf.opacity-60{opacity:0.6}#backgroundf.opacity-70{opacity:0.7}#backgroundf.opacity-80{opacity:0.8}#backgroundf.opacity-90{opacity:0.9}#backgroundf.opacity-100{opacity:1}#backgroundf video{z-index:2}#backgroundf img{z-index:1}#backgroundf video, #backgroundf img{position:absolute;top:0;left:0;bottom:0;right:0;width:100vw;height:100vh;object-fit:cover;overflow:hidden;max-width:none !important}.stackedgallery .textbox{font-size:1rem}.stackedgallery .textbox.textwithborder .inside{width:33vw;border:1px solid black;padding:2rem;background:white}.moretextbox{z-index:901;height:3rem}.moretextbox .inside, .stackedgallery #sec-1.moretextbox .inside{background:white;border:1px solid black;padding:0.8rem 1rem !important;min-height:auto !important;width:auto !important;display:inline-block !important;cursor:pointer;text-align:left !important;line-height:1.4 !important;position:absolute}.moretextbox .inside .longer{display:none}.moretextbox .inside.show .longer{display:block;max-width:30rem;font-weight:bold;text-transform:uppercase}.moretextbox .inside.show .longer .section{font-weight:normal !important;text-transform:none !important}.moretextbox .inside.show{margin-bottom:10rem}.moretextbox .more{float:left;margin-right:0.2rem}.stackedgallery .textbox p{width:100%;text-align:center}.stackedgallery .hentry a, .stackedgallery .hentry a:hover{color:black;text-decoration:none}.stackedgallery .section{font-weight:bold;width:auto !important;text-transform:uppercase}.stackedgallery .section.getout{opacity:0}.video-block{}.video-block img{z-index:10}.video-block iframe, .video-block .videoplayer{position:absolute;left:-25%;bottom:0;top:0;width:150%;height:100%;background-size:100% 100%;background-position:center center;background-size:cover;object-fit:cover;z-index:1}.video-inside .videoiframe,.iframeposter-inside{position:absolute;top:0;left:0;width:100%;height:100%;z-index:20;overflow:hidden}.iframeposter-inside{opacity:0;position:absolute !important}.loading .iframeposter-inside{z-index:21;opacity:1}.projecthumb.loading .iframeposter-inside{position:relative !important}.video-inside .videoiframe .videofull{position:absolute;left:0;bottom:0;top:0;right:0;width:100%;height:100%}.video-inside .videoinfo{display:none !important}.scrubber{background:#bbb;border-radius:5px;height:40px;left:50%;position:absolute;width:10px;-webkit-transform:translateZ(0);-webkit-transition:-webkit-transform 0.3s, background 0.4s}.scrubber.draggable{-webkit-transform:scale(1.3,1.3);background:#fff}#videoinfo{width:90%;position:relative;top:-3.4rem;font-size:2.5rem;z-index:1;height:5rem}#videoinfo:hover .curr{transform:scale(2) skew(10deg,10deg)}#videoinfo:hover{z-index:3}#videoinfo:before{display:block;left:-1rem;width:1rem;content:"001";position:absolute;transform:skew(0deg,5deg);display:none}#videoinfo .curr{position:absolute;left:0;transform:scale(1.5) skew(10deg,10deg);padding:2rem}#videoinfo .dur{position:absolute;right:-2.5rem;transform:skew(0deg,5deg);display:none}.curr.draggable{}.galleryopen,.pageopen{overflow:hidden}#backgroundf{transition:0.5s filter linear;-webkit-transition:0.5s -webkit-filter linear;-moz-transition:0.5s -moz-filter linear;-ms-transition:0.5s -ms-filter linear;-o-transition:0.5s -o-filter linear}.galleryopen article #backgroundf{filter:blur(1rem)}.galleryopen article .hentry{filter:blur(1rem)}.galleryopen #fotorama{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block;z-index:1000 !important}#bgclick{position:absolute;top:2rem;right:5vw;width:1.5rem;height:1.5rem;display:block;cursor:pointer;z-index:1000 !important;background:url(img/close.svg) 100% 100% no-repeat}#closesection{position:fixed;top:2rem;right:5vw;width:1.5rem;height:1.5rem;display:block;cursor:pointer;z-index:999999999 !important;background:url(img/close.svg) 100% 100% no-repeat}#closesection:hover{border:0px none}.galleryopen #closesection{display:none}#galheader .info{position:fixed;bottom:2rem;right:5vw;font-weight:normal}#galheader{position:absolute;top:2rem;left:5vw;font-weight:bold;display:block}.galleryopen .fotorama__wrap{left:0;top:0;z-index:15 !important}.fotorama__stage__frame{position:relative}.fotorama__stage__frame img, .fotorama__stage__frame #popupvideo,.htmlframe,.introvideowrapper{width:auto !important;height:auto !important;max-width:75vw !important;max-height:70vh !important;position:absolute;margin:auto;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important}.fotorama__stage__frame video, .introvideowrapper video{width:100% !important;max-width:75vw !important;max-height:75vh !important;position:relative;z-index:2}.videocoverimage{z-index:1;position:absolute !important;width:100% !important;max-width:75vw !important;max-height:75vh !important}.fotorama__stage__frame #popupvideo,.htmlframe,.introvideowrapper{display:flex;justify-content:center;flex-direction:column;text-align:center}.htmlframe{font-style:italic}.videocentered{margin-top:2.6rem}.fotorama__nav-wrap{margin-top:2rem}.fotorama__thumb-border{display:none !important}.fotorama__nav:after,.fotorama__stage:after{display:none !important;background:none !important}.fotorama__nav:before,.fotorama__stage:before{display:none !important;background:none !important}.fotorama__nav--thumbs .fotorama__nav__frame{padding:0 !important;margin-right:0.5rem}.fotorama__thumb{background:none !important}body.single-page:not(.galleryopen) .fotorama__img{height:auto !important}body.single-page:not(.galleryopen) .fotorama__img, body.single-page:not(.galleryopen) .fotorama__wrap, body.single-page:not(.galleryopen) .fotorama__stage, body.single-page:not(.galleryopen) .fotorama__wrap, body.single-page:not(.galleryopen) .fotorama__stage__shaft{width:inherit !important}.fotorama__arr{width:50% !important;top:10vh !important;height:80vh !important;margin-top:0 !important;opacity:0.5;background:red;transform:none !important}.fotorama__arr--prev{background:none !important;left:0 !important;width:100%;height:80vh;transform:none !important;top:10vh}.fotorama__arr--prev:hover{cursor:none}.fotorama__arr--next{background:none !important;right:0 !important;width:100%;height:100%;transform:none !important}.fotorama__arr--next:hover{cursor:none}.htmlbox .fotorama__arr{width:30% !important}body.mobileview .fotorama__arr--prev{background:url(img/icon-left.png) 2rem 50% no-repeat !important;opacity:1 !important;background-size:10px !important}body.mobileview .fotorama__arr--next{background:url(img/icon-right.png) calc(100% - 2rem) 50% no-repeat !important;opacity:1 !important;background-size:10px !important}body:not(.galleryopen) .info, body:not(.galleryopen) .fotorama__arr{display:none}.content-row>*{float:left}.content-row h2{width:calc(50% - 1rem);text-align:right;margin-right:1rem}.content-row .info{width:40%}.content-row .play{width:10%;font-weight:bold}.content-row{clear:left;padding-top:1rem}body.mobileview .fotorama__arr--prev{background:none !important}body.mobileview .fotorama__arr--prev:before{content:"Prev";display:block;transform:rotate(-90deg);position:absolute;left:0;bottom:calc(50% - 1rem);font-weight:bold;padding:0.3rem}body.mobileview .fotorama__arr--next{background:none !important}body.mobileview .fotorama__arr--next:before{content:"Next";display:block;transform:rotate(-90deg);position:absolute;right:0;bottom:calc(50% - 1rem);font-weight:bold;padding:0.4rem}#page-104 

.bigtext{width:100% !important}

@media only screen and (min-width: 320px) and (max-width: 480px) {#logo{z-index:100; width:50%; height:10%; left:6%; top:7%;    } #footer h2 { font-size:2.2rem;}
	.bigtext h1 {font-size:1.6rem; line-height:1.3; width:110%;  margin-left:-4.5%; margin-top:-15% }
     #social .icon-svg {margin-left:7%;  width:20%;}  #social { width:40%;  top:7%;}  .arrowdown { width:35%; right:32%; bottom:15%; } #page-110 article{width:100%;}   }

@media only screen and (min-width: 481px) and (max-width: 768px) {#logo{ width:45%; height:10%; left:6.5%; top:7%;    }
	.bigtext h1 {font-size:1.7rem; line-height:1.4;} 
     #social .icon-svg {margin-left:7%;  width:20%;}  #social { width:35%; top:8%;}  .arrowdown { width:35%; right:32%; bottom:15%; }  #page-110 article{width:100%;}  }

@media only screen and (min-width: 769px) and (max-width: 1024px) {#logo{ width:40%; height:10%; left:7%; top:7%;     }
	.bigtext h1 {font-size:1.9rem; line-height:1.3;} 
     #social .icon-svg {margin-left:7%;  width:20%;}  #social { width:24%; top:8%;} }

@media only screen and (min-width: 1025px) and (max-width: 1200px) {#logo{width:40%; height:10%; left:6.1%; top:7%;    }
	.bigtext h1 {font-size:1.9rem; line-height:1.2;} 
     #social .icon-svg {margin-left:7%;  width:20%;}  #social { width:25%;top:8%;} }

@media only screen and (min-width: 1201px) and (max-width: 1366px) {#logo{width:26%; height:10%; left:6.3%; top:7%;    }
	.bigtext h1 {font-size:2.1rem; line-height:1.1;}
     #social .icon-svg {margin-left:7%;  width:24%;}  #social { width:18%; top:8%;} }

@media only screen and (min-width: 1367px) and (max-width: 1580px) {#logo{width:24%; height:10%; left:6.5%; top:7%;  } 
	.bigtext h1{font-size:2.2rem; line-height:1.1;} .about p {font-size:1rem;}
	#social .icon-svg {margin-left:7%;  width:20%;}  #social { width:18%; top:8%;} }


@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-resolution:144dpi){}
@media only screen and (min-width : 990px){.stackedgallery .hentry.width-30{width:30% !important}.stackedgallery .hentry.width-40{width:40% !important}.stackedgallery .hentry.width-50{width:50% !important}.stackedgallery .hentry.width-60{width:60% !important}.stackedgallery .hentry.width-70{width:70% !important}.stackedgallery .hentry.width-80{width:80% !important}.stackedgallery .hentry.width-90{width:90% !important}.stackedgallery .hentry.alone{width:100% !important}.stackedgallery .hentry.width-30.alone .inside{width:30% !important}.stackedgallery .hentry.width-40.alone .inside{width:40% !important}.stackedgallery .hentry.width-50.alone .inside{width:50% !important}.stackedgallery .hentry.width-60.alone .inside{width:60% !important}.stackedgallery .hentry.width-70.alone .inside{width:70% !important}.stackedgallery .hentry.width-80.alone .inside{width:80% !important}.stackedgallery .hentry.width-90.alone .inside{width:90% !important}.stackedgallery .hentry.offset-p5{margin-top:5vh}.stackedgallery .hentry.offset-5{margin-top:-5vh}.stackedgallery .hentry.offset-p10{margin-top:10vh}.stackedgallery .hentry.offset-10{margin-top:-10vh}.stackedgallery .hentry.offset-p20{margin-top:20vh}.stackedgallery .hentry.offset-20{margin-top:-20vh}.stackedgallery .hentry.offset-p30{margin-top:30vh}.stackedgallery .hentry.offset-30{margin-top:-30vh}.stackedgallery .hentry.offset-p40{margin-top:40vh}.stackedgallery .hentry.offset-40{margin-top:-40vh}.stackedgallery .hentry.offset-p50{margin-top:50vh}.stackedgallery .hentry.offset-50{margin-top:-50vh}.stackedgallery .hentry.offset-p60{margin-top:60vh}.stackedgallery .hentry.offset-60{margin-top:-60vh}.stackedgallery .hentry.offset-p70{margin-top:70vh}.stackedgallery .hentry.offset-70{margin-top:-70vh}.stackedgallery .hentry.offset-p80{margin-top:80vh}.stackedgallery .hentry.offset-80{margin-top:-80vh}.stackedgallery .hentry.offset-p90{margin-top:90vh}.stackedgallery .hentry.offset-90{margin-top:-90vh}.stackedgallery .hentry.offset-p100{margin-top:100vh}.stackedgallery .hentry.offset-100{margin-top:-100vh}.stackedgallery .caption.right{left:calc(100% + 0.5rem);transform:rotate(-90deg);transform-origin:top left;z-index:9999;width:100%;position:absolute}}
@media only screen and (max-width : 1440px){}

@media only screen and (max-width : 990px){h1,h2,h3,h4,h5,h6, .aboutprojects a, #page-2292 p{font-size:1.4rem;font-weight:normal;margin-bottom:0;line-height:1.2} .stackedgallery 
	
	 #sec-1{margin-top:15vh}.stackedgallery .hentry{width:90% !important}.stackedgallery .caption.right{width:100% !important;margin-top:0 !important}html,body{font-size:15px}#clientlist.active, header.main ul li a:hover, body:not(.singlepopup) header.main ul li a.active, header.main #showlegal{border-width:1px}body:not(.homevideo) header.main{height:4rem}
	
	#videoWrapper video{top:3rem;left:2rem;right:2rem;bottom:3rem;width:calc(100% - 4rem);height:calc(100% - 6rem)}#mainCopy{max-width:80rem;width:calc(100% - 4rem)}#galheader .info{position:relative;display:block;font-weight:normal;bottom:auto;right:auto}#bgclick,#closesection{top:2.2rem;right:5vw;width:2rem;height:2rem;z-index:999999999999}#galheader{left:5vw !important;width:77vw}.fotorama__stage__frame #popupvideo{z-index:100}.stackedgallery .textbox.textwithborder{width:60vw !important}}
@media only screen and (max-width : 730px){header.main #showlegal,#clientlist.active{border-left:0px none;position:absolute;left:0;top:2.2rem;padding-left:0;margin-left:0}#clientlist:before{display:none}}@media only screen and (max-width : 400px){.homevideo header.main{width:100vw}#container{width:100vw}body.singlepopup #container{width:100vw}#casestudy{overflow:inherit !important}.stackedgallery h1{left:5vw !important;width:75vw !important}section#page-102{width:auto !important;margin-left:0;left:auto !important}#page-110 article{width:100% !important;transform-origin:center center;position:relative;margin:3.5rem 0 !important}#page-110 article .counter{position:absolute;bottom:-1.8rem;left:0;font-size:1.4rem}#page-110 article .subtitle, #page-110 article .tags{line-height:1.3rem}body:not(.homevideo) 
	

.Logo{height:1.3rem;top:0.6rem;left:0.0rem;margin-right:0.5rem}body:not(.homevideo) header.main{font-size:1rem}header.main ul li{margin-left:0.5rem !important}.stackedgallery .hentry .inside{padding:10vh 0}.stackedgallery{padding-bottom:5rem}.fotorama__stage__frame img,.htmlframe{max-width:70vw !important;max-height:70vh !important}.introvideowrapper, .fotorama__stage__frame #popupvideo, .fotorama__stage__frame video, .introvideowrapper video,.videocoverimage{max-width:90vw !important;max-height:70vh !important}}

 

@media only screen and (orientation: portrait) and (max-width : 990px){.stackedgallery .textbox{width:70vw !important}header.main ul li{margin:0 0.2rem 0 0.4rem !important}}.mobileview #videoControl, .mobileview #mouse{display:none}::selection{background:#04A4CC;color:#FFF;text-shadow:none}::-webkit-selection{background:#04A4CC;color:#FFF;text-shadow:none}::-moz-selection{background:#04A4CC;color:#FFF;text-shadow:none}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#FFF;border:1px solid #F0F0F0;max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption .wp-caption-text,.gallery-caption{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.sticky{}.bypostauthor{}

@media print{*{background:transparent !important;color:#000 !important;box-shadow:none !important;text-shadow:none !important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100% !important}
	
@page{margin:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}