@charset "UTF-8";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}#preloader{position:fixed;left:0;top:0;z-index:99999;width:100%;height:100%;overflow:visible;background:#fff none no-repeat center center}#preloader h1{position:absolute;top:35%;text-align:center;width:100%;font-size:3em;opacity:.6}body{background:#ddd url("images/crossword.png") repeat scroll 0 0;font-family:"Dosis",sans-serif;font-size:16px;font-weight:300}body,html{height:100%}.containery{margin:0 auto;overflow:hidden;background:#fff;max-width:1400px}.clear{clear:both}a:hover,a:focus{color:inherit;text-decoration:none}#masthead{background:#008ba9 none repeat scroll 0 0;padding:0;position:relative}#masthead::after{border-bottom:62px solid transparent;border-left:110em solid #008ba9;content:"";height:0;position:absolute;width:0;z-index:-1}@media(min-width:1300px){#masthead::after{border-left:120em solid #008ba9;border-bottom:85px solid transparent}}#masthead h1{color:#fff;text-transform:uppercase;font-size:3.6875em;letter-spacing:.15em;text-align:center;margin:auto}strong{font-weight:500}#masthead .title{float:left;width:80%;padding:40px 0 0}.wrap{position:relative;z-index:0}.wrap::before{border-left:335px solid transparent;border-top:230px solid #20c9e7;content:"";height:0;position:absolute;right:0;top:25%;width:0;z-index:-2}#global{display:none}#global.show{background:#ddd url("images/crossword.png") repeat scroll 0 0;height:100%;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:999}.menu{display:block;float:left;margin:40px 0 0 50px;position:relative;text-decoration:none;max-width:50px;width:20%}.menu:active,.menu:focus{outline:none}.menu.stickymenu{left:0;position:fixed;top:0;z-index:1000;height:80px}.menu.stickymenu h2{color:#008ba9}.menu.stickymenu .line.one{-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.menu.stickymenu .line.two{-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.menu.stickymenu .line{background:#008ba9 none repeat scroll 0 0;-webkit-box-shadow:none;-o-box-shadow:none;-moz-box-shadow:none;box-shadow:none;height:3px;margin:0;position:absolute;top:55px;-webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s}.menu.stickymenu .line.middle{display:none}body.hiddenoverflow{overflow:hidden}#work.zindex{z-index:-1}.menu h2{font-size:.875em;color:#fff;text-transform:uppercase;letter-spacing:.1em;font-weight:300;line-height:110%;margin-bottom:12px}.line{background:#fff none repeat scroll 0 0;border-radius:10px;-webkit-box-shadow:1px 1px #007d98,2px 2px #007d98,3px 3px #007d98,4px 4px #007d98,5px 5px #007d98;-o-box-shadow:1px 1px #007d98,2px 2px #007d98,3px 3px #007d98,4px 4px #007d98,5px 5px #007d98;-moz-box-shadow:1px 1px #007d98,2px 2px #007d98,3px 3px #007d98,4px 4px #007d98,5px 5px #007d98;box-shadow:1px 1px #007d98,2px 2px #007d98,3px 3px #007d98,4px 4px #007d98,5px 5px #007d98;height:2px;margin-bottom:8px;max-width:none;width:100%;-webkit-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;transition:all .5s ease 0s}.inner{max-width:768px;margin:80px auto 38px}#intro{margin:auto;max-width:686px;overflow:hidden;position:relative}#intro h1{background:#fff none repeat scroll 0 0;color:#d5d5d5;float:right;font-size:3.28125em;letter-spacing:.1em;line-height:110%;margin:25px 0 0;max-width:285px;position:relative;right:100px;text-align:left;text-transform:uppercase;width:50%}#intro h1 .green{color:#95d9a8}#intro h1 .blue{color:#20c9e7}#intro h1 .lightgreen{color:#badf95}#intro .holder{border-radius:50%;float:left;height:220px;max-width:220px;overflow:hidden;width:100%}img.responsive{width:100%;height:100%;display:block}#intro img.responsive{height:110%;margin:auto 0 0 -9px;width:110%}#logos{background:-webkit-linear-gradient(35deg,#20c9e7 25%,#89d8af 50%,#badf95 75%);background:-o-linear-gradient(35deg,#20c9e7 25%,#89d8af 50%,#badf95 75%);background:-moz-linear-gradient(35deg,#20c9e7 25%,#89d8af 50%,#badf95 75%);background:rgba(0,0,0,0) linear-gradient(35deg,#20c9e7 25%,#89d8af 50%,#badf95 75%) repeat scroll 0 0;padding:25px 0 50px 0}#logos .inner{margin:0 auto;max-width:810px}#logos h2{text-align:center;color:#7f8181;font-size:2.375em;letter-spacing:-.055em;line-height:100%;margin:0 0 40px 0;font-weight:300}.row{margin:25px 0 0 0}.row.one{margin:0}#work{min-height:400px;position:relative}#work h1{color:#bfbfbf;float:left;font-size:2.03125em;letter-spacing:.1em;margin:12px 0 0;text-transform:uppercase;width:45%}.workimages h2{color:#bfbfbf;text-transform:uppercase;font-size:1.25em;letter-spacing:.125em;text-align:right;margin:0 0 25px 0}#work .inner{margin:40px auto;max-width:612px}#tabs ul li a{display:block;padding:10px}.workimages{clear:both;margin:25px auto 0}.workimages{display:block}.workimages li{display:block}.button{background:#20c9e7 none repeat scroll 0 0;border:medium none;border-radius:0;color:#fff;float:left;width:40%}.workimages .frame ul li{background:#fff none repeat scroll 0 0;cursor:pointer;float:left;height:100%;margin:0 35px 0 0;text-align:center;width:600px;-webkit-box-shadow:1px 1px 0 #ececec,2px 2px 0 #ececec,3px 3px 0 #ececec,4px 4px 0 #ececec,5px 5px 0 #ececec,6px 6px 0 #ececec,7px 7px 0 #ececec,8px 8px 0 #ececec;-o-box-shadow:1px 1px 0 #ececec,2px 2px 0 #ececec,3px 3px 0 #ececec,4px 4px 0 #ececec,5px 5px 0 #ececec,6px 6px 0 #ececec,7px 7px 0 #ececec,8px 8px 0 #ececec;-moz-box-shadow:1px 1px 0 #ececec,2px 2px 0 #ececec,3px 3px 0 #ececec,4px 4px 0 #ececec,5px 5px 0 #ececec,6px 6px 0 #ececec,7px 7px 0 #ececec,8px 8px 0 #ececec;box-shadow:1px 1px 0 #ececec,2px 2px 0 #ececec,3px 3px 0 #ececec,4px 4px 0 #ececec,5px 5px 0 #ececec,6px 6px 0 #ececec,7px 7px 0 #ececec,8px 8px 0 #ececec;padding:0;position:relative;border:1px solid #ececec}.workimages .frame ul li .caption{position:absolute;background:none;width:100%;height:0;bottom:0;left:0;color:#fff;opacity:0;-webkit-transition:all ease .25s;-o-transition:all ease .25s;-moz-transition:all ease .25s;transition:all ease .25s}.workimages .frame ul li:hover>.caption,.workimages .frame ul li.active>.caption{opacity:1;-webkit-transition:all ease .25s;-o-transition:all ease .25s;-moz-transition:all ease .25s;transition:all ease .25s;background:-webkit-linear-gradient(125deg,rgba(32,173,198,0.85),rgba(190,225,155,1) 95%) repeat scroll 0 0;background:-o-linear-gradient(125deg,rgba(32,173,198,0.85),rgba(190,225,155,1) 95%) repeat scroll 0 0;background:-moz-linear-gradient(125deg,rgba(32,173,198,0.85),rgba(190,225,155,1) 95%) repeat scroll 0 0;background:rgba(0,0,0,0) linear-gradient(125deg,rgba(32,173,198,0.85),rgba(190,225,155,1) 95%) repeat scroll 0 0;height:12.5%;padding:10px 0 0 0}.workimages .frame ul li.active:hover>.caption{opacity:0;height:0}.workimages .frame ul li .caption h2{width:100%;text-align:center;color:#e7f5f4;text-transform:lowercase;letter-spacing:-.01em;font-size:30px;text-shadow:1px 1px 0 #51bec6,2px 2px 0 #51bec6,3px 3px 0 #51bec6,4px 4px 0 #51bec6,5px 5px 0 #51bec6,6px 6px 0 #51bec6;position:relative;line-height:100%;margin:0}.workimages .frame ul{background:#fff}#worknav.stick .inner{margin-top:0}#workholder{position:relative;padding-bottom:100px}#worknav .nav-tabs{border:none;float:right;width:55%}#worknav .dropdown{background:#20c9e7 none repeat scroll 0 0;width:100%}#worknav .dropdown a{color:#fff;font-family:"Dosis",sans-serif;font-size:1.875em;font-weight:300;letter-spacing:.065em;cursor:pointer;text-transform:uppercase;line-height:130%;margin:0;padding:10px 20px}#worknav .nav-tabs>li>a{border:none;border-radius:0;background:#20c9e7}#worknav .nav>li>a:hover,#worknav .nav>li>a:focus{background:#20c9e7}#worknav .dropdown a#myTabDrop1::after{background:#b6de97 url("images/arrow.svg") no-repeat scroll center center / 25px auto;border-left:2px solid #fff;content:"";height:100%;position:absolute;right:0;top:0;width:70px}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{background-color:#20c9e7;background-image:none}#worknav .dropdown-menu{background:rgba(0,0,0,0) -webkit-linear-gradient(15deg,#20c9e7 5%,#89d8af 50%,#badf95 75%) repeat scroll 0 0;background:rgba(0,0,0,0) -o-linear-gradient(15deg,#20c9e7 5%,#89d8af 50%,#badf95 75%) repeat scroll 0 0;background:rgba(0,0,0,0) -moz-linear-gradient(15deg,#20c9e7 5%,#89d8af 50%,#badf95 75%) repeat scroll 0 0;background:rgba(0,0,0,0) linear-gradient(15deg,#20c9e7 5%,#89d8af 50%,#badf95 75%) repeat scroll 0 0;border:medium none;border-radius:0;-webkit-box-shadow:0 5px 0 rgba(0,0,0,0.2);-o-box-shadow:0 5px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 5px 0 rgba(0,0,0,0.2);box-shadow:0 5px 0 rgba(0,0,0,0.2);float:left;list-style:outside none none;min-width:160px;padding:0;position:absolute;top:100%;width:100%;z-index:1000}#worknav .dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{background-color:#20c9e7;background-image:none;background-repeat:repeat-x}#workholder .btn.prev,#workholder .btn.next{background:transparent url("images/arrows.svg") no-repeat scroll center 0 / 13px auto;height:29px;overflow:hidden;position:absolute;text-indent:-999em;top:-10px;width:30px;opacity:1}#workholder .btn.prev{background:transparent url("images/arrows.svg") no-repeat scroll center -44px / 13px auto;left:5%}#workholder .btn.next{right:5%}#workholder .btn.disabled{opacity:.2}#websites,#designs,#interactives,#logoimages{height:0;bottom:-1000em;visibility:hidden}#websites.active,#designs.active,#interactives.active,#logoimages.active{height:100%;bottom:0;visibility:visible}#global{color:#7b7b7b;font-size:1em;line-height:135%}#global p{margin-bottom:15px}#global .inner{max-width:768px;margin:auto}#global h2,#global h1{color:#20c9e7;font-size:1.5em;margin:0 0 15px 0}#global h2{margin:15px 0}#global h1{color:#95d9a8;margin:25px 0;text-align:left;text-transform:capitalize;letter-spacing:-.015em}#global h3{font-weight:500;margin:12px 0}#global h3 .light{color:#a3a3a3}#global h3 em{color:#008ba9}#global .line-alt{background:#f0f0f0 none repeat scroll 0 0;height:1px;margin:0 0 0 15px}#global .inner{padding-bottom:100px}#global .inner p{margin-left:15px}#global ul{list-style:outside circle;margin:0 0 0 30px;font-size:1em}#global ul.tight li{margin-bottom:2px}#global ul li{margin-bottom:12px}#global strong{font-weight:500}@media(max-width:767px){.menu{margin:0}.menu.stickymenu{top:5px;margin:0;left:15px;background:#ddd url("images/crossword.png") repeat scroll 0 0}#global.show{padding-top:50px}#masthead h1{font-size:2em;margin:20px 0 0}#masthead{padding:15px 15px}#masthead::after{border-bottom:50px solid transparent;border-left:65em solid #008ba9;left:0}.wrap::before{border-top:104px solid #20c9e7;color:red;top:12%}.inner{margin:0 auto}#masthead .title{padding:0}#intro .holder{float:none;margin:45px auto 0}#intro{padding-bottom:25px}#intro h1{font-size:2.5em;margin:2px 0 0 0}#logos .inner img{display:block;width:50%;float:left}#logos .inner img.last{clear:both;float:none;margin:auto}#logos .inner .row{margin-top:0}#logos ul{margin:0;width:50%;float:left}#logos ul li{color:#7f8181;font-size:1.25em;padding:2px 15px;margin:0 0 4px 0;text-shadow:1px 1px 0 #7fd8c3,2px 2px 0 #7fd8c3,3px 3px 0 #7fd8c3,4px 4px 0 #7fd8c3}#work h1{width:100%;text-align:center;margin-bottom:15px}#worknav .nav-tabs{width:80%;float:none;margin:15px auto;clear:both}.scrollbar{display:none}#workholder .btn.prev,#workholder .btn.next{background:transparent url("images/arrows.svg") no-repeat scroll center 0 / 25px auto;height:65px;top:125%;width:65px;display:none}#workholder .btn.prev{background:transparent url("images/arrows.svg") no-repeat scroll center -80px / 25px auto;left:5%}#worknav .dropdown a{font-size:1.25em}.workimages .frame ul li{width:320px}#work .frame{height:295px;line-height:295px;padding-top:0;margin-top:0}.workimages .frame ul li .caption{display:none!important}#work{min-height:0}#workholder{padding-bottom:25px}#global h1{margin:25px 0}#logos h2{margin-bottom:15px}#logos{padding:15px 0}}