@import url(http://fonts.googleapis.com/css?family=Josefin+Sans:300,400,600,700);a,h2,p{color:#444}header,nav{z-index:10}.button,nav{text-align:center}a,nav ul li a{text-decoration:none}.list li,.questions .ctas div,li,nav ul li{list-style-type:none}.toggle-list ul li:hover,.work-container .example .top-wrap:hover,nav .fa-times-circle-o:hover{cursor:pointer}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}.copy{font-size:1.8rem;line-height:2.8rem}.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0}html{font-size:62.5%}body{background:tomato;font-family:'Josefin Sans',sans-serif;font-size:1.6rem;line-height:2.6rem;font-weight:400;letter-spacing:.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}li,p{font-size:2rem;line-height:3rem}li{margin-bottom:1rem}h1{font-size:2.8rem;line-height:3.8rem;font-weight:700;color:#FFF}.button,h2,header .logo{font-weight:700;font-size:2rem}h2{line-height:3rem}.wrapper{width:86%;max-width:960px;margin:auto}.button{display:block;padding:16px 0 10px;background:#FFF;color:tomato;text-transform:uppercase;border:3px solid tomato}.button:active{background:tomato;color:#FFF}header{border-top:10px solid #e5593f;position:absolute;top:0;left:0;right:0;width:100%}header .wrapper{margin-top:1.5rem;position:relative}@media (max-width:767px){header .wrapper{margin-top:0}}header .logo{width:45%;display:block;line-height:2.1rem;padding:1.2rem 0 1rem;color:#FFF;position:relative;left:-3px;max-width:200px}header .logo img{display:block;width:100%;max-width:100%}header .fa{display:block;font-size:4rem;position:absolute;top:1.5rem;right:0;color:#FFF}@media (min-width:410px){header .fa{top:2.4rem}}header .fa:active{color:#e5593f}header .main-nav{display:none;position:absolute;right:0;top:3.5rem}@media (min-width:800px){header .fa{display:none}header .main-nav{display:block}}header .main-nav li{display:inline-block;margin-left:20px}header .main-nav li a{color:#993b2a;font-weight:800;text-transform:uppercase;font-size:16px}@media (min-width:800px){header .main-nav li a{transition:color .2s}header .main-nav li a:hover{color:#943221}header .main-nav li a.active{border-bottom:3px solid #993b2a;padding-bottom:5px}}header .main-nav li a.active{color:#FFF}header .main-nav.home li a{color:#FFF!important}.list{margin:0;padding:0}.list li{font-size:2rem;line-height:3rem;margin-bottom:2.5rem;font-weight:600}.list li:last-child,nav ul li{margin-bottom:0}nav{position:fixed;top:0;width:100%;display:none;padding:0 0 3rem;box-sizing:border-box}nav .fa-times-circle-o{font-size:calc(1*10vh);font-size:-moz-calc(1*10vh);font-size:-webkit-calc(1*10vh);font-size:-o-calc(1*10vh);position:relative;top:2.5rem;left:0;right:0;width:100%;color:#FFF;text-align:center}nav .fa-times-circle-o:active{color:#993b2a;top:2.6rem}nav ul{margin:4rem 0 0;padding:0}nav ul li a{color:rgba(255,255,255,.5);font-size:calc(.6*10vh);font-size:-moz-calc(.6*10vh);font-size:-webkit-calc(.6*10vh);font-size:-o-calc(.6*10vh);line-height:3rem;padding:1.3rem 0 1rem;display:block;font-weight:700;-webkit-transition:color .2s;-moz-transition:color .2s;-ms-transition:color .2s;-o-transition:color .2s}nav ul li a:hover{color:rgba(255,255,255,.9);background:rgba(255,255,255,.1)}nav ul li a:active{color:tomato;background:#EEE}nav ul li a.active{color:rgba(255,255,255,.9)}nav ul li a i.fa{font-size:calc(.5*10vh);font-size:-moz-calc(.5*10vh);font-size:-webkit-calc(.5*10vh);font-size:-o-calc(.5*10vh);margin-right:.8rem;position:relative;left:0;top:-1px}.flickity-page-dots .dot{background:tomato}.home .intro{background:url(../img/home-bg.jpg) top left no-repeat tomato;background-size:cover;position:relative;height:90vh}.home h1{width:80%;margin:auto;max-width:960px;color:#FFF;padding-top:2.5rem;position:absolute;bottom:2.5rem;left:0;right:0;font-size:calc(.9*9vh);font-size:-moz-calc(.9*9vh);font-size:-webkit-calc(.9*9vh);font-size:-o-calc(.9*9vh);line-height:calc(.9*10vh);line-height:-moz-calc(.9*10vh);line-height:-webkit-calc(.9*10vh);line-height:-o-calc(.9*10vh)}.questions .ctas div,.recent-work .recent-title{font-weight:600;font-size:2rem;line-height:3rem}.questions{background:#FFF;padding:5rem 0}.questions li{color:#444}.questions li span{background:#f8f8f8}.questions a{color:tomato}.questions a:hover{background:tomato;color:#FFF}.questions .ctas{padding-top:6rem}.questions .ctas div{width:100%;display:inline-block;float:left;box-sizing:border-box;padding-right:20px;text-align:left;margin-bottom:30px}@media (min-width:700px){.questions .ctas div{width:50%;margin-bottom:25px}}.recent-work{background:#FFF;padding:5rem 0;border-top:1px solid #DDD}.recent-work .recent-title{position:relative;color:#444}.recent-work .recent-title a{color:tomato}.recent-work .work-container,.recent-work .work-container .example{padding:1rem 0}.page-title{color:#993b2a;margin:15rem 0 1rem;font-size:1.4rem;font-weight:700}.page-title i{margin-right:.25rem}.page h1{margin-bottom:2.5rem}.content{opacity:0;position:relative}.toggle-list{background:#f8f8f8;padding:2.5rem 0}.toggle-list ul li{margin:1.25rem 0}.toggle-list ul li .togg-er{font-size:2.5rem;line-height:3.5rem;position:relative;padding:1.25rem 0;font-weight:700;color:tomato;-webkit-transition:padding .2s;-moz-transition:padding .2s;-ms-transition:padding .2s;-o-transition:padding .2s}.toggle-list ul li .togg-er i{position:absolute;right:0}.toggle-list ul li .togg-ee{font-weight:400;font-size:2rem;line-height:3rem;background:#EEE;padding:10%;display:none}.toggle-list ul li:hover .togg-er{color:#e5593f;padding-left:5px}.supporting-content{background:#f8f8f8;padding:2.5rem 0}.supporting-content .tools{background:url(../img/about-bg.jpg) center no-repeat;background-size:cover;width:100%;margin-top:-2.5rem}.supporting-content .tools p{font-size:calc(.9*5.5vh);font-size:-moz-calc(.9*5.5vh);font-size:-webkit-calc(.9*5.5vh);font-size:-o-calc(.9*5.5vh);line-height:calc(.9*7vh);line-height:-moz-calc(.9*7vh);line-height:-webkit-calc(.9*7vh);line-height:-o-calc(.9*7vh);font-weight:700;color:#FFF;vertical-align:middle;padding:12vh 0}.supporting-content p{font-weight:400;padding:1.25rem 0;font-size:1.8rem;line-height:2.8rem}#load .example-content li:first-child,#load h2,.supporting-content a,.work-container .example .info h2,.work-container .example .top{font-weight:700}.work-container{background:#fff;padding:2.5rem 0;text-align:left}.work-container .gallery{padding:10px 0 30px}.work-container .gallery .gallery-cell{width:80%;max-width:860px;margin:0 1%;opacity:.25}.work-container .gallery .gallery-cell.is-selected{opacity:1}.work-container .gallery .gallery-cell img{display:inline-block;width:100%;max-width:100%}.work-container .gallery .flickity-page-dots{bottom:22px;text-align:center}.work-container .gallery .flickity-page-dots .dot{width:20px;height:3px;margin:0 2px;border-radius:0}.work-container .gallery .flickity-prev-next-button{width:30px;height:30px;background:rgba(255,255,255,.5);-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s}.work-container .gallery .flickity-prev-next-button:hover{background:#fff}.work-container .gallery .flickity-prev-next-button .arrow{fill:tomato}.work-container .example{background:#FFF;display:inline-block;width:100%;padding:2rem 0;max-width:100%;min-width:275px;position:relative;-webkit-transition:width .5s;-moz-transition:width .5s;-ms-transition:width .5s;-o-transition:width .5s}.work-container .example.open{width:100%}.work-container .example.open .bg img{width:50%;max-width:250px}.work-container .example.open .bg::after{opacity:.1}.work-container .example .tile{width:100%;max-width:100%;display:block}.work-container .example .top-wrap:hover .top{padding-left:5px}.work-container .example .top-wrap.open:hover .top{padding-left:0}.work-container .example .top-wrap.open .arrow{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}.work-container .example .top{font-size:3rem;line-height:4rem;color:tomato;position:relative;-webkit-transition:padding .2s;-moz-transition:padding .2s;-ms-transition:padding .2s;-o-transition:padding .2s}.work-container .example .top .arrow{position:absolute;right:0;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s}.work-container .example .top .fa-cog{font-size:0;position:relative;bottom:4px;left:-7px}.work-container .example .info h2{margin-bottom:.5rem;font-size:2rem;line-height:3rem;color:tomato}.work-container .example .info p span{color:#999;font-size:1.4rem;font-weight:700;display:block}.work-container .example .info p.heading{font-size:2.8rem;line-height:normal;margin-top:1rem}#load .example-content li,#load h2,#load p{font-size:2rem;line-height:3rem}#load{position:relative}#load .fa-cog{position:absolute;left:7%;top:7px}#load i{display:block}#load img{max-width:100%;width:100%;margin-bottom:2.5rem}#load .example-content{opacity:0;padding:3rem 0 0;position:relative;top:10px}#load .example-content p{margin:0 0 2rem}#load .example-content li{color:#444}#load .wrapper{border-bottom:1px solid #DDD;padding-bottom:3rem}.contact ul{padding-left:20px}.contact ul li{list-style-type:circle}footer{padding:3.5rem 0 2.5rem;text-align:left;background:tomato}footer .wrapper div{width:100%;float:left;font-size:1.4rem;line-height:2.6rem;font-weight:400;margin-bottom:1.5rem;color:#FFF}footer .wrapper div.logoagain{text-align:left;width:100%;margin-bottom:1.5rem}footer .wrapper div.logoagain img{display:inline-block;width:30%;max-width:115px}footer .wrapper div a{color:#FFF;font-weight:700}footer .wrapper div.three{max-width:250px}.padding2n5{padding:2.5rem 0!important}