/*- FONTS -*/ /* Titillium */ @font-face{font-family:'TitilliumText'; src:url('fonts/TitilliumText25L001-webfont.eot'); src:url('fonts/TitilliumText25L001-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/TitilliumText25L001-webfont.woff') format('woff'), url('fonts/TitilliumText25L001-webfont.ttf') format('truetype'), url('fonts/TitilliumText25L001-webfont.svg#TitilliumText25L800wt') format('svg'); font-weight:800; font-style:normal;} /* font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:800; font-style:normal; */ @font-face{font-family:'TitilliumText'; src:url('fonts/TitilliumText25L002-webfont.eot'); src:url('fonts/TitilliumText25L002-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/TitilliumText25L002-webfont.woff') format('woff'), url('fonts/TitilliumText25L002-webfont.ttf') format('truetype'), url('fonts/TitilliumText25L002-webfont.svg#TitilliumText25L600wt') format('svg'); font-weight:600; font-style:normal;} /* font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; */ @font-face{font-family:'TitilliumText'; src:url('fonts/TitilliumText25L003-webfont.eot'); src:url('fonts/TitilliumText25L003-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/TitilliumText25L003-webfont.woff') format('woff'), url('fonts/TitilliumText25L003-webfont.ttf') format('truetype'), url('fonts/TitilliumText25L003-webfont.svg#TitilliumText25L400wt') format('svg'); font-weight:normal; font-style:normal;} /* font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; */ @font-face{font-family:'TitilliumText'; src:url('fonts/TitilliumText25L004-webfont.eot'); src:url('fonts/TitilliumText25L004-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/TitilliumText25L004-webfont.woff') format('woff'), url('fonts/TitilliumText25L004-webfont.ttf') format('truetype'), url('fonts/TitilliumText25L004-webfont.svg#TitilliumText25L250wt') format('svg'); font-weight:200; font-style:normal;} /* font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:200; font-style:normal; */ @font-face{font-family:'TitilliumText'; src:url('fonts/TitilliumText25L005-webfont.eot'); src:url('fonts/TitilliumText25L005-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/TitilliumText25L005-webfont.woff') format('woff'), url('fonts/TitilliumText25L005-webfont.ttf') format('truetype'), url('fonts/TitilliumText25L005-webfont.svg#TitilliumText25L1wt') format('svg'); font-weight:100; font-style:normal;} /* font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; font-style:normal; */ @font-face{font-family:'TitilliumText'; src:url('fonts/TitilliumText25L-webfont.eot'); src:url('fonts/TitilliumText25L-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/TitilliumText25L-webfont.woff') format('woff'), url('fonts/TitilliumText25L-webfont.ttf') format('truetype'), url('fonts/TitilliumText25L-webfont.svg#TitilliumText25L999wt') format('svg'); font-weight:900; font-style:normal;} /* font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; font-style:normal; */ /* Montserrat */ @font-face { font-family: 'montserratbold'; src: url('fonts/montserrat-bold-webfont.eot'); src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-bold-webfont.woff') format('woff'), url('fonts/montserrat-bold-webfont.ttf') format('truetype'), url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'montserratregular'; src: url('fonts/montserrat-regular-webfont.eot'); src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/montserrat-regular-webfont.woff') format('woff'), url('fonts/montserrat-regular-webfont.ttf') format('truetype'), url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg'); font-weight: normal; font-style: normal; } /* Liberation Serif */ @font-face{font-family:'LiberationSerif'; src:url('fonts/LiberationSerif-Regular-webfont.eot'); src:url('fonts/LiberationSerif-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LiberationSerif-Regular-webfont.woff') format('woff'), url('fonts/LiberationSerif-Regular-webfont.ttf') format('truetype'), url('fonts/LiberationSerif-Regular-webfont.svg#LiberationSerifRegular') format('svg'); font-weight:normal; font-style:normal;} /* font-family:"LiberationSerif", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-weight:normal; font-style:normal; */ @font-face{font-family:'LiberationSerif'; src:url('fonts/LiberationSerif-Italic-webfont.eot'); src:url('fonts/LiberationSerif-Italic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LiberationSerif-Italic-webfont.woff') format('woff'), url('fonts/LiberationSerif-Italic-webfont.ttf') format('truetype'), url('fonts/LiberationSerif-Italic-webfont.svg#LiberationSerifItalic') format('svg'); font-weight:normal; font-style:italic;} /* font-family:"LiberationSerif", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-weight:normal; font-style:italic; */ @font-face{font-family:'LiberationSerif'; src:url('fonts/LiberationSerif-Bold-webfont.eot'); src:url('fonts/LiberationSerif-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LiberationSerif-Bold-webfont.woff') format('woff'), url('fonts/LiberationSerif-Bold-webfont.ttf') format('truetype'), url('fonts/LiberationSerif-Bold-webfont.svg#LiberationSerifBold') format('svg'); font-weight:bold; font-style:normal;} /* font-family:"LiberationSerif", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-weight:bold; font-style:normal; */ @font-face{font-family:'LiberationSerif'; src:url('fonts/LiberationSerif-BoldItalic-webfont.eot'); src:url('fonts/LiberationSerif-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/LiberationSerif-BoldItalic-webfont.woff') format('woff'), url('fonts/LiberationSerif-BoldItalic-webfont.ttf') format('truetype'), url('fonts/LiberationSerif-BoldItalic-webfont.svg#LiberationSerifBoldItalic') format('svg'); font-weight:bold; font-style:italic;} /* font-family:"LiberationSerif", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-weight:bold; font-style:italic; */ /*- RESET -*/ html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;} html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;} article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;} audio,canvas,video{display:inline-block;*display:inline;*zoom:1;} audio:not([controls]){display:none;} [hidden]{display:none;} img{border:0;-ms-interpolation-mode:bicubic;vertical-align:middle;} svg:not(:root){overflow:hidden;} body{font:13px/1.231 sans-serif;*font-size:small;} blockquote,q{quotes:none;} blockquote:before,blockquote:after,q:before,q:after{content:"";content:none;} ins{background:#ff9;color:#000;text-decoration:none;} mark{background:#ff0;color:#000;font-style:italic;font-weight:bold;} del{text-decoration:line-through;} h1,h2,h3,h4,h5,h6,strong,b{font-weight:bold;} small{font-size:85%;} sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;} sup{top:-0.5em;} sub{bottom:-0.25em;} ul,ol{list-style-position:outside;} pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em;} pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word;} address{font-style:normal;} em{font-style:italic;} a:focus{outline:thin dotted;} a:hover,a:active{outline:0;} nav ul,nav ol{list-style:none;list-style-image:none;margin:0;padding:0;} a{text-decoration:underline;} a:hover{text-decoration:none;} hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;} /*- HELPER CLASSES -*/ .column{float:left; width:100%; display:inline;} .left{margin:5px 20px 5px 0; float:left;} .right{margin:5px 0 5px 20px; float:right;} .block{display:block; height:250px;} .ir{background-color:transparent; border:0; overflow:hidden; *text-indent:-9999px;} .ir:before{content:""; display:block; width:0; height:100%;} .visuallyhidden{border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px;} .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus{clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto;} .clearfix:before, .clearfix:after{content:""; display:table;} .clearfix:after{clear:both;} .clearfix{*zoom:1;} .clear{clear:both;} /*- FORMS -*/ select, input, textarea, button{font:99% sans-serif; vertical-align:baseline; *vertical-align:middle;} input, textarea, select{width:100%; resize:none; border:0; background:#fff; padding:5px; vertical-align:middle; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;} button, input{line-height:normal;} input[type="search"]{-webkit-appearance:textfield; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box;} input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;} input[type="radio"]{vertical-align:text-bottom; border:none;} button{width:auto; overflow:visible; cursor:pointer; margin:0;} button::-moz-focus-inner, input::-moz-focus-inner{border:0; padding:0;} textarea{overflow:auto; vertical-align:top; resize:vertical;} select{vertical-align:middle; margin:0;} label{cursor:pointer;} legend{border:0; *margin-left:-7px; padding:0;} .radio, .checkbox{box-sizing:border-box; padding:0; border:none; width:auto;} .button{cursor:pointer; *overflow:visible; width:auto;} .captcha{width:120px; height:35px; text-align:center; text-transform:lowercase; font-weight:bold; font-size:24px; padding-top:10px;} /*- LAYOUT -*/ /* ::-moz-selection{background:#369; color:#fff; text-shadow:none;} ::selection{background:#369; color:#fff; text-shadow:none;} */ .errmsg{background:#fff5f5; border:1px dotted #c00; margin:10px 0;} .errmsg div{padding:10px 0;} .errmsg ul{margin:0 0 0 25px;} .errmsg li{color:#c00 !important;} .container{max-width:980px; margin:0 auto; padding:0 20px;} .readmore{background:#373737; color:#fff; font-weight:800; font-size:24px; height:40px; width:40px; display:inline-block; border-radius:20px;} .button{background:#8dc63f; color:#fff; padding:10px 40px; display:inline-block; text-align:center; line-height:1; font-family:"LiberationSerif", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-weight:normal; font-style:italic; font-size:15px;} h1{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:800; font-style:normal; color:#373737; font-size:28px; line-height:1; margin:0 0 5px 0;} h2{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:800; font-style:normal; font-size:16px; line-height:1; margin:0 0 5px 0; letter-spacing:2px; text-transform:uppercase; padding:20px 0 15px 0;} h3{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; font-style:normal; color:#fff; font-size:30px; line-height:1; margin:10px 0 5px 0; text-transform:uppercase;} h4{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:200; font-style:normal; font-size:40px; line-height:1.4; margin:0 0 20px 0;} h5{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; color:#373737; font-size:29px; line-height:1.1;} h6{text-transform:uppercase;} p{padding:0 0 20px 0;} a{text-decoration:none; color:#313131;} img{width:100%;} body{text-align:left; background:#fff; color:#7f7f7f; font-family:"LiberationSerif", Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; font-weight:normal; font-style:italic; font-size:15px; line-height:1.4;} body > header{background:#fff;} body > header .container{padding:0;} .logo{max-width:180px; width:100%; margin:22px 0 22px 30px;} .nav-main{font-size:18px; text-align:center; margin:5px 0 0 0; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:800; font-style:normal;} .nav-main a{background:#6c9533; display:block; color:#fff; padding:12px 0; text-decoration:none; text-transform:uppercase; border-bottom:1px solid #98b571;} .nav-menu{} .nav-menu a{background:#8dc63f; color:#fff; border:none;} .nav-full{max-height:0; overflow:hidden;} .nav-full li a{font-family:"montserratregular", Helvetica, Arial, sans-serif;} .no-js .nav-full{max-height:999px;} .nav-full li:last-of-type a{border:none;} .thinking{color:#fff; text-align:center; position:relative;} .thinking-title{position:absolute; top:0; left:0; max-width:100%; margin:0 auto;} .thinking{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:100; font-style:normal; text-transform:uppercase; font-size:60px; line-height:1;} .thinking span{display:block; font-size:72px; margin:-10px 0 0 0;} #main{border-top:5px solid #8dc63f;} .home{background:#f2f2f2 url(images/texture-light.png);} .interior{padding:110px 0 40px 0; background:#f2f2f2 url(images/texture-green.png); color:#7f7f7f; position:relative;} .interior a{color:#fff;} .interior h1{color:#b3b3b3; text-transform:uppercase; margin:0 auto 30px auto; font-size:26px;} /*- HOME -*/ /*-- INTRO --*/ .intro{overflow:hidden; text-align:center;} .intro div{text-align:justify; padding:4%; width:auto;} .intro figure{margin:0 0 20px 0; text-align:center;} .intro figure img{max-width:120px; max-height:150px;} .intro figcaption{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; font-style:normal; text-transform:uppercase; margin:15px 0 0 0; letter-spacing:3px; color:#313131;} /*-- ANNOUNCEMENT --*/ .announcement{background:#fff; text-align:center; padding:30px 40px 10px 40px; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:18px; color:#a2a2a2;} .announcement a{color:#a2a2a2;} /*-- FEATURED PROJECT --*/ .featured{background:#3f3f3e url(images/texture-dark.png); text-align:center; color:#fff; padding:0 0 30px 0;} .featured-bg{background-repeat:no-repeat; background-position:center center; background-size:cover;} .featured h2{text-transform:uppercase; text-align:left; color:#b3b3b3;} .project{} .project-image{} .project-info{text-align:left; margin:30px 0 0 0;} .project-attr{overflow:hidden; margin:0 auto 10px auto; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:13px; text-transform:uppercase; color:#373737;} .featured .project-attr{color:#fff;} .project-attr span{display:block; color:#8dc63f;} .project-attr ul{display:block; list-style-type:none;} .project-desc{} /*- END HOME -*/ /*- SERVICES -*/ .services{background:#2f2f2e url(images/texture-dark.png); color:#b3b3b3;} .services-content{margin:0 auto 100px auto; background:#393938 no-repeat center center; background-size:cover; padding:35px 10% 100px 10%; text-align:left;} .services-content.webdevelopment{background-image:url(images/bg-services-webdevelopment.jpg);} .services-content.branding{background-image:url(images/bg-services-branding.jpg);} .services-content.marketing{background-image:url(images/bg-services-marketing.jpg);} .services-title{text-align:center;} .services-title img{max-width:120px; max-height:150px;} .services-list li{list-style-type:none;} /*- END SERVICES -*/ /*- SERVICES DETAIL -*/ .services-detail{padding-top:0;} .services-detail-title{background:#393938 no-repeat center center; background-size:cover; padding:110px 0 10px 0;} .services-detail-title.webdevelopment{background-image:url(images/bg-services-webdevelopment.jpg);} .services-detail-title.branding{background-image:url(images/bg-services-branding.jpg);} .services-detail-title.marketing{background-image:url(images/bg-services-marketing.jpg);} .detail-subnav{background:#e4e4e4; color:#a0a0a0; padding:2% 0;} .detail-subnav ul{text-align:center;} .detail-subnav li{display:inline; border-right:1px solid #a0a0a0; padding:0 1%;} .detail-subnav li:last-of-type{border:none;} .detail-subnav a{color:#a0a0a0;} .detail-subnav a.current, .detail-subnav a:hover{color:#606060;} .detail-content{margin-top:110px;} .detail-copy{} .detail-examples{} .detail-examples .project-thumb figcaption{background-image:none;} /*- END SERVICES DETAIL -*/ /*- CONTACT -*/ .contact{background:url(images/bg-contact.jpg) no-repeat center top; background-size:cover; color:#bebebe; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:11px;} .contact h1{margin:0 0 80px 0;} .contact-info{} .contact-phone{} .contact-phone-item{padding:0 5px 0 0;} .contact-phone-item em{color:#8dc63f; padding:0 5px 0 0;} .contact-address{margin:25px 0 0 0;} .form-contact{margin:30px 0 0 0;} .form-contact em{color:#8dc63f;} .form-contact label{color:#fff; text-transform:uppercase; letter-spacing:1px;} .form-contact .form-item{margin:0 0 13px 0;} .form-contact textarea{height:125px;} .contact-support{} .contact-support address{margin:0 0 30px 0;} .contact-support h6{color:#fff; margin:0 0 4px 0;} .contact-support p{padding:0 0 15px 0;} #map{width:100%; height:400px; margin:40px 0 -40px 0;} /*- END CONTACT -*/ /*- AGENCY -*/ .agency{padding-top:0;} .agency h4{font-size:19px; letter-spacing:1px;} .agency header{background:url(images/bg-agency.jpg) no-repeat center top; background-size:cover; padding:110px 0 300px 0; color:#fff;} .agency-callout{background:#2f2f2e url(images/texture-dark.png); color:#8dc63f; padding:90px 0 70px 0; text-align:center;} .agency-callout .container{max-width:600px;} .agency-content{padding:115px 0 0 0;} .agency-content h4{text-shadow:1px 1px 1px #fff;} .agency-top-firms{background:url(images/icon-blank.svg) no-repeat; width:310px; float:right; margin:-65px 5% 0 5%; display:none; color:#fff; padding:98px 0 180px 0; text-align:center;} .no-svg .agency-top-firms{background:url(images/icon-blank.png) no-repeat;} .agency-top-firms span{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:800; font-style:normal; font-size:30px; line-height:1; margin:20px 0 10px 0; display:block;} /*- END AGENCY-*/ /*- WORK -*/ .work{background:#2f2f2e url(images/texture-dark.png);} .work h1{margin-bottom:5px;} .nav-work{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:normal; font-style:normal; line-height:1; text-transform:lowercase;} .no-js .nav-work{display:none;} .nav-work li{display:inline-block; padding:0 15px 0 0; margin:0 10px 0 0; border-right:1px solid #a2a2a2;} .nav-work li:last-of-type{border:none; padding:0;} .nav-work a{color:#a2a2a2;} .nav-work a.current{background:url(images/arrow-up-work-nav.png) center bottom no-repeat; padding-bottom:20px;} .nav-work-sub{background:#1c1c1b; margin:20px 0; clear:both; max-height:0; overflow:hidden;} .nav-work-sub .container{padding:78px 20px 225px 20px; margin:20px auto;} .nav-work-sub-close{text-align:right; float:right; display:block; position:relative; top:-80px; background:url(images/icon-minus-circle.svg) no-repeat center center; background-size:cover; display:inline-block; height:24px; width:24px;} .no-svg .nav-work-sub-close{background:url(images/icon-minus-circle.png) no-repeat center center;} .nav-work-sub section{display:none;} .nav-work-sub section.current{display:block;} .work-list{margin:0;} /*-- PROJECT THUMB --*/ .project-thumb{width:100%; margin:0;} .project-thumb > a{display:block; position:relative; padding-bottom:4%;} .project-thumb.current > a{background:url(images/arrow-up-work.png) center bottom no-repeat; padding-bottom:7%;} .project-thumb figcaption{position:relative; background:#4d4d4d; text-align:center; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:14px; color:#888; padding:5% 0;} .project-thumb figcaption span{background:url(images/icon-plus.svg) no-repeat center center; background-size:cover; display:inline-block; height:10px; width:10px; float:right; margin:5px 10px 0 0;} .no-svg .project-thumb figcaption span{background:url(images/icon-plus.png) no-repeat center center;} .project-thumb a:hover figcaption{color:#fff;} .project-thumb a:hover div{position:relative;} .project-thumb a:hover div span{display:block; width:100%; height:100%; background:rgba(0,0,0,0.5) url(images/icon-plus-circle-green.svg) no-repeat center center; position:absolute;} .no-svg .project-thumb a:hover div span{background:url(images/icon-plus-circle-green.png) no-repeat center center;} .work-list-detail{background:#f2f2f2 url(images/texture-light.png);} .work-list-detail{max-height:0; overflow:hidden;} .work-list-detail.current{margin-bottom:20px;} .no-js .work-list-detail{max-height:9999px;} .work-list-detail .container{padding-top:20px; padding-bottom:20px; } .work-list-detail h3{color:#373737; text-transform:none;} .work-list-detail .project-info{width:100%; float:none;} .project-info-close{color:#000; float:right; background:url(images/icon-minus-circle.svg) no-repeat center center; background-size:cover; display:inline-block; height:24px; width:24px;} .no-svg .project-info-close{background:url(images/icon-minus-circle.png) no-repeat center center;} .work-list-detail-desc{} .work-list-detail-info{} .work-list-detail-sm{display:block;} .work-list-detail-sm.current{max-height:9999px;} .work-list-detail-sm .container{margin-bottom:20px;} .work-list-detail-lg{display:none;} .work-list-detail-sm.current{max-height:9999px;} /*- END WORK -*/ /*- CASE STUDY -*/ .case-study{padding-top:0;} .project-info-icon{margin:0 0 25px 0;} .project-info-icon img{max-width:55px;} .case-study .project-desc{margin:70px 0 0 0;} .case-study-block-container{margin:50px 0 0 0;} .case-study-block{margin:0 0 40px 0;} .case-study-block p:last-of-type{padding:0;} .block-single-image{} .block-title{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:200; font-style:normal; font-size:19px; line-height:1.4; text-shadow:1px 1px 1px #fff; letter-spacing:1px; text-align:center;} .block-three-col{} .block-three-col-item{width:32%; float:left;} .block-three-col-mid{margin:0 2%;} .block-two-col{} .block-two-col-main{margin:0 0 40px 0;} .block-two-col-sub{} .block-two-col-sub-image{text-align:center; margin:0 0 40px 0;} .block-two-col-sub-image img{max-width:310px; margin:0 auto;} .block-two-col-sub-main{overflow:hidden;} .related-projects{} .related-projects .project-thumb a:hover div span{display:none;} .related-projects .work-list figure{margin:0; width:100%; padding:0;} .related-projects .work-list figure figcaption{background-color:#e7e7e7;} .related-projects .project-thumb a:hover figcaption{color:#373737;} /*- BLOG -*/ .blog{padding-top:0;} .blog h4{color:#373737;} .blog-title{background:#393938 url(images/bg-blog.jpg) no-repeat center center; background-size:cover; padding:110px 0 10px 0;} .blog-container{text-align:left; background:#f2f2f2 url(images/texture-light.png); padding:40px 0 60px 0;} .blog-main{} .byline{display:block; font-size:13px; text-transform:uppercase; color:#a2a2a2;} .blog-content{margin:0 0 40px 0; padding:0 0 70px 0; border-bottom:1px solid #dcdcdc;} .pagination{float:right; padding:10px; font-size:13px; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:13px;} .pagination li{display:inline; padding:0 3px;} .pagination a{text-decoration:none; color:#000 !important;} .pagination a:hover{text-decoration:underline;} .blog-content img{margin:0 0 20px 0;} .blog-content .extra{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; color:#373737; margin:20px 0 0 0;} .blog-content .extra p{display:inline-block; min-width:200px; padding:0;} .blog-content .extra span{color:#a2a2a2;} .blog-content .extra a{color:#a2a2a2;} .blog-sub{display:none; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:12px; text-transform:uppercase;} .blog-sub section{border-top:1px solid #d8d8d8;} .blog-sub h2{color:#373737;} .blog-sub ul{list-style-type:none; padding:0 0 26px 0; } .blog-sub li{margin:0 0 8px 0;} .blog-sub a{color:#a2a2a2;} /*- END BLOG -*/ /*- CAREERS -*/ .careers{padding-top:0;} .careers h2{color:#373737;} .careers a{color:#8dc63f;} .careers-title{background:#393938 no-repeat center center; background-size:cover; padding:110px 0 10px 0;} .careers-container{text-align:left; background:#f2f2f2 url(images/texture-light.png); padding:40px 0 60px 0;} .careers-main{} .careers-hiring{} .careers-current{margin:50px 0 0 0;} .careers-current h4{font-size:30px;} .form-careers{margin:30px 0 0 0; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:11px; letter-spacing:1px; color:#373737; padding:0 0 30px 0;} .js .form-careers{display:none;} .form-careers em{color:#8dc63f;} .form-careers label{text-transform:uppercase;} .form-careers .form-item{margin:0 0 13px 0;} .form-careers textarea{height:140px;} .careers-sub{display:none; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:11px; color:#bebebe;} .careers-sub section{border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding-bottom:100px;} .careers-sub a{color:#bebebe;} /*- END CAREERS -*/ /*- QUESTIONNAIRE -*/ .questionnaire{padding-top:0; } .questionnaire h2{color:#373737;} .questionnaire h4{color:#373737; text-transform:uppercase;} .questionnaire-title{background:#393938 no-repeat center center; background-size:cover; padding:110px 0 10px 0;} .questionnaire-container{text-align:left; background:#f2f2f2 url(images/texture-light.png); padding:40px 0 60px 0;} .questionnaire-main{} .questionnaire-main h2{text-transform:none; letter-spacing:0; font-size:18px; margin:0; padding:0 0 40px 0;} .form-questionnaire{font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:11px; letter-spacing:1px; color:#373737;} .form-questionnaire-interior{font-size:17px; letter-spacing:0; color:#373737;} .form-questionnaire label{text-transform:uppercase;} .form-questionnaire-interior label{text-transform:none; display:block; margin:0 0 10px 0;} .form-questionnaire-interior label span{color:#8dc63f;} .form-questionnaire-interior textarea{min-height:80px;} .form-questionnaire .form-item{margin:0 0 13px 0;} .form-questionnaire-interior .form-item{margin:0 0 40px 0;} .questionnaire-sub{display:none; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:11px; color:#bebebe;} .questionnaire-sub section{border-top:1px solid #d8d8d8; border-bottom:1px solid #d8d8d8; padding-bottom:100px;} .questionnaire-sub a{color:#bebebe;} /*- END QUESTIONNAIRE -*/ body > footer{background:#fff url(images/bg-footer.png) repeat-x; text-align:center; color:#bebebe; font-family:"TitilliumText", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:600; font-style:normal; font-size:11px; padding:110px 0 20px 0;} footer nav{font-weight:800; text-transform:uppercase; margin:0 0 35px 0;} footer nav li{display:inline-block; margin:0 10px 0 0;} footer nav a{color:#a2a2a2;} footer nav a:hover, footer nav a.current{color:#373737;} footer address{margin:15px 0;} footer address em{color:#8dc63f; font-style:normal; padding:0 5px 0 0;} footer .address-item{padding:0 10px 0 0;} .address-item-email{display:block;} .footer-address{margin:20px auto 50px auto; max-width:200px;} .social{} .social li{display:inline-block; margin:0 5px;} .social a{display:inline-block; height:40px; width:40px;} .twitter{background:url(images/icon-twitter.svg) no-repeat;} .no-svg .twitter{background:url(images/icon-twitter.png) no-repeat;} .facebook{background:url(images/icon-facebook.svg) no-repeat;} .no-svg .facebook{background:url(images/icon-facebook.png) no-repeat;} .pinterest{background:url(images/icon-pinterest.svg) no-repeat;} .no-svg .pinterest{background:url(images/icon-pinterest.png) no-repeat;} .instagram{background:url(images/icon-instagram.svg) no-repeat;} .no-svg .instagram{background:url(images/icon-instagram.png) no-repeat;} .footer-main{} .footer-social{display:none; text-align:left; border-left:1px solid #d5d5d5; padding-left:20px;} .twitter-title{font-size:14px; text-transform:uppercase; font-weight:800; margin:0 0 5px 0;} .twitter-title span{background:url(images/icon-twitter-bird.svg) no-repeat left center; height:16px; width:21px; display:inline-block; padding:0 10px 0 0;} .no-svg .twitter-title span{background:url(images/icon-twitter-bird.png) no-repeat left center;} #twitter_update_list{} #twitter_update_list div{margin:0 0 15px 0;} #twitter_update_list p{padding:0 0 2px 0;} /*- Owl Carousel -*/ .owl-carousel .owl-wrapper:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;} .owl-carousel{display:none; position:relative; width:100%; -ms-touch-action:pan-y;} .owl-carousel .owl-wrapper{display:none; position:relative; -webkit-transform:translate3d(0px, 0px, 0px); -webkit-perspective:1000;} .owl-carousel .owl-wrapper-outer{overflow:hidden; position:relative; width:100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition:height 500ms ease-in-out; -moz-transition:height 500ms ease-in-out; -ms-transition:height 500ms ease-in-out; -o-transition:height 500ms ease-in-out; transition:height 500ms ease-in-out;} .owl-carousel .owl-item{float:left;} .owl-controls .owl-page, .owl-controls .owl-buttons div{cursor:pointer;} .owl-controls{-webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; -webkit-tap-highlight-color:rgba(0, 0, 0, 0);} .grabbing {cursor:url(images/grabbing.png) 8 8, move;} .owl-carousel .owl-wrapper, .owl-carousel .owl-item{-webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; -ms-backface-visibility:hidden;} .owl-theme .owl-controls .owl-buttons div{position:absolute; z-index:100; top:0;} .owl-prev{left:0;} .owl-next{right:0;} .owl-item.loading{background:url(images/wait.gif) no-repeat center center;} @media only screen and (min-width:480px){ /*- DETAIL -*/ .detail-examples figure{width:45%; margin:2%;} .detail-examples .button{margin:2% 0;} /*- SERVICES -*/ .services-list ul{width:43%; padding:0 5% 0 0;} } @media only screen and (min-width:640px){ .container{padding:0 20px;} /*- HEADER -*/ .logo{float:left; max-width:130px;} .nav-main{float:right;} .nav-menu{display:none;} .nav-full{max-height:999px; overflow:visible; margin:40px 0 0 0; white-space:nowrap; -webkit-transition:none; -moz-transition:max-height 0s ease-out; -o-transition:max-height 0s ease-out; transition:max-height 0s ease-out;} .nav-full ul{} .nav-full li{display:inline;} .nav-full a{color:#a2a2a2; display:inline; background:none; border:none; padding:45px 5px; font-size:16px;} .nav-full a:hover, .nav-full a.current{color:#000;} /*- WORK -*/ .work-list figure{width:32%; padding:0 0.5%;} .work-list-detail{} .work-list-detail-sm{display:none;} .work-list-detail-lg{display:block;} /*-- PROJECT THUMB --*/ .project-thumb{margin:0;} /*- FOOTER -*/ .footer-main{text-align:left;} .address-item-email{display:inline;} .footer-address{margin-left:0; margin-right:0;} footer nav{} footer nav li{margin:0 20px 0 0;} footer nav a{font-size:14px;} } @media only screen and (min-width:740px){ .column{width:48%;} .nav-full a{padding:45px 15px;} /*- HOME -*/ /*-- INTRO --*/ .intro{} .intro div{width:25%;} .intro figure{} .intro figure img{} .intro figcaption{} /*- FEATURED PROJECT -*/ .featured{} .project{} .project-image{width:50%;} .project-info{width:46%; float:right; margin:0;} .project-attr{} .project-attr span{width:20%;} .project-attr ul{width:70%; margin:0 0 0 4%;} .project-desc{} /*- SERVICES -*/ .services-info{width:45%;} .services-list{width:48%; margin-left:4%;} /*- DETAIL -*/ .detail-copy{width:63%; padding:0 4% 0 0;} .detail-examples{width:32%;} .detail-examples .project-thumb{width:100%; margin:2% 0;} /*- CONTACT -*/ .contact-info{width:49.5%;} .form-contact{} .form-contact-name{width:46%;} .form-contact-comments{width:46%; float:right;} .form-contact-comments .button{float:right;} .contact-support{width:45%; float:right;} .careers .careers-container .careers-main .contact_form .block {margin:0;} /*- AGENCY -*/ .agency-info{width:50%;} .agency-top-firms{display:block;} /*- WORK -*/ .work{} .work h1{float:left; margin-bottom:30px;} .nav-work{float:right; margin:10px 0 0 0;} .nav-work a.current{padding-bottom:31px;} .nav-work-sub{position:absolute; z-index:100; width:100%; margin-top:0;} .nav-work-sub .column{width:30%; margin:0 1%;} .work-list-detail-lg .work-list-detail-desc{float:left; width:60%;} .work-list-detail-lg .work-list-detail-info{float:right; width:35%;} /*- CASE STUDY -*/ .block-two-col{} .block-two-col-main{margin:0; width:66%; float:left;} .block-two-col-sub{margin:0; width:32%; float:right;} .block-two-col-sub-image{float:none; width:auto; margin:0 0 60px 0;} .block-two-col-sub-main{overflow:hidden;} .block-two-col-right .block-two-col-main{float:right;} .block-two-col-right .block-two-col-sub{float:right; margin:0 2% 0 0;} .block-two-col-text{} .block-two-col-text .block-two-col-main{float:left; width:66%;} .block-two-col-text .block-two-col-sub{float:left; width:30%; margin:0 0 0 4%;} .block-two-col-text-right .block-two-col-main{float:right;} .block-two-col-text-right .block-two-col-sub{float:right; margin:0 4% 0 0;} .related-projects .work-list figure{margin:0; width:32%; padding:0;} .related-projects .work-list .project-thumb-mid{margin:0 2%;} /*- BLOG -*/ .blog-main{width:66%; float:left;} .blog-sub{width:24%; float:right; display:block;} /*- CAREERS -*/ .careers-main{width:66%; float:left;} .form-careers{} .form-careers-name{width:46%;} .form-careers-comments{width:46%; float:right;} .form-careers-comments .button{float:right;} .careers-sub{width:24%; float:right; display:block;} /*- QUESTIONNAIRE -*/ .questionnaire-main{width:66%; float:left;} .form-questionnaire-intro-left{width:46%;} .form-questionnaire-intro-right{width:46%; float:right;} .questionnaire-sub{width:24%; float:right; display:block;} /*- FOOTER -*/ .footer-main{float:left; text-align:left; width:63%;} footer nav{} footer nav li{margin:0 1.5% 0 0;} .footer-social{float:right; width:34%; display:block;} } @media only screen and (min-width:1000px){ .nav-full a{padding:45px 30px;} .intro div{display:inline-block; max-width:280px;} /*- CONTACT -*/ .contact-info{} /*- AGENCT -*/ .agency-content-main{overflow:hidden;} /*- FOOTER -*/ footer nav li{margin:0 5% 0 0;} } /*- @PRINT STYLES -*/ @media print{ /*- RESET -*/ *{background:transparent !important; color:black !important; box-shadow:none !important; text-shadow:none !important; filter:none !important; -ms-filter:none !important;} a,a:visited{text-decoration:underline;} .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";} pre,blockquote{border:1px solid #999; page-break-inside:avoid;} thead{display:table-header-group;} tr,img{page-break-inside:avoid;} img{max-width:100% !important;} @page{margin:0.5cm;} p,h2,h3{orphans:3; widows:3;} h2,h3{page-break-after:avoid;} /*- LAYOUT -*/ }