@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeIconIn{0%{opacity:0;width:60%;height:auto}to{opacity:1;width:40%;height:auto}}@keyframes fadeIconIn{0%{opacity:0;width:60%;height:auto}to{opacity:1;width:40%;height:auto}}@-webkit-keyframes scaleIn{0%{width:0;height:0}to{width:80px;height:80px}}@keyframes scaleIn{0%{width:0;height:0}to{width:80px;height:80px}}*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;padding:0;background-color:#ccc;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media all and (max-width:47.875em){body{display:block}}canvas{position:absolute;width:100%;height:100%;z-index:-1}@media all and (max-width:47.875em){canvas{display:none}}b,strong{color:#000}a{text-decoration:none}a:link,a:visited{color:#4589d8}a:hover{color:#000}main{-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);position:relative;margin:0 auto;height:70%;min-height:620px}@media all and (max-width:47.875em){main{height:auto;width:100%}}main>div{-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);position:absolute}@media all and (max-width:47.875em){main>div{position:relative}}input:invalid{border:2px solid #96171A}html,input,textarea{color:#666;height:100%;font-family:Montserrat,sans-serif;font-weight:300;font-smoothing:antialiased;text-rendering:optimizeLegibility}html,input,textarea{font-size:.8rem}@media screen and (min-width:20rem){html,input,textarea{font-size:calc(.8rem + .2 * (100vw - 20rem) / 40)}}@media screen and (min-width:60rem){html,input,textarea{font-size:1rem}}html,input,textarea{line-height:1.4rem}@media screen and (min-width:20rem){html,input,textarea{line-height:calc(1.4rem + .2 * (100vw - 20rem) / 40)}}@media screen and (min-width:60rem){html,input,textarea{line-height:1.6rem}}p{margin-bottom:1em}h1,h2,h3,h4,h5,h6{line-height:1.2rem;margin-bottom:1.2rem}h1{text-transform:uppercase;font-weight:400;color:#96171a;font-size:2.197em;font-family:Questrial}h1{line-height:2rem}@media screen and (min-width:20rem){h1{line-height:calc(2rem + .015*(100vw - 20rem))}}@media screen and (min-width:60rem){h1{line-height:2.6rem}}h2{font-weight:400;color:#96171a;font-family:Questrial;font-size:1.69em;margin:.845em 0}h3{font-size:1.3em;margin:.65em 0}h4{font-size:1em;margin:1em 0}h5{font-size:.7692307692em;margin:.7692307692em 0}h6{font-size:.5917159763em;margin:.5917159763em 0}#box1{top:0;left:0;z-index:10}#box2{top:0;left:0;z-index:9}#box3{top:0;left:0;z-index:8}#box4{top:0;left:0;z-index:7}#box5{top:0;left:0;z-index:6}#box6{top:0;left:0;z-index:5}.home main{width:100%;margin:0;height:100%!important;font-size:0}.home #box1,.home #box2,.home #box3,.home #box4,.home #box5,.home #box6{left:calc(50% - 150px);width:300px;height:100%}.home #box1 .box,.home #box2 .box,.home #box3 .box,.home #box4 .box,.home #box5 .box,.home #box6 .box{margin:0}@media all and (max-width:47.875em){.home #box3,.home #box4,.home #box5,.home #box6{display:none}}.home #box1 .box{padding:2rem 1rem;height:100%;border-top:0;border-bottom:0}.home #copyright{opacity:0;position:absolute;top:0}@media all and (max-width:47.875em){.home #copyright{display:block}.home main{width:100%;height:auto}.home #box1,.home #box2,.home #box3,.home #box4,.home #box5,.home #box6{width:100%;left:0;height:auto}.home #box2 .box{color:#000;background-color:#fff;height:100%;text-align:center;padding:2rem 1rem}.home #box2 .box div{background-color:#000;padding:10px 0 1px}.home #box2 .box h1{font-size:3rem;line-height:3.2rem;color:#fff}.home #box2 .box p{padding:1em;font-size:1.2rem!important}}.about main,.not-found main{width:70%;height:60%}@media all and (max-width:74.3125em){.about main,.not-found main{width:95%}}@media all and (max-width:47.875em){.about main,.not-found main{width:100%;height:auto}}.about #box1,.not-found #box1{width:33.3%;height:100%}@media all and (max-width:47.875em){.about #box1,.not-found #box1{width:100%;height:auto}}.about #box2,.not-found #box2{z-index:11}.about #box2,.about #box3,.about #box4,.about #box5,.about #box6,.not-found #box2,.not-found #box3,.not-found #box4,.not-found #box5,.not-found #box6{width:66.6%;left:33.3%;height:100%}@media all and (max-width:47.875em){.about #box2,.about #box3,.about #box4,.about #box5,.about #box6,.not-found #box2,.not-found #box3,.not-found #box4,.not-found #box5,.not-found #box6{width:100%;left:0;height:auto}}@media all and (max-width:47.875em){.about #box3,.about #box4,.about #box5,.about #box6,.not-found #box3,.not-found #box4,.not-found #box5,.not-found #box6{display:none}}.about .box .gallery .wrapper img,.not-found .box .gallery .wrapper img{height:60%;width:auto}.work main{width:80%;height:80%}@media all and (max-width:91.8125em){.work main{width:98%}}.work #box1,.work #box3,.work #box4{width:25%;left:0;height:100%}@media all and (max-width:62.125em){.work #box1,.work #box3,.work #box4{width:30%}}.work #box2{width:55%;left:25%;height:100%}@media all and (max-width:62.125em){.work #box2{left:30%;width:50%}}.work #box2 .box{padding:0;background:none;border:none;overflow-y:scroll;background-color:#000}.work #box2 .box .grid{height:100%}.work #box1 .box{padding:1.6em .5em}.work #box5{width:20%;left:80%;height:100%}.work #box5 .box{padding:.8em 1em}@media all and (max-width:91.8125em){.work #box5 .box{padding:.8em}}.work #work-filters{top:0}@media all and (max-width:47.875em){.work main{width:100%;height:auto}.work #box1,.work #box2,.work #box3,.work #box4,.work #box5,.work #box6{width:100%;left:0;height:auto}.work #box3,.work #box4,.work #box5,.work #box6{display:none}}.project main{width:80%;height:80%}@media all and (max-width:81.1875em){.project main{width:98%}}.project #box1{width:30%;left:0;height:100%;top:0}.project #box2{width:70%;left:30%;height:65%;top:0}.project #box3,.project #box4,.project #box5,.project #box6{width:70%;left:30%;height:35%;top:65%}.project #box2 .box{padding:0;background-color:transparent;border:none}@media all and (max-width:47.875em){.project main{width:100%;height:auto}.project #box1,.project #box2,.project #box3{width:100%;left:0;height:auto}.project #box4,.project #box5,.project #box6{display:none}}.services main{width:80%}@media all and (max-width:68.6875em){.services main{width:95%}}.services #box1{width:33.3%;left:0;height:100%;top:0}.services #box2{width:66.6%;left:33.3%;height:70%;top:0}.services #box3{width:16.675%;left:33.3%;height:30%;top:70%}.services #box4{width:16.675%;left:49.975%;height:30%;top:70%}.services #box5{width:16.675%;left:66.65%;height:30%;top:70%}.services #box6{width:16.675%;left:83.325%;height:30%;top:70%}.services #box3 .box,.services #box4 .box,.services #box5 .box,.services #box6 .box{padding:.8em;text-align:center}@media all and (max-width:47.875em){.services main{width:100%;height:auto}.services #box1,.services #box2{width:100%;left:0;height:auto}.services #box3,.services #box4,.services #box5,.services #box6{left:auto}.services #box3,.services #box5{width:50%;float:left}.services #box4,.services #box6{width:50%;float:right}}.contact main{width:80%;height:70%}@media all and (max-width:61.9375em){.contact main{width:90%}}.contact #box1{width:33.3%;left:0;height:100%}.contact #box2{width:33.3%;left:33.3%;height:100%}.contact #box3{width:33.3%;left:66.6%;height:100%}.contact #box4{width:33.3%;left:33.3%;height:100%}.contact #box5{width:33.3%;left:66.6%;height:100%}.contact #box6{width:33.3%;left:33.3%;height:100%}@media all and (max-width:47.875em){.contact main{width:100%;height:auto}.contact #box1,.contact #box2,.contact #box3,.contact #box4,.contact #box5,.contact #box6{width:100%;left:0;height:auto}.contact #box4,.contact #box5,.contact #box6{display:none}}.service{text-align:center}.service .service-icon{display:-webkit-box;display:-ms-flexbox;display:flex;margin:.8em auto;border-radius:50%;background-color:#4589d8;overflow:hidden;-webkit-animation:scaleIn 1s;animation:scaleIn 1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:1s;animation-delay:1s}.service .service-icon img{height:0;margin:0 auto;opacity:0;-webkit-animation:fadeIconIn .7s;animation:fadeIconIn .7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:2s;animation-delay:2s}.service b{opacity:0;-webkit-animation:fadeIn .7s;animation:fadeIn .7s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.7s;animation-delay:.7s}.service b{font-size:1.1rem}@media screen and (min-width:20rem){.service b{font-size:calc(1.1rem + -.0075*(100vw - 20rem))}}@media screen and (min-width:60rem){.service b{font-size:.8rem}}.service b{line-height:.8rem}@media screen and (min-width:20rem){.service b{line-height:calc(.8rem + .2 * (100vw - 20rem) / 40)}}@media screen and (min-width:60rem){.service b{line-height:1rem}}.hidden{opacity:0}#projects-grid{-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1)}#about #picture{width:40%;max-width:265px;float:right;margin:0 0 20px 20px}@media all and (max-width:29.9375em){#about #picture{width:auto;float:none;margin:0 auto 20px}}#about .icon{vertical-align:top;display:inline-block;width:25px;height:25px}#project{width:100%;display:grid;grid-template-columns:1fr;grid-template-areas:"hline hline hline hline hline hline" "p_art p_art p_art p_art p_art p_aside"}@media all and (max-width:47.875em){#project{display:block}}#project .project__title{grid-area:hline}#project article.project__description{display:block;grid-area:p_art;overflow-y:auto}#project article.project__description{font-size:.7rem}@media screen and (min-width:20rem){#project article.project__description{font-size:calc(.7rem + .2 * (100vw - 20rem) / 40)}}@media screen and (min-width:60rem){#project article.project__description{font-size:.9rem}}#project article.project__description{line-height:1.4rem}@media screen and (min-width:20rem){#project article.project__description{line-height:calc(1.4rem + 0*(100vw - 20rem))}}@media screen and (min-width:60rem){#project article.project__description{line-height:1.4rem}}@media all and (max-width:47.875em){#project article.project__description{width:100%}}#project aside.project__meta{grid-area:p_aside}#project aside.project__meta{font-size:1.1rem}@media screen and (min-width:20rem){#project aside.project__meta{font-size:calc(1.1rem + -.0075*(100vw - 20rem))}}@media screen and (min-width:60rem){#project aside.project__meta{font-size:.8rem}}#project aside.project__meta{line-height:.8rem}@media screen and (min-width:20rem){#project aside.project__meta{line-height:calc(.8rem + .2 * (100vw - 20rem) / 40)}}@media screen and (min-width:60rem){#project aside.project__meta{line-height:1rem}}#project aside.project__meta{padding-left:1em}@media all and (max-width:47.875em){#project aside.project__meta{padding-left:0}}#project aside.project__meta dl{padding:0;margin:0;width:280px}@media all and (max-width:61.9375em){#project aside.project__meta dl{width:100%}}#project aside.project__meta dl:after{content:"";display:table;clear:both}#project aside.project__meta dt,#project aside.project__meta dd{padding-bottom:.5em}#project aside.project__meta dt{color:#000;float:left;clear:left;width:60px}@media all and (max-width:61.9375em){#project aside.project__meta dt{float:none;width:100%}}#project aside.project__meta dd{clear:left;float:left;margin-left:60px}@media all and (max-width:61.9375em){#project aside.project__meta dd{float:none;width:100%}}#project aside.project__meta dt+dd{float:left;clear:none;margin-left:0}@media all and (max-width:61.9375em){#project aside.project__meta dt+dd{float:none;width:100%}}#contact-form fieldset{padding:0;border:none}#contact-form .row{margin-bottom:.8em}#contact-form label{display:block}#contact-form input[type=text],#contact-form input[type=email],#contact-form textarea{width:100%;border:1px solid #999;padding:.2em}#contact-form textarea{font-family:Montserrat,sans-serif;font-weight:300;min-height:160px}#contact-form input[type=submit]{cursor:pointer}#contact-form #timezone{display:none}#contact-form #submit-btn{float:right;text-transform:uppercase;border:none;color:#fff;background-color:#000;padding:.3em .5em}#contact-form #submit-btn:hover{background-color:#96171a}#feedback{margin:1.6em 0;text-align:center;background-color:green;color:#fff}#primary-nav{text-transform:uppercase;padding:.2em}#primary-nav ul{margin:0 auto;padding:0;max-width:90%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media all and (max-width:47.875em){#primary-nav ul{display:none}}#primary-nav li{display:inline-block}#primary-nav a{color:#000;padding-top:.8em;font-size:.7rem;text-decoration:none}#primary-nav a:before{-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);content:"";display:block;width:0;height:5px;background-color:#96171a;text-align:center}.project #work-link,.work #work-link,.services #services-link,.about #about-link,.contact #contact-link{color:#96171a}.project #work-link:before,.work #work-link:before,.services #services-link:before,.about #about-link:before,.contact #contact-link:before{-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);content:"";width:100%}#toggle-nav{display:none;width:40px;line-height:16px}@media all and (max-width:47.875em){#toggle-nav{display:block;position:absolute;right:1rem}}#toggle-nav span{font-size:10.5px;color:#000;display:block;height:20px}#toggle-nav img{width:80%;height:auto}#mobile-nav{top:0;z-index:100;width:100%;position:absolute;display:none}#mobile-nav ul{padding:2em 0 0 2em}#mobile-nav li{list-style:none;margin-bottom:1em}#mobile-nav a{font-size:2em;color:#fff;text-decoration:none;border-top:none!important}#overlay{z-index:90;width:100%;height:100%;position:absolute;background-color:#000000e6;cursor:pointer;display:none}.nav-open #mobile-nav,.nav-open #overlay{display:block}#close-btn{position:absolute;top:1.4em;right:.8em;display:block;width:30px}#close-btn img{width:100%;height:auto}#work-filters{-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);position:fixed;width:100%;left:0;top:-135px;height:35px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#work-filters div{position:absolute;top:0;background-color:#000}#work-filters button{cursor:pointer;font-size:.8em;background-color:transparent;border:none;padding:.7em 1.5em;-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);color:#999}#work-filters button:hover,#work-filters button.is-checked{color:#fff}body.work #work-filters{top:0}.project-gallery{height:100%;display:grid;grid-gap:10px;-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);-webkit-animation-delay:1s;animation-delay:1s;opacity:0}.project-gallery.show{opacity:1}@media all and (max-width:47.875em){.project-gallery{display:block;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.project-gallery div{position:relative;overflow:hidden;background-repeat:no-repeat;background-size:cover;background-position:top center;border:2px solid #ccc}@media all and (max-width:47.875em){.project-gallery div{background:none;display:block}}.project-gallery div img{position:absolute;top:50%;display:block;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);min-height:100%;opacity:0}@media all and (max-width:47.875em){.project-gallery div img{position:relative;top:0;display:block;left:0;-webkit-transform:translate(0);transform:translate(0);min-height:100%;opacity:1}}.gallery-2{grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(100px,auto)}.gallery-2 div:first-child{grid-column:1/4;grid-row:1/3}.gallery-2 div:nth-child(2){grid-column:4/6;grid-row:1/3}.gallery-3{grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(100px,auto)}.gallery-3 div:first-child{grid-column:1/4;grid-row:1/3}.gallery-3 div:nth-child(2){grid-column:4/6;grid-row:1/2}.gallery-3 div:nth-child(3){grid-column:4/6;grid-row:2/3}.gallery-4{grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(100px,auto)}.gallery-4 div:first-child{grid-column:1/10;grid-row:1/4}.gallery-4 div:nth-child(2){grid-column:10/13;grid-row:1/2}.gallery-4 div:nth-child(3){grid-column:10/13;grid-row:2/2}.gallery-4 div:nth-child(4){grid-column:10/13;grid-row:3/3}.gallery-5{grid-template-columns:repeat(5,1fr);grid-auto-rows:minmax(100px,auto)}.gallery-5 div:first-child{grid-column:1/4;grid-row:1/3}.gallery-5 div:nth-child(2){grid-column:3/5;grid-row:1/2}.gallery-5 div:nth-child(2){grid-column:4/5;grid-row:1/2}.gallery-5 div:nth-child(4){grid-column:4/5;grid-row:2/3}.gallery-6{background-color:#d3d3d3;grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(100px,auto)}.box{background:#fff;border:2px solid #ccc;height:calc(100% - .4em);min-width:100px;min-height:100px;margin:.2em;padding:1.6em}@media all and (max-width:47.875em){.box{border:0;padding:1.6em .8em}}.box p:first-child,.box h1:first-child,.box h2:first-child{margin-top:0}.box img{max-width:100%;height:auto}#box1 .box{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:1.6em .5em}@media all and (max-width:47.875em){#box1 .box{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:160px}}#box1 #logo{display:block;width:140px;height:140px;margin:1em auto 0}@media all and (max-width:47.875em){#box1 #logo{margin:0 auto;width:110px;height:110px}}#box1 #logo img{width:100%;height:auto}a.thumb{max-width:33.3%;position:relative;-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);opacity:1;display:block;width:calc(33.3% - 8px);margin:0 8px 8px 0;line-height:1.2em}@media all and (max-width:47.875em){a.thumb{margin:0;width:50%;max-width:50%}}a.thumb .thumb-title{-webkit-transition:all .5s cubic-bezier(.39,.575,.565,1);transition:all .5s cubic-bezier(.39,.575,.565,1);opacity:0;color:#fff;background-color:#000000b3;position:absolute;width:100%;height:100%;text-align:center;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}a.thumb .thumb-title span{width:100%;text-align:center}a.thumb img{-webkit-filter:blur(0);filter:blur(0);width:100%;height:auto;display:block}a.thumb:hover .thumb-title{opacity:1}a.thumb:hover img{-webkit-filter:blur(2px);filter:blur(2px)}#copyright{display:block;bottom:-2em;width:100%;text-align:right;font-size:.625em;padding-right:.4em}@media all and (max-width:47.875em){#copyright{bottom:0;font-size:.8em;color:#666;padding:1.6em 0;text-align:center}}#work-list{max-height:100%;overflow-y:auto;overflow-x:hidden}#work-list{font-size:1.1rem}@media screen and (min-width:20rem){#work-list{font-size:calc(1.1rem + -.0075*(100vw - 20rem))}}@media screen and (min-width:60rem){#work-list{font-size:.8rem}}#work-list{line-height:1.1rem}@media screen and (min-width:20rem){#work-list{line-height:calc(1.1rem + -.0075*(100vw - 20rem))}}@media screen and (min-width:60rem){#work-list{line-height:.8rem}}#work-list ul{padding:0 0 0 10px}#work-list ul li{list-style:square;margin-bottom:.7em}#work-list ul a{text-decoration:none}.fullscreen-v-img{z-index:2000}.content-v-img img{max-height:80%!important}.header-v-img{background-color:#000!important}