body,html{height:100%}#content h1,#sidebar ul.navigation li{text-transform:uppercase}.folio,.onwhite #sidebar{-webkit-backface-visibility:hidden}.folio,.folio:hover .folio-info{zoom:1;filter:alpha(opacity=100)}#sidebar,.lost p{text-align:center}article,aside,figure,footer,header,nav,section{display:block}::selection{background:#252525;color:#fff}::-moz-selection{background:#252525;color:#fff}::-webkit-scrollbar{height:12px;width:12px}::-webkit-scrollbar-track{background-color:#e8e8e8}::-webkit-scrollbar-thumb{background-color:#252525;cursor:pointer}::-webkit-scrollbar-button{background-color:#7c2929}body.about ul.navigation a#nav-about,body.blog ul.navigation a#nav-blog,body.consulting ul.navigation a#nav-consult,body.contact ul.navigation a#nav-contact,body.folio-single ul.navigation a#nav-projects,body.portfolio ul.navigation a#nav-projects,body.teaching ul.navigation a#nav-teach{color:#666}a,body{color:#252525}pre{overflow:auto}body{font-family:garamond-premier-pro-display-1;font-style:italic;font-weight:300;padding:15px;-webkit-font-smoothing:antialiased;box-sizing:border-box;font-size:100%;background:#FFF}#sidebar,body{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.lost p,.lost p a{color:#fff}body.lost{background:#000;overflow-x:hidden;overflow-y:hidden}.lost h1{background:url(../images/lost.jpg) left top no-repeat;width:238px;height:115px;text-indent:-9999px;margin:20% auto 0;-webkit-animation:LOST 20s infinite linear;animation:LOST 20s infinite linear;z-index:50}#sidebar ul.social li a,.logo{display:block;text-indent:-5000px}#sidebar,.frame{background:#FFF}@-webkit-keyframes LOST{0%{opacity:0}40%{opacity:1}100%{opacity:0;-webkit-transform:rotate(45deg) scale(10)}}@-moz-keyframes LOST{0%{opacity:0}40%{opacity:1}100%{opacity:0;-moz-transform:rotate(45deg) scale(10)}}@keyframes LOST{0%{opacity:0}40%{opacity:1}100%{opacity:0;transform:rotate(45deg) scale(10)}}.lost p{width:300px;left:50%;top:70%;margin-left:-150px;z-index:99;position:absolute;font-size:1.25em}#project-info,#sidebar,.frame{position:fixed}.frame.left,.frame.right{top:0;height:100%;width:15px}h2{font-size:2.375em}#content p a{color:#333;text-decoration:none}.article .left{float:left;padding:0 20px 20px 0}.article .right{float:right;padding:0 0 20px 20px}blockquote{color:#7b7b7b;margin:1em 2em;quotes:"\201C""\201D""\2018""\2019"}blockquote p{display:inline}blockquote:before{font-size:1.625em;content:open-quote}blockquote:after{font-size:1.625em;content:close-quote}.frame{z-index:9999;display:block}.frame.right{right:0}.frame.left{left:0}.frame.bottom,.frame.top{left:0;width:100%;height:15px}.frame.bottom{bottom:0}.frame.top{top:0}#container{width:100%;overflow:hidden}#sidebar{width:260px;height:100%;z-index:9998;padding:30px 35px 0 20px;margin-right:15px;box-sizing:border-box}.onwhite #sidebar{padding-right:32px;border-right:3px solid #ececec}#sidebar h1,#sidebar p{display:inline}#sidebar .mnav{display:none;cursor:pointer}#sidebar ul.navigation{border-top:3px solid #e8e8e8;padding-top:25px;margin-top:25px}#sidebar ul.navigation li a{color:#999;text-decoration:none;-webkit-transition:.1s;transition:.1s}#sidebar ul.navigation li a:hover{color:#666;padding-left:5px}#sidebar ul.social{margin-bottom:30px}#sidebar ul.social li{display:inline-block}#sidebar ul.social li a{width:34px;height:34px;background:url(../images/social-icons.png) left top no-repeat #e8e8e8;border-radius:5px;-webkit-transition:.1s ease-out;transition:.1s ease-out;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#sidebar ul.social li a:hover{-webkit-transform:scale(1.2);transform:scale(1.2);cursor:pointer;margin:0 5px;border-radius:17px;-webkit-transform:rotate(0);transform:rotate(0)}#sidebar ul.social li a.linkedin{background-position:-34px top}#sidebar ul.social li a.linkedin:hover{background-color:#1582bb}#sidebar ul.social li a.twitter{background-position:-68px top}#sidebar ul.social li a.gplus{background-position:-102px top}#sidebar ul.social li a.twitter:hover{background-color:#3a92c8}#sidebar ul.social li a.facebook:hover{background-color:#4c66a4}#sidebar ul.social li a.gplus:hover{background-color:#df4932}#project-info hr,#sidebar hr{height:3px;color:#e8e8e8;background-color:#e8e8e8;border:0;margin:25px 15px}.logo{background:url(../images/novolume-logo.png) left top no-repeat;background-size:cover;width:137px;height:96px;margin:0 auto}.no-touch .drag-label{width:100px;height:150px;background:#252525;display:block;position:fixed;z-index:999;right:15px;top:50%;line-height:150px;margin-top:-75px;-webkit-transition:.1s;transition:.1s;box-sizing:border-box;-webkit-animation:DRAG .6s infinite ease;animation:DRAG .6s infinite ease}.article-feature,.no-touch .drag-label{text-align:center;color:#FFF;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#content .article-feature:before,.centered{display:inline-block;vertical-align:middle}.no-touch .drag-label.hide{margin-right:-100px}@-webkit-keyframes DRAG{0%,100%{right:15px}50%{right:5px}}@keyframes DRAG{0%,100%{right:15px}50%{right:5px}}#content{margin-right:220px;margin-left:260px;overflow:hidden}.portfolio.list #content{margin-right:0;overflow:auto;margin-left:260px}.portfolio.list #container{width:auto}#content h1{font-family:proxima-nova-1,proxima-nova-2;font-style:normal;font-size:2.25em}#content p.intro{font-size:1.375em;font-family:garamond-premier-pro-display-1;font-style:italic}#content p{padding:15px 0;font-family:freight-text-pro-1,freight-text-pro-2;font-style:normal;font-weight:400;font-size:1em;line-height:1.4em}#content .article p:first-of-type,#content .article-feature p{font-family:garamond-premier-pro-display-1;font-style:italic}.article-listing #container,.article-listing #content,.portfolio.list #container,.portfolio.list #content{height:100%}.article-feature{width:50%;height:33.33333333333333%;background:#3b3b3b;overflow:hidden;float:left;-webkit-transition:.2s;transition:.2s;box-sizing:border-box}.article-feature:nth-child(1),.article-feature:nth-child(4),.article-feature:nth-child(5){background:#252525;color:#FFF}#content .article-feature p{padding:0}#content .article-feature:before{content:'';height:100%;margin-right:-.25em}.centered{width:80%}.article-feature:hover{background:#1e1e1e!important;color:#fff;cursor:pointer;padding-top:10px}.article-feature hr{width:50%;height:3px;color:#FFF;background-color:#FFF;border:none;opacity:.2;-webkit-transition:.2s;transition:.2s}.article-feature:hover hr{width:70%}#content .article-feature h1{font-size:1.625em;line-height:1.1em;width:80%;margin:0 auto;text-transform:none}#content iframe{max-width:100%}#content .images{max-width:1000px;width:100%;float:left;overflow:hidden;background:#FFF}#content .article-list{height:100%;background:#252525}#content .article img{max-width:100%;height:auto}#content .article iframe{padding:20px 0}#content .article .socialshare{overflow:hidden;height:40px;margin-bottom:28px}#content .article .likes,#content .article .plus,#content .article .tweets{padding-right:8px;float:left;height:40px}#content .article{padding:50px;background:#FFF;width:100%;box-sizing:border-box;overflow:hidden}#content .article,.folio-info{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}#content .article p a{font-weight:700;text-decoration:underline}#content p a.button,.all-posts,.hentry a{text-decoration:none}#content .article p:first-of-type{font-size:1.625em}#content .article ol,#content .article ul{font-style:normal;font-family:freight-text-pro-1,freight-text-pro-2}#content .article h2{font-size:1.625em;margin-top:22px}#content .article h3{font-size:1.375em;margin-top:22px}.entry-published{display:none}#content .article hr{height:3px;color:#ececec;background-color:#ececec;margin:15px 0;border:none;clear:both}#sidebar-posts h3,.hentry{border-bottom:3px solid #ececec}#content .images img{max-width:100%;width:100%;-webkit-transition:1s ease-out;transition:1s ease-out;-webkit-transform-origin:50% 50%;transform-origin:50% 50%}#content .article ol,#content .article ul{padding:20px 0;margin-left:45px}#content .article ul{list-style:disc}#content .article ul li{padding-bottom:1.25em}#content .article ol{list-style-type:decimal}#project-info{top:0;right:0;width:355px;overflow:hidden;height:100%;max-height:100%;padding:70px 40px 20px;background:#FFF;z-index:888}#move-on,#sidebar-posts{overflow:hidden;top:0;right:0;max-height:100%;z-index:990}#move-on,#move-on a.arrow{position:fixed;width:235px}#move-on{height:100%;background:#252525;-webkit-transition:background-color .2s ease-in-out;transition:background-color .2s ease-in-out}#move-on a.arrow{height:50%;display:block;-webkit-transition:.2s;transition:.2s;text-indent:-9999px}#move-on a.arrow.aleft:hover,#move-on a.arrow.aright:hover{background-color:#353535;background-position:center center}#move-on a.arrow.aleft{background:url(../images/arrow-flip.png) center center no-repeat #303030;bottom:0}#move-on a.arrow.aright{background:url(../images/arrow.png) center center no-repeat #252525;top:0}#sidebar-posts{width:165px;height:100%;position:fixed;border-left:3px solid #ececec;padding:50px 35px 0;text-align:center}#sidebar-posts h3{font-family:proxima-nova-1;text-transform:uppercase;font-style:normal;font-size:22px;padding-bottom:20px;margin-top:20px}.hentry{padding:20px 0;font-family:garamond-premier-pro-display-1;font-style:italic;font-weight:300}.hentry:last-child{border:none}.hentry h2{font-size:22px;line-height:28px}.hentry a{color:#252525}.hentry a:hover{color:#666}.all-posts{color:#fff;font-family:proxima-nova-1;text-transform:uppercase;font-style:normal;font-size:18px;background:#252525;padding:20px;text-align:center;margin:30px auto 0;display:block;transition:all .2s}.all-posts:hover{color:#999}#content .extra{padding:50px 50px 35px;background:#FFF;opacity:0;-webkit-transition:.2s ease-in-out;transition:.2s ease-in-out;z-index:500}#content .extra p{width:auto}#content .folioholder{height:100%;position:relative;-webkit-transition:.3s cubic-bezier(0,.5,.19,1.010)}.folio span,.folio-info{position:absolute;right:0}.folio{overflow:hidden;width:31.5%;height:350px;float:left;backface-visibility:hidden;margin:0 1.5% 1.5% 0}.folio:nth-child(4n+1){height:700px}.folio:hover{cursor:pointer}.folio:hover .f-one{-webkit-transform:scale(1.1);transform:scale(1.1);-webkit-transition:4s linear;transition:4s linear}.folio:hover .folio-info{opacity:1;margin-top:-75px}.folio:hover .folio-info hr{width:60%;opacity:1}.f-one{-webkit-transition:.3s ease-out;transition:.3s ease-out;background-position:center center;background-size:cover;width:100%;height:100%}.folio-info{opacity:0;zoom:1;filter:alpha(opacity=0);height:150px;left:0;top:50%;margin-top:-65px;background:#FFF;text-align:center;color:#FFF;border:none;-webkit-transition:.2s;transition:.2s;padding-top:45px;box-sizing:border-box}.folio-info h2{font-size:1.0625em;color:#252525;font-family:proxima-nova-1,proxima-nova-2;font-style:normal}.folio span{background:url(../images/awwwards-sotd.png) left top no-repeat;display:block;width:70px;height:105px;z-index:99}#content .folio-info p{color:#999;font-family:garamond-premier-pro-display-1;font-style:italic;padding:0;font-size:1.125em}.folio-info hr{height:1px;color:#e8e8e8;background-color:#e8e8e8;width:40%;opacity:0;border:none;-webkit-transition:1s;transition:1s}.work-info{padding:30px 10% 50px 30px;position:fixed;bottom:-100%;background:#fff;left:275px;right:235px;-webkit-transition:.2s;transition:.2s}.work-info.showit{bottom:0}.showhide .hide,.showhide .show{height:50px;width:50px;cursor:pointer;background:url(../images/updown.png) center bottom no-repeat #ececec}.showhide .show{position:fixed;bottom:15px;left:275px;background-position:center 5px;-webkit-transition:.2s;transition:.2s}.showhide .hide{position:absolute;left:0;top:-50px;-webkit-transition:.2s;transition:.2s}.showhide .hide:hover,.showhide .show:hover{background-color:#ccc}.showhide .show.off{bottom:-50px}#content .work-info h1{font-size:1.875em;font-family:proxima-nova-1,proxima-nova-2;font-style:normal;text-transform:uppercase;line-height:.9em;padding-bottom:8px}.work-info h2{font-size:1.125em}.work-info hr{height:3px;background:#ececec;border:none}.contact #content{margin-right:0;background:#FFF}.contact .article{width:100%;box-sizing:border-box}.contact .article,.contact .form{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.contact .form{float:left;width:47%;padding-right:3%;box-sizing:border-box;background:#FFF}.column{float:left;background:#FFF}.two_col{width:47%}input,textarea{background:#e8e8e8;border:none;padding:10px;width:100%;height:50px;margin-bottom:10px;max-width:600px;display:block;font-family:freight-text-pro-1,freight-text-pro-2;font-size:.9375em;color:#252525;box-sizing:border-box}#content .comment .avatar img,input,textarea{-moz-box-sizing:border-box;-webkit-box-sizing:border-box}input:focus,textarea:focus{outline:0;background:#e2e2e2}#content p a.button,input[type=submit]{background:#252525;color:#fff;-webkit-transition:.2s;font-family:proxima-nova-1;text-transform:uppercase;font-weight:400;font-size:1.125em;clear:both}textarea{height:150px}input[type=submit]{width:180px}input[type=submit]:hover{width:220px;cursor:pointer}input[type=checkbox]{width:30px;float:left;height:30px}label.mlist{line-height:30px}#content p a.button{padding:10px 20px;min-height:50px}#content p a.button:hover{padding:10px 30px;cursor:pointer}#content .comments-area{margin-top:60px}#content .comments-area h3,.comments-area legend{font-size:1.75em}#content .comment{border-bottom:3px solid #ececec;margin-top:25px;padding-bottom:20px}#content .comment:last-of-type{border-bottom:none;margin-bottom:45px}.avatar{float:left}#content .comment .info{margin-left:80px}.comment h6{font-size:1.25em}#content .comment p.date{font-size:16px;padding:0}#content .comment .avatar img{width:60px;height:60px;border-radius:30px;padding:0;border:3px solid #ececec;-webkit-transition:.1s;transition:.1s;box-sizing:border-box}#content .comment .avatar img:hover{-webkit-transform:scale(1.2);transform:scale(1.2);cursor:pointer}#content .comment p.date,.comment h6{font-family:garamond-premier-pro-display-1;font-style:italic}.mc-field-group{margin-top:22px}@media screen and (min-width:1400px){.folio{width:23.5%;margin:0 1.5% 1.5% 0}.folio-single #content{margin-right:0}.folio-single #move-on{left:1275px;width:auto}.folio-single #move-on a.arrow{width:100%;position:absolute}.folio-single .work-info{right:0;padding-right:35%}#content .article{width:800px}#sidebar-posts{width:290px}}@media screen and (max-width:1100px){.about #content,.teaching #content{margin-right:0}}@media screen and (max-width:960px){#sidebar,.article-listing #container,.portfolio.list #container{height:auto}.drag-label,.no-touch .drag-label{display:none}body{padding:30px 30px 50px}.onwhite #sidebar{padding-right:0;border-right:none}#sidebar{position:relative;width:auto;margin-right:0;padding:0}#sidebar h1{display:block}#sidebar hr:nth-of-type(1),#sidebar p,.article-feature:before,.showhide .hide,.showhide .show,ul.social{display:none}#sidebar hr{margin:25px 0}.logo{margin:0}ul.navigation{text-align:left;padding-left:15px}#content{margin-left:0;margin-right:0;text-align:left}#content .images{width:auto;overflow:hidden}#content .folioholder{position:relative;width:auto!important}#content .article-feature h1{margin:0;width:auto}#sidebar-posts{position:relative;width:auto;border:none;padding:0;margin:20px 0}.portfolio.list #content{margin-bottom:15px;margin-left:0}.article-feature{width:100%;padding:30px;text-align:left;height:auto}.article-feature:hover{padding:30px}.article-feature hr,.article-feature:hover hr{width:100%}.folio{height:250px;width:31%;margin:0 1% 20px}#move-on,.extra{position:relative;width:auto}.folio-info{opacity:1;height:70px;bottom:0;top:auto;padding-top:10px}.folio-info hr{margin:2px auto}.folio:hover .folio-info{bottom:0;background:#252525}.folio:hover .folio-info h2{color:#fff}.extra{text-align:center;opacity:1;height:auto;padding-top:15px}#sidebar h1{border-top:3px solid #ececec;margin-top:30px;padding-top:25px;font-size:1.25em}#move-on{height:100px;margin-bottom:15px}#move-on a.arrow{width:50%;float:left;height:100%;position:absolute}#move-on a.arrow.aright{right:0}.work-info{position:relative;left:auto;right:auto;display:block;bottom:auto;text-align:left;padding:0 12px 20px}.work-info hr{display:none}#content .article{padding:0}}@media screen and (max-width:760px){body{padding:15px}#sidebar .mnav{display:block;width:30px;height:30px;background:url(../images/mobilenav.png) left top no-repeat;position:absolute;right:40px;top:40px;-webkit-transition:none;transition:none}#sidebar .mnav:hover{background-position:left bottom}#sidebar ul.navigation{display:none}#sidebar ul.navigation li{height:25px}#sidebar ul.navigation.show{display:block}.folio{width:48%}.contact .column,.contact .form{width:100%;float:none}.article .left,.article .right{float:none;padding:0}#content p a.button{background:#252525;color:#fff;padding:10px 20px;-webkit-transition:.2s;font-family:garamond-premier-pro-display-1;font-style:italic;text-transform:capitalize;font-size:1.125em;clear:both;text-decoration:none;min-height:50px}}@media screen and (max-width:480px){#sidebar .mnav{top:35px}.logo{width:86px;height:60px}.folio{width:100%;margin-right:0;margin-left:0}.folio:nth-child(4n+1){height:250px}#sidebar{padding-top:20px}}