h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}h1 img{max-width:120px;}/* W3.CSS 4.13 June 2019 by Jan Egil and Borge Refsnes */
html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}
/* Extract from normalize.css by Nicolas Gallagher and Jonathan Neal git.io/normalize */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}summary{display:list-item}
audio,canvas,progress,video{display:inline-block}progress{vertical-align:baseline}
audio:not([controls]){display:none;height:0}[hidden],template{display:none}
a{background-color:transparent}a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:bolder}dfn{font-style:italic}mark{background:#ff0;color:#000}
small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-0.25em}sup{top:-0.5em}figure{margin:1em 40px}img{border-style:none}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea,optgroup{font:inherit;margin:0}optgroup{font-weight:bold}
button,input{overflow:visible}button,select{text-transform:none}
button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}
legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}
[type=checkbox],[type=radio]{padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
/* End extract */

body{height:100%;background-color:#FFF;font-family:'Quicksand', Helvetica, Arial, sans-serif;font-size:100%;letter-spacing:0.05em;line-height:1.4; overflow:hidden;}

.menu{width:60px;height:100%;display:inline-block;cursor:pointer;}.menu span{width:100%;height:2px;margin-bottom:10px;display:block;background:white;top:auto;position:relative;-webkit-transition:all 0.6s;transition:all 0.6s;}
nav.navOpen .menu span{width:45px !important;margin:0;transform:rotate(45deg);top:45%;left:10px;position:absolute;}nav.navOpen .menu span:nth-last-of-type(2n){opacity:0;}nav.navOpen .menu span:nth-last-of-type(3n){transform:rotate(-45deg);}
header>div>a>img{width:20px;}

/*form{margin:40px auto;}*/input,textarea{border:1px #333 solid;padding:10px;border-radius:25px;margin:3px auto;}form div{min-height:60px;}#MESSAGE{min-height:140px;}
.required{position:absolute;left:-9999px;}

.example{/*background:url("../images/sampleBG.jpg") repeat fixed;background-size:200px;*/}.pick{background-color:#e0faf9 !important;}.grayscale{filter:grayscale(100%);}.clipVert{vertical-align:text-bottom;}.invert{filter: invert(100%);}
.example section{background:none;margin-bottom:0;padding-top:0;padding-bottom:80px;}.example h3{font-size:200%;font-weight:600;text-align:center}
section.art{width:100vw;/*background:url("../images/sampleBG.jpg") repeat;*/background-size:200px;min-height:100vh;padding-top:0;padding-bottom:0;position:relative;overflow:visible;}
h4{font-family:'Abel',Arial,Helvetica,sans-serif;font-size:170%;font-weight:600;text-transform:uppercase;}
/*.example div:not(.work-sample):last-of-type{padding-top:3vw;}*/

.transparent{opacity:0;-webkit-transition:opacity 1.6s;transition:opacity 1.6s;}.solid{opacity:1;}.semi{opacity:0.4;}
.centerpiece{width:90vw;-webkit-transition:opacity 4.6s;transition:opacity 4.6s;position:fixed;bottom:30vh;left:-40vmax;z-index:-1;transform:rotate(90deg);}
.delay1{transition-delay:2s;}.delay2{transition-delay:4s;}.delay3{transition-delay:5s;}

#work-nav{position:fixed;width:100vw;background-color:rgba(0,0,0,0.8);z-index:9999;left:0;-webkit-transition:bottom 0.3s;transition:bottom 0.3s;overflow:hidden;}
#work-nav.open{bottom:0px;}#work-nav h3{margin:20px auto 0 auto;color:white;}


/* FOOTER */
footer{background-color:#bbb;margin-bottom:-40px;}
.footer-nav{width:100%;height:auto;margin-top:20px;font-size:80%;}.footer-nav a{display:inline-block;margin:10px 10px;text-decoration:none;color:#333;}.footer-nav a:last-of-type{margin-right:0;}.footer-nav a:hover{color:white;}.footer-nav p{font-size:120%;}.footer-nav img{width:50px;}
/*#COPY, .byline{font-size:80% !important;position:relative;bottom:-100px;color:darkorange;right:25px;bottom:5px;letter-spacing:0.05em;height:20px;margin:0;}*/

.white{background-color:rgba(255,255,255,1);}.semi-white{background-color:rgba(255,255,255,0.8) !important;z-index:10;}.pad-top{padding-top:50px !important;}.transOrange{background-color:rgba(252,132,13,0.4) !important;}.orange{background-color:darkorange !important;}.teal{background-color:teal !important;}.transTeal{background-color:rgba(0,160,130,0.2) !important;}
.borders{border-style:dotted none;border-width:2px;border-color:#777;margin:20px 0;padding:30px 0 !important;}.width100{width:100%;}iframe{min-height:380px;width:70%;}
.dead{color:darkorange !important;cursor:default;}.margin-bottom40{margin-bottom:40px;}.noUnderline{text-decoration:none !important;}.chunk{display:inline-block !important;width:auto !important;height:auto !important;}

section.mini{background:url(../images/dotBG.png) repeat fixed;background-color:darkorange;padding-top:125px;padding-bottom:125px;}
section.auto{height:auto !important;min-height:0 !important;}

.work-sample button, #curtain{display:none;}.preview button{display:block !important;position:absolute;top:0;right:0;width:auto;border-radius:0 0 0 20px;padding:10px 20px;}
.work-sample{overflow:hidden !important;-webkit-mask-image:-webkit-radial-gradient(white, black);background-color:#eee;position:relative;}.work-sample a img{height:100%;position:relative;left:0px;}.work-sample a span{height:80px;width:250px;display:block;border-radius:0 0 10px 10px;position:absolute;bottom:-80px;opacity:0;background-color:rgba(0,0,0,0.80);color:white;padding-top:10px;-webkit-transition:bottom 0.5s, opacity 1.3s;transition:bottom 0.5s, opacity 1.3s;}.work-sample a span.chunk{margin:0;padding:0;position:relative;font-size:100%;bottom:auto !important;background-color:rgba(0,0,0,0);display:inline-block !important;width:auto !important;height:auto !important;opacity:100;}
#curtain.preview{width:100vw !important;height:100vh !important;z-index:9998;background-color:rgba(0,0,0,0.7) !important;position:fixed;display:block;top:0 !important;left:0 !important;}
.case{position:absolute !important;top:0;left:0;background-color:rgba(0,0,0,0.7);color:white;width:23px;height:23px;overflow:hidden;padding:0;border-radius:0 0 10px 0;display:block !important;font-size:93% !important;}/*.case::before{content:'\2295';margin:0 20px 4px 5px;}*/.case2{font-size:93% !important;}
.preview .case{right:30px;}.preview button:last-of-type{color:#333;background-color:rgba(0,0,0,0.1);border-radius:10px;top:25px;right:30px;font-size:100% !important;}.preview.linked button.case{width:auto;left:30px;right:auto;}

.marginBottom0{margin-bottom:0;}.black{color:black;}

/* Responsive */
@media (max-width:809px){
header{}
h1 img{max-width:85px;}
.splash>div>h2{font-size:190% !important;line-height:1 !important}.splash>div>button{font-size:120% !important;}.splash>div.live{top:37%;}
.splash .cycle-slideshow img{width:auto;min-width:0;min-height:100%;height:100%;left:-40vh !important;}
nav{width:0px;height:100vh;left:0px;top:0px;padding-top:10px;-webkit-transition:width 0.6s, background 0.6s;transition:width 0.6s, background 0.6s;}nav.navOpen{width:100vw;background:rgba(0,0,0,0.85);z-index:9998;}nav a{display:block;height:80px;font-size:120%;}header div.show{top:0px;}
.menu{position:fixed;padding-top:20px;height:60px;left:0;}nav.navOpen .menu{margin-right:calc(100% - 60px);}
p{font-size:1.2em;}
.byline{left:-9999px;}
.section-side{display:none;height:10vh;width:100vw;position:absolute;right:0;top:0;background-position:0px -21vh !important;background-size:100% !important;}

h2{width:100%;height:auto;text-align:center;/*border-bottom:1px solid;*/padding-bottom:4px;margin-bottom:40px;}h2>span{display:none;}
.mini p{font-size:130%;}

.arrow-ding{display:none;}

section{padding:110px 8vw;-webkit-transition:height 0.6s;transition:height 0.6s;}#work{padding:110px 18vw;}
.collapse{max-height:180vh;overflow:hidden;}.expand{height:10vh;width:100vw;padding-top:20px;color:white;text-align:center; display:none;position:absolute;bottom:-11vh;left:0;background-color:rgba(0,0,0,0.7);}.collapse>.expand{display:block;bottom:0px;cursor:pointer;}


.full{width:100vw;position:relative;left:-8vw;padding:80px 19vw 0px 19vw !important;margin-bottom:0px;background:url(../images/dotBG.png) repeat fixed;}
.offset{width:calc(100% + 2vw);position:relative;left:-1vw;padding:1vw;background-color:rgba(255,255,255,0);-webkit-transition:background-color 1.5s;transition:background-color 1.5s;transition-delay:2s;}.offset p{margin-bottom:10px;}.half{width:50% !important;float:left;vertical-align:top;z-index:9998;}
.art{left:-8vw;}
.hidden-logo{display:none;}


.work-sample{width:100%;height:80%;display:block;margin:100px 10px 0 0;border-radius:7px;position:relative;padding-top:100%;opacity:0;webkit-transition:margin-top 0.8s, opacity 1.5s;transition:margin-top 0.8s, opacity 1.5s;}.work-sample.on{margin-top:10px;opacity:1;}.work-sample a:hover img,.work-sample.on a img{left:-100%;}
.work-sample a{position:absolute;top:0;right:0;bottom:0;left:0;}

.width60{width:100%;}iframe{min-height:350px;width:100%;}

.example .work-sample{padding-top:0;width:80%;margin:30px auto;}

#work-nav{height:100vh;bottom:-100vh;padding:150px 1vw 20px 1vw;text-align:center}#work-nav div{width:70px;height:70px;margin:5px !important;display:inline-block;}#work-nav .work-sample a img{left:-70px;}#work-nav h3{display:none;}#work-nav>a{position:absolute;width:100%;display:block;top:auto;bottom:50px;right:auto;color:white;text-decoration:none;}

label{display:block;padding:10px;margin:3px auto;width:100%;text-align:center;}.send{clear:both;width:100%;padding-right:0;text-align:center;margin-top:25px;}
input#SEND{width:100%;}input,textarea{width:100%;display:block;}.subscribe{width:80%;margin:10px auto;}

footer{min-height:100vh;padding-top:120px;}
.footer-nav{text-align:center;}

.preview{background-color:rgba(255,255,255,1) !important;position:fixed;top:-10px !important;left:0;width:100vw !important;height:100vh !important;z-index:9999;text-align:center !important;border-radius:0px !important;}

.preview a img{width:200vw !important;height:auto !important;left:-100vw !important;top:calc(45vh - 56vw);}
.preview a span{width:100vw;height:20vh;bottom:-1px !important;opacity:1 !important;line-height:1.2 !important;font-size:110%;border-radius:0 !important;}
.preview .case{top:auto;width:auto;height:auto;bottom:22vh;left:30px;padding:10px;border-radius:10px;background-color:#fc840d;}.preview .case2{top:auto;width:auto;height:auto;bottom:22vh;right:30px;left:auto;padding:10px;border-radius:10px;background-color:#fc840d;}

}

@media (min-width:810px){
h1 img{max-width:120px;}
nav{width:auto;}
.menu{left:-9999px;position:absolute;}
.splash>div.live{top:40%;}
.splash .cycle-slideshow img{width:auto;min-width:none;min-height:100%;left:-25vh !important;}
p{font-size:24px;}
.rounded{border-radius:20px;padding:40px !important;margin-top:20px !important;}

.section-side{height:100%;width:18vw;background-position:-320px 0px !important;background-size:cover !important;position:absolute;right:0;top:0;}#about{padding:165px 25vw 165px 19vw;}

h2{transform:rotate(90deg);position:absolute;left:65px;top:205px;width:8vh;height:1vw;color:#fc840d;text-align:left;line-height:1.1;white-space:nowrap;}h2>span{display:inline;}
.mini p{font-size:200%;}
footer{padding:50px 5vw 50px 18vw;min-height:60vh;z-index:9998;}
footer h2{width:auto;left:-60px;}

section{padding:165px 19vw;}
.collapse{max-height:none;}.expand{display:none;}
.art{left:-19vw;}

.offset{width:calc(100% + 2vw);position:relative;left:-1vw;padding:1vw;background-color:rgba(255,255,255,0);-webkit-transition:background-color 1.5s;transition:background-color 1.5s;transition-delay:2s;}.offset p{margin-bottom:10px;}.half{width:50% !important;float:left;vertical-align:top;z-index:9998;}
.full{width:100vw;position:relative;left:-19vw;padding:100px 19vw 0px 19vw !important;margin-bottom:0px;background:url(../images/dotBG.png) repeat fixed;}

#work-nav{height:calc(100vh - 100px);bottom:-100vh;padding:20px 3vw;text-align:left;}#work-nav div{width:80px;height:80px;}#work-nav .work-sample a img{left:-80px;}#work-nav h3{text-align:left;font-size:120%;display:block;}#work-nav>a{position:absolute;top:25px;bottom:auto;right:25px;color:white;text-decoration:none;}

.hidden-logo{width:350px;height:180px;border-radius:0 0 0 300px;padding:40px 20px 40px 60px;background:none;position:fixed;top:100px;right:-370px;-webkit-transition:right 0.3s;transition:right 0.3s;z-index:9998;}.hidden-logo.show{right:-25px;}

.work-sample{width:150px;height:150px;margin:100px 10px 0 0;display:inline-block;border-radius:10px;opacity:0;-webkit-transition:margin-top 0.8s, opacity 1.5s;transition:margin-top 0.8s, opacity 1.5s;vertical-align:top;}.work-sample.on{margin-top:10px;opacity:1;}.work-sample a:hover img,.work-sample.on a img{left:-150px;}
.work-sample a{position:relative;text-decoration:none;}

.width60{width:60%;}iframe{min-height:380px;width:100%;}

label{display:inline-block;padding:13px 20px 0 0;width:27%;float:left;text-align:right;}.send{clear:both;width:100%;padding-right:3%;text-align:right;margin-top:25px;}
input#SEND{width:35%;}input,textarea{width:70%;display:inline-block;}
.subscribe{width:80%;margin-left:20%;text-align:right;}.subscribe label{font-size:80%;display:block;width:100%;float:none;margin:0 0 10px 0;padding:0;}.subscribe input{width:60%;margin-right:10px;display:inline-block;}#subscribe{width:30%;margin:0;padding:8px;}
.footer-nav{text-align:right;}

.preview{background-color:rgba(255,255,255,1) !important;position:fixed;top:calc(50vh - 35vmin);left:calc(50vw - 35vmin);width:70vmin !important;height:70vmin !important;z-index:9999;text-align:center !important;border-radius:0px !important;}

.preview a img{width:140vmin !important;height:auto !important;left:-70vmin !important;top:-40px;}.preview a img.push{left:-79vmin !important;top:-20px;}
.preview a span{width:70vmin;height:100px;bottom:-1px !important;opacity:1 !important;line-height:1.2 !important;font-size:110%;border-radius:0 !important;}
.preview .case{top:auto;width:auto;height:auto;bottom:0px;left:0px;padding:10px;border-radius:0px;background-color:rgba(0,0,0,0);}.preview .case2{top:auto;width:auto;height:auto;bottom:0px;right:0px;left:auto;padding:10px;border-radius:0px;background-color:rgba(0,0,0,0);}.preview button span{display:inline;}.preview.linked button.case{left:0;}

}

@media (min-width:700px) and (max-width:1280px) and (max-height:700px){



}

@media (min-width:1281px){
p{font-size:24px;}
.splash .cycle-slideshow img{width:100%;min-width:1920px;min-height:1280px;left:0 !important;}

.section-side{background-position:-300px 0px !important;}

.work-sample{width:250px;height:250px;}.work-sample.on{margin-top:10px;}.work-sample.on a img{left:0px;}.work-sample a:hover img{left:-250px;}.work-sample a:hover span{bottom:5px;line-height:1.25;opacity:1;transition-delay:0.5s}

#work-nav {overflow-y:scroll;}#work-nav div{width:120px;height:120px;}#work-nav .work-sample a img{left:0px;}#work-nav .work-sample a:hover img{left:-120px;}#work-nav h3{font-size:140%;}

iframe{min-height:400px;width:60%;}

.subscribe{width:60%;margin-left:40%;}.subscribe label{font-size:90%;}.subscribe input{width:60%;}

.preview{background-color:rgba(255,255,255,1) !important;position:fixed;top:calc(50vh - 35vmin);left:calc(50vw - 35vmin);width:70vmin !important;height:70vmin !important;z-index:9999;text-align:center !important;border-radius:0px !important;}

.preview a img{width:140vmin !important;height:auto !important;left:-70vmin !important;}
.preview a span{width:70vmin;height:120px;bottom:-1px !important;opacity:1 !important;line-height:1.2 !important;font-size:110%;border-radius:0 !important;}
.preview .case{top:auto;width:auto;height:auto;bottom:140px;left:30px;padding:10px;border-radius:10px;background-color:#fc840d;}.preview .case2{top:auto;width:auto;height:auto;bottom:140px;right:30px;left:auto;padding:10px;border-radius:10px;background-color:#fc840d;}.preview.linked button.case{left:25px;}

}