/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ==========================================================================
HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined in IE 8/9.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block; }
/**
* Correct `inline-block` display not defined in IE 8/9.
*/
audio,
canvas,
video {
display: inline-block; }
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0; }
/**
* Address `[hidden]` styling not present in IE 8/9.
* Hide the `template` element in IE, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none; }
/* ==========================================================================
Base
========================================================================== */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS text size adjust after orientation change, without disabling
* user zoom.
*/
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */ }
/**
* Remove default margin.
*/
body {
margin: 0; }
/* ==========================================================================
Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background: transparent; }
/**
* Address `outline` inconsistency between Chrome and other browsers.
*/
a:focus {
outline: thin dotted; }
/**
* Improve readability when focused and also mouse hovered in all browsers.
*/
a:active,
a:hover {
outline: 0; }
/* ==========================================================================
Typography
========================================================================== */
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari 5, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0; }
/**
* Address styling not present in IE 8/9, Safari 5, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted; }
/**
* Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
*/
b,
strong,
.strong {
font-weight: bold; }
/**
* Address styling not present in Safari 5 and Chrome.
*/
dfn,
em,
.em {
font-style: italic; }
/**
* Address differences between Firefox and other browsers.
*/
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0; }
/*
* proper formatting (http://blog.fontdeck.com/post/9037028497/hyphens)
*/
p {
-webkit-hyphens: auto;
-epub-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto; }
/*
* Addresses margins set differently in IE6/7.
*/
pre {
margin: 0; }
/**
* Correct font family set oddly in Safari 5 and Chrome.
*/
code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em; }
/**
* Improve readability of pre-formatted text in all browsers.
*/
pre {
white-space: pre-wrap; }
/**
* Set consistent quote types.
*/
q {
quotes: "\201C" "\201D" "\2018" "\2019"; }
/**
* Address inconsistent and variable font size in all browsers.
*/
q:before,
q:after {
content: '';
content: none; }
small, .small {
font-size: 75%; }
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sup {
top: -0.5em; }
sub {
bottom: -0.25em; }
/* ==========================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE6/7.
*/
dl,
menu,
ol,
ul {
margin: 1em 0; }
dd {
margin: 0; }
/*
* Addresses paddings set differently in IE6/7.
*/
menu {
padding: 0 0 0 40px; }
ol,
ul {
padding: 0;
list-style-type: none; }
/*
* Corrects list images handled incorrectly in IE7.
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none; }
/* ==========================================================================
Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9.
*/
img {
border: 0; }
/**
* Correct overflow displayed oddly in IE 9.
*/
svg:not(:root) {
overflow: hidden; }
/* ==========================================================================
Figures
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari 5.
*/
figure {
margin: 0; }
/* ==========================================================================
Forms
========================================================================== */
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; }
/**
* 1. Correct `color` not being inherited in IE 8/9.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */ }
/**
* 1. Correct font family not being inherited in all browsers.
* 2. Correct font size not being inherited in all browsers.
* 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
*/
button,
input,
select,
textarea {
font-family: inherit;
/* 1 */
font-size: 100%;
/* 2 */
margin: 0;
/* 3 */ }
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
button,
input {
line-height: normal; }
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
* Correct `select` style inheritance in Firefox 4+ and Opera.
*/
button,
select {
text-transform: none; }
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */ }
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default; }
/**
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */ }
/**
* 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
* (include `-moz` to future-proof).
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
/* 2 */
box-sizing: content-box; }
/**
* Remove inner padding and search cancel button in Safari 5 and Chrome
* on OS X.
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; }
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0; }
/**
* 1. Remove default vertical scrollbar in IE 8/9.
* 2. Improve readability and alignment in all browsers.
*/
textarea {
overflow: auto;
/* 1 */
vertical-align: top;
/* 2 */ }
/* ==========================================================================
Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0; }
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.image-replacement,
.ir {
text-indent: 100%;
white-space: nowrap;
overflow: hidden; }
.clearfix, .cf {
zoom: 1; }
.clearfix:before, .clearfix:after, .cf:before, .cf:after {
content: "";
display: table; }
.clearfix:after, .cf:after {
clear: both; }
/*
use the best ampersand
http://simplebits.com/notebook/2008/08/14/ampersands-2/
*/
span.amp {
font-family: Baskerville,'Goudy Old Style',Palatino,'Book Antiqua',serif !important;
font-style: italic; }
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/* ============================================ */
/* This file has a mobile-to-desktop breakpoint */
/* ============================================ */
@media (max-width: 400px) {
@-ms-viewport {
width: 320px; } }
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0; }
.grid-container:before, header .headerContain:before, .banner .bannerContent:before, main:before, footer .footerContent:before, .single-case_study .hero .heroContent .wrapper:before, .single-case_study section .images:before, .single-case_study section .imageAndText:before, .single-case_study section .quote:before, .single-case_study section .pdf:before, .single-case_study section .custom:before, .single-case_study .relatedCaseStudies:before, .caseStudyIndex:before, .blog main.blogIndex:before, .category main.blogIndex:before, .single-post section:before, .mobile-grid-5:before, .mobile-grid-10:before, .mobile-grid-15:before, .mobile-grid-20:before, .mobile-grid-25:before, .mobile-grid-30:before, .mobile-grid-35:before, .mobile-grid-40:before, .mobile-grid-45:before, .mobile-grid-50:before, section.differenceMaking .icons svg:before, .page-template-page-careers main img.lifestyle:before, section.workWith .clients img:before, .mobile-grid-55:before, .mobile-grid-60:before, .mobile-grid-65:before, .mobile-grid-70:before, .mobile-grid-75:before, .mobile-grid-80:before, .mobile-grid-85:before, .mobile-grid-90:before, .mobile-grid-95:before, .mobile-grid-100:before, .page-template-page-story .lifestyle:before, .mobile-grid-33:before, .mobile-grid-66:before, .grid-5:before, .grid-10:before, .grid-15:before, .grid-20:before, .grid-25:before, header .site-logo:before, footer .footerContent div:first-child:before, .page-template-page-work .pageIntro .col:before, .home .pageIntro .col:before, .grid-30:before, .grid-35:before, footer .footerContent div:nth-child(2):before, .grid-40:before, footer .footerContent div:last-child:before, .processIcon svg:before, .grid-45:before, .processIcon:before, .processDesc:before, .grid-50:before, section.productsAndTools .col:before, .page-template-page-story section#one:before, .page-template-page-story section#two:before, .page-template-page-story #team p:before, .single-case_study section .images img.small:before, .single-case_study section .images img.tall:before, .single-case_study section .imageAndText .text:before, .single-case_study section .imageAndText img:before, .caseStudyIndex figure:before, .blog main.blogIndex #allPosts .blogPost:before, .category main.blogIndex #allPosts .blogPost:before, .page-template-page-careers main section:before, .single-employment .gform_wrapper .name_first:before, .single-employment .gform_wrapper .name_last:before, body .gform_wrapper:before, .grid-55:before, .pageIntro:before, .page-template-page-careers main section.jobListings:before, .single-employment section:before, .grid-60:before, section.intro:before, section.productsAndTools h2:before, section.productsAndTools .productsAndToolsIntro:before, section.differenceMaking:before, .page-template-default section.wysiwyg:before, .single-case_study section .quote blockquote:before, .single-post section article:before, .comments .wrapper:before, .grid-65:before, .page-template-page-story #team h3:before, .grid-70:before, section.workWith:before, .grid-75:before, header nav:before, .grid-80:before, .single-post .banner .bannerContent:before, .grid-85:before, section.contactLink:before, .grid-90:before, .grid-95:before, .grid-100:before, .single-case_study section .images img.large:before, .page-template-page-work .pageIntro:before, .home .pageIntro:before, .single-employment .gform_wrapper:before, .comments .wrapper article:before, .grid-33:before, .page-template-page-process section.ourWorkPusher .workPusher:before, .single-case_study section .custom .col:before, .single-case_study .relatedCaseStudies .workPusher:before, .comments .wrapper article header:before, .grid-66:before, .comments .wrapper article .comment_content:before, .grid-offset:before, .clearfix:before,
.grid-container:after,
header .headerContain:after,
.banner .bannerContent:after,
main:after,
footer .footerContent:after,
.single-case_study .hero .heroContent .wrapper:after,
.single-case_study section .images:after,
.single-case_study section .imageAndText:after,
.single-case_study section .quote:after,
.single-case_study section .pdf:after,
.single-case_study section .custom:after,
.single-case_study .relatedCaseStudies:after,
.caseStudyIndex:after,
.blog main.blogIndex:after,
.category main.blogIndex:after,
.single-post section:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
section.differenceMaking .icons svg:after,
.page-template-page-careers main img.lifestyle:after,
section.workWith .clients img:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.page-template-page-story .lifestyle:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
header .site-logo:after,
footer .footerContent div:first-child:after,
.page-template-page-work .pageIntro .col:after,
.home .pageIntro .col:after,
.grid-30:after,
.grid-35:after,
footer .footerContent div:nth-child(2):after,
.grid-40:after,
footer .footerContent div:last-child:after,
.processIcon svg:after,
.grid-45:after,
.processIcon:after,
.processDesc:after,
.grid-50:after,
section.productsAndTools .col:after,
.page-template-page-story section#one:after,
.page-template-page-story section#two:after,
.page-template-page-story #team p:after,
.single-case_study section .images img.small:after,
.single-case_study section .images img.tall:after,
.single-case_study section .imageAndText .text:after,
.single-case_study section .imageAndText img:after,
.caseStudyIndex figure:after,
.blog main.blogIndex #allPosts .blogPost:after,
.category main.blogIndex #allPosts .blogPost:after,
.page-template-page-careers main section:after,
.single-employment .gform_wrapper .name_first:after,
.single-employment .gform_wrapper .name_last:after,
body .gform_wrapper:after,
.grid-55:after,
.pageIntro:after,
.page-template-page-careers main section.jobListings:after,
.single-employment section:after,
.grid-60:after,
section.intro:after,
section.productsAndTools h2:after,
section.productsAndTools .productsAndToolsIntro:after,
section.differenceMaking:after,
.page-template-default section.wysiwyg:after,
.single-case_study section .quote blockquote:after,
.single-post section article:after,
.comments .wrapper:after,
.grid-65:after,
.page-template-page-story #team h3:after,
.grid-70:after,
section.workWith:after,
.grid-75:after,
header nav:after,
.grid-80:after,
.single-post .banner .bannerContent:after,
.grid-85:after,
section.contactLink:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.single-case_study section .images img.large:after,
.page-template-page-work .pageIntro:after,
.home .pageIntro:after,
.single-employment .gform_wrapper:after,
.comments .wrapper article:after,
.grid-33:after,
.page-template-page-process section.ourWorkPusher .workPusher:after,
.single-case_study section .custom .col:after,
.single-case_study .relatedCaseStudies .workPusher:after,
.comments .wrapper article header:after,
.grid-66:after,
.comments .wrapper article .comment_content:after,
.grid-offset:after,
.clearfix:after {
content: ".";
display: block;
overflow: hidden;
visibility: hidden;
font-size: 0;
line-height: 0;
width: 0;
height: 0; }
.grid-container:after,
header .headerContain:after,
.banner .bannerContent:after,
main:after,
footer .footerContent:after,
.single-case_study .hero .heroContent .wrapper:after,
.single-case_study section .images:after,
.single-case_study section .imageAndText:after,
.single-case_study section .quote:after,
.single-case_study section .pdf:after,
.single-case_study section .custom:after,
.single-case_study .relatedCaseStudies:after,
.caseStudyIndex:after,
.blog main.blogIndex:after,
.category main.blogIndex:after,
.single-post section:after,
.mobile-grid-5:after,
.mobile-grid-10:after,
.mobile-grid-15:after,
.mobile-grid-20:after,
.mobile-grid-25:after,
.mobile-grid-30:after,
.mobile-grid-35:after,
.mobile-grid-40:after,
.mobile-grid-45:after,
.mobile-grid-50:after,
section.differenceMaking .icons svg:after,
.page-template-page-careers main img.lifestyle:after,
section.workWith .clients img:after,
.mobile-grid-55:after,
.mobile-grid-60:after,
.mobile-grid-65:after,
.mobile-grid-70:after,
.mobile-grid-75:after,
.mobile-grid-80:after,
.mobile-grid-85:after,
.mobile-grid-90:after,
.mobile-grid-95:after,
.mobile-grid-100:after,
.page-template-page-story .lifestyle:after,
.mobile-grid-33:after,
.mobile-grid-66:after,
.grid-5:after,
.grid-10:after,
.grid-15:after,
.grid-20:after,
.grid-25:after,
header .site-logo:after,
footer .footerContent div:first-child:after,
.page-template-page-work .pageIntro .col:after,
.home .pageIntro .col:after,
.grid-30:after,
.grid-35:after,
footer .footerContent div:nth-child(2):after,
.grid-40:after,
footer .footerContent div:last-child:after,
.processIcon svg:after,
.grid-45:after,
.processIcon:after,
.processDesc:after,
.grid-50:after,
section.productsAndTools .col:after,
.page-template-page-story section#one:after,
.page-template-page-story section#two:after,
.page-template-page-story #team p:after,
.single-case_study section .images img.small:after,
.single-case_study section .images img.tall:after,
.single-case_study section .imageAndText .text:after,
.single-case_study section .imageAndText img:after,
.caseStudyIndex figure:after,
.blog main.blogIndex #allPosts .blogPost:after,
.category main.blogIndex #allPosts .blogPost:after,
.page-template-page-careers main section:after,
.single-employment .gform_wrapper .name_first:after,
.single-employment .gform_wrapper .name_last:after,
body .gform_wrapper:after,
.grid-55:after,
.pageIntro:after,
.page-template-page-careers main section.jobListings:after,
.single-employment section:after,
.grid-60:after,
section.intro:after,
section.productsAndTools h2:after,
section.productsAndTools .productsAndToolsIntro:after,
section.differenceMaking:after,
.page-template-default section.wysiwyg:after,
.single-case_study section .quote blockquote:after,
.single-post section article:after,
.comments .wrapper:after,
.grid-65:after,
.page-template-page-story #team h3:after,
.grid-70:after,
section.workWith:after,
.grid-75:after,
header nav:after,
.grid-80:after,
.single-post .banner .bannerContent:after,
.grid-85:after,
section.contactLink:after,
.grid-90:after,
.grid-95:after,
.grid-100:after,
.single-case_study section .images img.large:after,
.page-template-page-work .pageIntro:after,
.home .pageIntro:after,
.single-employment .gform_wrapper:after,
.comments .wrapper article:after,
.grid-33:after,
.page-template-page-process section.ourWorkPusher .workPusher:after,
.single-case_study section .custom .col:after,
.single-case_study .relatedCaseStudies .workPusher:after,
.comments .wrapper article header:after,
.grid-66:after,
.comments .wrapper article .comment_content:after,
.grid-offset:after,
.clearfix:after {
clear: both; }
.grid-container, header .headerContain, .banner .bannerContent, main, footer .footerContent, .single-case_study .hero .heroContent .wrapper, .single-case_study section .images, .single-case_study section .imageAndText, .single-case_study section .quote, .single-case_study section .pdf, .single-case_study section .custom, .single-case_study .relatedCaseStudies, .caseStudyIndex, .blog main.blogIndex, .category main.blogIndex, .single-post section, .mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, section.differenceMaking .icons svg, .page-template-page-careers main img.lifestyle, section.workWith .clients img, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .page-template-page-story .lifestyle, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, header .site-logo, footer .footerContent div:first-child, .page-template-page-work .pageIntro .col, .home .pageIntro .col, .grid-30, .grid-35, footer .footerContent div:nth-child(2), .grid-40, footer .footerContent div:last-child, .processIcon svg, .grid-45, .processIcon, .processDesc, .grid-50, section.productsAndTools .col, .page-template-page-story section#one, .page-template-page-story section#two, .page-template-page-story #team p, .single-case_study section .images img.small, .single-case_study section .images img.tall, .single-case_study section .imageAndText .text, .single-case_study section .imageAndText img, .caseStudyIndex figure, .blog main.blogIndex #allPosts .blogPost, .category main.blogIndex #allPosts .blogPost, .page-template-page-careers main section, .single-employment .gform_wrapper .name_first, .single-employment .gform_wrapper .name_last, body .gform_wrapper, .grid-55, .pageIntro, .page-template-page-careers main section.jobListings, .single-employment section, .grid-60, section.intro, section.productsAndTools h2, section.productsAndTools .productsAndToolsIntro, section.differenceMaking, .page-template-default section.wysiwyg, .single-case_study section .quote blockquote, .single-post section article, .comments .wrapper, .grid-65, .page-template-page-story #team h3, .grid-70, section.workWith, .grid-75, header nav, .grid-80, .single-post .banner .bannerContent, .grid-85, section.contactLink, .grid-90, .grid-95, .grid-100, .single-case_study section .images img.large, .page-template-page-work .pageIntro, .home .pageIntro, .single-employment .gform_wrapper, .comments .wrapper article, .grid-33, .page-template-page-process section.ourWorkPusher .workPusher, .single-case_study section .custom .col, .single-case_study .relatedCaseStudies .workPusher, .comments .wrapper article header, .grid-66, .comments .wrapper article .comment_content, .grid-offset, .clearfix {
/* */
*zoom: 1;
/* */ }
.grid-container, header .headerContain, .banner .bannerContent, main, footer .footerContent, .single-case_study .hero .heroContent .wrapper, .single-case_study section .images, .single-case_study section .imageAndText, .single-case_study section .quote, .single-case_study section .pdf, .single-case_study section .custom, .single-case_study .relatedCaseStudies, .caseStudyIndex, .blog main.blogIndex, .category main.blogIndex, .single-post section {
margin-left: auto;
margin-right: auto;
max-width: 1215px;
padding-left: 10px;
padding-right: 10px; }
.mobile-grid-5, .mobile-grid-10, .mobile-grid-15, .mobile-grid-20, .mobile-grid-25, .mobile-grid-30, .mobile-grid-35, .mobile-grid-40, .mobile-grid-45, .mobile-grid-50, section.differenceMaking .icons svg, .page-template-page-careers main img.lifestyle, section.workWith .clients img, .mobile-grid-55, .mobile-grid-60, .mobile-grid-65, .mobile-grid-70, .mobile-grid-75, .mobile-grid-80, .mobile-grid-85, .mobile-grid-90, .mobile-grid-95, .mobile-grid-100, .page-template-page-story .lifestyle, .mobile-grid-33, .mobile-grid-66, .grid-5, .grid-10, .grid-15, .grid-20, .grid-25, header .site-logo, footer .footerContent div:first-child, .page-template-page-work .pageIntro .col, .home .pageIntro .col, .grid-30, .grid-35, footer .footerContent div:nth-child(2), .grid-40, footer .footerContent div:last-child, .processIcon svg, .grid-45, .processIcon, .processDesc, .grid-50, section.productsAndTools .col, .page-template-page-story section#one, .page-template-page-story section#two, .page-template-page-story #team p, .single-case_study section .images img.small, .single-case_study section .images img.tall, .single-case_study section .imageAndText .text, .single-case_study section .imageAndText img, .caseStudyIndex figure, .blog main.blogIndex #allPosts .blogPost, .category main.blogIndex #allPosts .blogPost, .page-template-page-careers main section, .single-employment .gform_wrapper .name_first, .single-employment .gform_wrapper .name_last, body .gform_wrapper, .grid-55, .pageIntro, .page-template-page-careers main section.jobListings, .single-employment section, .grid-60, section.intro, section.productsAndTools h2, section.productsAndTools .productsAndToolsIntro, section.differenceMaking, .page-template-default section.wysiwyg, .single-case_study section .quote blockquote, .single-post section article, .comments .wrapper, .grid-65, .page-template-page-story #team h3, .grid-70, section.workWith, .grid-75, header nav, .grid-80, .single-post .banner .bannerContent, .grid-85, section.contactLink, .grid-90, .grid-95, .grid-100, .single-case_study section .images img.large, .page-template-page-work .pageIntro, .home .pageIntro, .single-employment .gform_wrapper, .comments .wrapper article, .grid-33, .page-template-page-process section.ourWorkPusher .workPusher, .single-case_study section .custom .col, .single-case_study .relatedCaseStudies .workPusher, .comments .wrapper article header, .grid-66, .comments .wrapper article .comment_content {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 10px;
padding-right: 10px;
/* */
*padding-left: 0;
*padding-right: 0;
/* */ }
.mobile-grid-5 > *, .mobile-grid-10 > *, .mobile-grid-15 > *, .mobile-grid-20 > *, .mobile-grid-25 > *, .mobile-grid-30 > *, .mobile-grid-35 > *, .mobile-grid-40 > *, .mobile-grid-45 > *, .mobile-grid-50 > *, section.differenceMaking .icons svg > *, .page-template-page-careers main img.lifestyle > *, section.workWith .clients img > *, .mobile-grid-55 > *, .mobile-grid-60 > *, .mobile-grid-65 > *, .mobile-grid-70 > *, .mobile-grid-75 > *, .mobile-grid-80 > *, .mobile-grid-85 > *, .mobile-grid-90 > *, .mobile-grid-95 > *, .mobile-grid-100 > *, .page-template-page-story .lifestyle > *, .mobile-grid-33 > *, .mobile-grid-66 > *, .grid-5 > *, .grid-10 > *, .grid-15 > *, .grid-20 > *, .grid-25 > *, header .site-logo > *, footer .footerContent div:first-child > *, .page-template-page-work .pageIntro .col > *, .home .pageIntro .col > *, .grid-30 > *, .grid-35 > *, footer .footerContent div:nth-child(2) > *, .grid-40 > *, footer .footerContent div:last-child > *, .processIcon svg > *, .grid-45 > *, .processIcon > *, .processDesc > *, .grid-50 > *, section.productsAndTools .col > *, .page-template-page-story section#one > *, .page-template-page-story section#two > *, .page-template-page-story #team p > *, .single-case_study section .images img.small > *, .single-case_study section .images img.tall > *, .single-case_study section .imageAndText .text > *, .single-case_study section .imageAndText img > *, .caseStudyIndex figure > *, .blog main.blogIndex #allPosts .blogPost > *, .category main.blogIndex #allPosts .blogPost > *, .page-template-page-careers main section > *, .single-employment .gform_wrapper .name_first > *, .single-employment .gform_wrapper .name_last > *, body .gform_wrapper > *, .grid-55 > *, .pageIntro > *, .page-template-page-careers main section.jobListings > *, .single-employment section > *, .grid-60 > *, section.intro > *, section.productsAndTools h2 > *, section.productsAndTools .productsAndToolsIntro > *, section.differenceMaking > *, .page-template-default section.wysiwyg > *, .single-case_study section .quote blockquote > *, .single-post section article > *, .comments .wrapper > *, .grid-65 > *, .page-template-page-story #team h3 > *, .grid-70 > *, section.workWith > *, .grid-75 > *, header nav > *, .grid-80 > *, .single-post .banner .bannerContent > *, .grid-85 > *, section.contactLink > *, .grid-90 > *, .grid-95 > *, .grid-100 > *, .single-case_study section .images img.large > *, .page-template-page-work .pageIntro > *, .home .pageIntro > *, .single-employment .gform_wrapper > *, .comments .wrapper article > *, .grid-33 > *, .page-template-page-process section.ourWorkPusher .workPusher > *, .single-case_study section .custom .col > *, .single-case_study .relatedCaseStudies .workPusher > *, .comments .wrapper article header > *, .grid-66 > *, .comments .wrapper article .comment_content > * {
/* */
*margin-left: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
*margin-right: expression((!this.className.match(/grid-[1-9]/) && this.currentStyle.display === 'block' && this.currentStyle.width === 'auto') && '10px');
/* */ }
.grid-parent {
padding-left: 0;
padding-right: 0; }
.grid-offset {
clear: both;
margin-left: -10px;
margin-right: -10px; }
@media (max-width: 767px) {
.mobile-push-5, .mobile-pull-5, .mobile-push-10, .mobile-pull-10, .mobile-push-15, .mobile-pull-15, .mobile-push-20, .mobile-pull-20, .mobile-push-25, .mobile-pull-25, .mobile-push-30, .mobile-pull-30, .mobile-push-35, .mobile-pull-35, .mobile-push-40, .mobile-pull-40, .mobile-push-45, .mobile-pull-45, .mobile-push-50, .mobile-pull-50, .mobile-push-55, .mobile-pull-55, .mobile-push-60, .mobile-pull-60, .mobile-push-65, .mobile-pull-65, .mobile-push-70, .mobile-pull-70, .mobile-push-75, .mobile-pull-75, .mobile-push-80, .mobile-pull-80, .mobile-push-85, .mobile-pull-85, .mobile-push-90, .mobile-pull-90, .mobile-push-95, .mobile-pull-95, .mobile-push-33, .mobile-pull-33, .mobile-push-66, .mobile-pull-66 {
position: relative; }
.hide-on-mobile, .single-employment .banner .bannerLeftShape {
display: none !important; }
.mobile-grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-5 {
margin-left: 5%; }
.mobile-suffix-5 {
margin-right: 5%; }
.mobile-push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-10 {
margin-left: 10%; }
.mobile-suffix-10 {
margin-right: 10%; }
.mobile-push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-15 {
margin-left: 15%; }
.mobile-suffix-15 {
margin-right: 15%; }
.mobile-push-15 {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-15 {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-20 {
margin-left: 20%; }
.mobile-suffix-20 {
margin-right: 20%; }
.mobile-push-20 {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-25 {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-25 {
margin-left: 25%; }
.mobile-suffix-25 {
margin-right: 25%; }
.mobile-push-25 {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-25 {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-30 {
margin-left: 30%; }
.mobile-suffix-30 {
margin-right: 30%; }
.mobile-push-30 {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-35 {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-35 {
margin-left: 35%; }
.mobile-suffix-35 {
margin-right: 35%; }
.mobile-push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-40 {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-40 {
margin-left: 40%; }
.mobile-suffix-40 {
margin-right: 40%; }
.mobile-push-40 {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-45 {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-45 {
margin-left: 45%; }
.mobile-suffix-45 {
margin-right: 45%; }
.mobile-push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-50, section.differenceMaking .icons svg, .page-template-page-careers main img.lifestyle, section.workWith .clients img {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-50 {
margin-left: 50%; }
.mobile-suffix-50 {
margin-right: 50%; }
.mobile-push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-55 {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-55 {
margin-left: 55%; }
.mobile-suffix-55 {
margin-right: 55%; }
.mobile-push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-60 {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-60 {
margin-left: 60%; }
.mobile-suffix-60 {
margin-right: 60%; }
.mobile-push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-65 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-65 {
margin-left: 65%; }
.mobile-suffix-65 {
margin-right: 65%; }
.mobile-push-65 {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-70 {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-70 {
margin-left: 70%; }
.mobile-suffix-70 {
margin-right: 70%; }
.mobile-push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-75 {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-75 {
margin-left: 75%; }
.mobile-suffix-75 {
margin-right: 75%; }
.mobile-push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-80 {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-80 {
margin-left: 80%; }
.mobile-suffix-80 {
margin-right: 80%; }
.mobile-push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-85 {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-85 {
margin-left: 85%; }
.mobile-suffix-85 {
margin-right: 85%; }
.mobile-push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-90 {
margin-left: 90%; }
.mobile-suffix-90 {
margin-right: 90%; }
.mobile-push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-95 {
margin-left: 95%; }
.mobile-suffix-95 {
margin-right: 95%; }
.mobile-push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-33 {
float: left;
width: 33.333333333%;
/* */
*width: expression(Math.floor(0.333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-33 {
margin-left: 33.333333333%; }
.mobile-suffix-33 {
margin-right: 33.333333333%; }
.mobile-push-33 {
left: 33.333333333%;
/* */
*left: expression(Math.floor(0.333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-33 {
left: -33.333333333%;
/* */
*left: expression(Math.floor(-0.333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-66 {
float: left;
width: 66.666666667%;
/* */
*width: expression(Math.floor(0.666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-prefix-66 {
margin-left: 66.666666667%; }
.mobile-suffix-66 {
margin-right: 66.666666667%; }
.mobile-push-66 {
left: 66.666666667%;
/* */
*left: expression(Math.floor(0.666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-pull-66 {
left: -66.666666667%;
/* */
*left: expression(Math.floor(-0.666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.mobile-grid-100, .page-template-page-story .lifestyle {
clear: both;
width: 100%; } }
@media (min-width: 768px) {
.push-5, .pull-5, .push-10, .pull-10, .push-15, .pageIntro, .page-template-page-careers main section.jobListings, .pull-15, .page-template-page-story .lifestyle, .push-20, .page-template-default section.wysiwyg, .single-case_study section .quote blockquote, .single-post .banner .bannerContent, .single-post section article, .comments .wrapper, .pull-20, .push-25, .single-employment section, .pull-25, .processStep:nth-child(odd) .processDesc, .push-30, section.differenceMaking, section.workWith, .pull-30, .push-35, .pull-35, .push-40, .page-template-page-story section#two, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55, .pull-55, .push-60, .pull-60, .push-65, .processStep:nth-child(odd) .processIcon, .pull-65, .push-70, .pull-70, .push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90, .pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
position: relative; }
.hide-on-desktop {
display: none !important; }
.grid-5 {
float: left;
width: 5%;
/* */
*width: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-5 {
margin-left: 5%; }
.suffix-5 {
margin-right: 5%; }
.push-5 {
left: 5%;
/* */
*left: expression(Math.floor(0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-5 {
left: -5%;
/* */
*left: expression(Math.floor(-0.05 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-10 {
float: left;
width: 10%;
/* */
*width: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-10 {
margin-left: 10%; }
.suffix-10 {
margin-right: 10%; }
.push-10 {
left: 10%;
/* */
*left: expression(Math.floor(0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-10 {
left: -10%;
/* */
*left: expression(Math.floor(-0.1 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-15 {
float: left;
width: 15%;
/* */
*width: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-15 {
margin-left: 15%; }
.suffix-15 {
margin-right: 15%; }
.push-15, .pageIntro, .page-template-page-careers main section.jobListings {
left: 15%;
/* */
*left: expression(Math.floor(0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-15, .page-template-page-story .lifestyle {
left: -15%;
/* */
*left: expression(Math.floor(-0.15 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-20 {
float: left;
width: 20%;
/* */
*width: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-20 {
margin-left: 20%; }
.suffix-20 {
margin-right: 20%; }
.push-20, .page-template-default section.wysiwyg, .single-case_study section .quote blockquote, .single-post .banner .bannerContent, .single-post section article, .comments .wrapper {
left: 20%;
/* */
*left: expression(Math.floor(0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-20 {
left: -20%;
/* */
*left: expression(Math.floor(-0.2 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-25, header .site-logo, section.differenceMaking .icons svg, section.workWith .clients img, footer .footerContent div:first-child, .page-template-page-work .pageIntro .col, .home .pageIntro .col {
float: left;
width: 25%;
/* */
*width: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-25 {
margin-left: 25%; }
.suffix-25 {
margin-right: 25%; }
.push-25, .single-employment section {
left: 25%;
/* */
*left: expression(Math.floor(0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-25, .processStep:nth-child(odd) .processDesc {
left: -25%;
/* */
*left: expression(Math.floor(-0.25 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-30 {
float: left;
width: 30%;
/* */
*width: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-30 {
margin-left: 30%; }
.suffix-30 {
margin-right: 30%; }
.push-30, section.differenceMaking, section.workWith {
left: 30%;
/* */
*left: expression(Math.floor(0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-30 {
left: -30%;
/* */
*left: expression(Math.floor(-0.3 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-35, footer .footerContent div:nth-child(2) {
float: left;
width: 35%;
/* */
*width: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-35 {
margin-left: 35%; }
.suffix-35 {
margin-right: 35%; }
.push-35 {
left: 35%;
/* */
*left: expression(Math.floor(0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-35 {
left: -35%;
/* */
*left: expression(Math.floor(-0.35 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-40, footer .footerContent div:last-child, .processIcon svg {
float: left;
width: 40%;
/* */
*width: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-40 {
margin-left: 40%; }
.suffix-40 {
margin-right: 40%; }
.push-40, .page-template-page-story section#two {
left: 40%;
/* */
*left: expression(Math.floor(0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-40 {
left: -40%;
/* */
*left: expression(Math.floor(-0.4 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-45, .processIcon, .processDesc {
float: left;
width: 45%;
/* */
*width: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-45 {
margin-left: 45%; }
.suffix-45 {
margin-right: 45%; }
.push-45 {
left: 45%;
/* */
*left: expression(Math.floor(0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-45 {
left: -45%;
/* */
*left: expression(Math.floor(-0.45 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-50, section.productsAndTools .col, .page-template-page-story section#one, .page-template-page-story section#two, .page-template-page-story .lifestyle, .page-template-page-story #team p, .single-case_study section .images img.small, .single-case_study section .images img.tall, .single-case_study section .imageAndText .text, .single-case_study section .imageAndText img, .caseStudyIndex figure, .blog main.blogIndex #allPosts .blogPost, .category main.blogIndex #allPosts .blogPost, .page-template-page-careers main img.lifestyle, .page-template-page-careers main section, .single-employment .gform_wrapper .name_first, .single-employment .gform_wrapper .name_last, body .gform_wrapper {
float: left;
width: 50%;
/* */
*width: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-50 {
margin-left: 50%; }
.suffix-50 {
margin-right: 50%; }
.push-50 {
left: 50%;
/* */
*left: expression(Math.floor(0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-50 {
left: -50%;
/* */
*left: expression(Math.floor(-0.5 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-55, .pageIntro, .page-template-page-careers main section.jobListings, .single-employment section {
float: left;
width: 55%;
/* */
*width: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-55 {
margin-left: 55%; }
.suffix-55 {
margin-right: 55%; }
.push-55 {
left: 55%;
/* */
*left: expression(Math.floor(0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-55 {
left: -55%;
/* */
*left: expression(Math.floor(-0.55 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-60, section.intro, section.productsAndTools h2, section.productsAndTools .productsAndToolsIntro, section.differenceMaking, .page-template-default section.wysiwyg, .single-case_study section .quote blockquote, .single-post section article, .comments .wrapper {
float: left;
width: 60%;
/* */
*width: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-60 {
margin-left: 60%; }
.suffix-60 {
margin-right: 60%; }
.push-60 {
left: 60%;
/* */
*left: expression(Math.floor(0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-60 {
left: -60%;
/* */
*left: expression(Math.floor(-0.6 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-65, .page-template-page-story #team h3 {
float: left;
width: 65%;
/* */
*width: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-65 {
margin-left: 65%; }
.suffix-65 {
margin-right: 65%; }
.push-65, .processStep:nth-child(odd) .processIcon {
left: 65%;
/* */
*left: expression(Math.floor(0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-65 {
left: -65%;
/* */
*left: expression(Math.floor(-0.65 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-70, section.workWith {
float: left;
width: 70%;
/* */
*width: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-70 {
margin-left: 70%; }
.suffix-70 {
margin-right: 70%; }
.push-70 {
left: 70%;
/* */
*left: expression(Math.floor(0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-70 {
left: -70%;
/* */
*left: expression(Math.floor(-0.7 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-75, header nav {
float: left;
width: 75%;
/* */
*width: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-75 {
margin-left: 75%; }
.suffix-75 {
margin-right: 75%; }
.push-75 {
left: 75%;
/* */
*left: expression(Math.floor(0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-75 {
left: -75%;
/* */
*left: expression(Math.floor(-0.75 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-80, .single-post .banner .bannerContent {
float: left;
width: 80%;
/* */
*width: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-80 {
margin-left: 80%; }
.suffix-80 {
margin-right: 80%; }
.push-80 {
left: 80%;
/* */
*left: expression(Math.floor(0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-80 {
left: -80%;
/* */
*left: expression(Math.floor(-0.8 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-85, section.contactLink {
float: left;
width: 85%;
/* */
*width: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-85 {
margin-left: 85%; }
.suffix-85 {
margin-right: 85%; }
.push-85 {
left: 85%;
/* */
*left: expression(Math.floor(0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-85 {
left: -85%;
/* */
*left: expression(Math.floor(-0.85 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-90 {
float: left;
width: 90%;
/* */
*width: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-90 {
margin-left: 90%; }
.suffix-90 {
margin-right: 90%; }
.push-90 {
left: 90%;
/* */
*left: expression(Math.floor(0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-90 {
left: -90%;
/* */
*left: expression(Math.floor(-0.9 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-95 {
float: left;
width: 95%;
/* */
*width: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-95 {
margin-left: 95%; }
.suffix-95 {
margin-right: 95%; }
.push-95 {
left: 95%;
/* */
*left: expression(Math.floor(0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-95 {
left: -95%;
/* */
*left: expression(Math.floor(-0.95 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-33, .page-template-page-process section.ourWorkPusher .workPusher, .single-case_study section .custom .col, .single-case_study .relatedCaseStudies .workPusher, .comments .wrapper article header {
float: left;
width: 33.333333333%;
/* */
*width: expression(Math.floor(0.333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-33 {
margin-left: 33.333333333%; }
.suffix-33 {
margin-right: 33.333333333%; }
.push-33 {
left: 33.333333333%;
/* */
*left: expression(Math.floor(0.333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-33 {
left: -33.333333333%;
/* */
*left: expression(Math.floor(-0.333333333 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-66, .comments .wrapper article .comment_content {
float: left;
width: 66.666666667%;
/* */
*width: expression(Math.floor(0.666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.prefix-66 {
margin-left: 66.666666667%; }
.suffix-66 {
margin-right: 66.666666667%; }
.push-66 {
left: 66.666666667%;
/* */
*left: expression(Math.floor(0.666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.pull-66 {
left: -66.666666667%;
/* */
*left: expression(Math.floor(-0.666666667 * (this.parentNode.offsetWidth - parseFloat(this.parentNode.currentStyle.paddingLeft) - parseFloat(this.parentNode.currentStyle.paddingRight))) + 'px');
/* */ }
.grid-100, .single-case_study section .images img.large, .page-template-page-work .pageIntro, .home .pageIntro, .single-employment .gform_wrapper, .comments .wrapper article {
clear: both;
width: 100%; } }
@font-face {
font-family: 'larsseit';
src: url("../fonts/Larsseit.otf") format("opentype");
font-weight: 400; }
/**********
Base Styles
**********/
* {
margin: 0;
padding: 0; }
body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-family: franklin-gothic-urw, Helvetica, arial, sans-serif;
color: #414b56;
overflow-x: hidden;
font-size: 18px; }
a:link {
color: #7f766e; }
a:visited {
color: #797674; }
a:hover {
color: #ffcb04; }
a:active {
color: #9d7151; }
h1, h2, h3, h4, .comments .wrapper article header cite, h5, h6, .comments .wrapper article header time {
font-weight: normal;
font-family: larsseit, sans-serif;
color: #414b56; }
h2 {
font-size: 3rem;
line-height: 1.2em; }
p {
hyphens: manual;
font-family: franklin-gothic-urw, Helvetica, arial, sans-serif;
line-height: 1.5em;
font-size: 18px; }
ul {
margin-bottom: 2em; }
ul li {
padding-right: 20px;
line-height: 1.5em;
margin-bottom: .4em;
padding-left: 30px;
text-indent: -3px;
margin-left: 3px; }
ul li:before {
content: "\203A";
color: #a49c96;
font-size: 1.2em;
position: relative;
display: inline-block;
left: -10px; }
/**********
Animation Definitions
**********/
@keyframes fadeIn {
0% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes fadeOut {
0% {
opacity: 1; }
100% {
opacity: 0; } }
@keyframes collapse1 {
0% {
top: 0;
left: 0;
transform: rotate3d(0, 0, 0, 0deg); }
5% {
top: -5px; }
100% {
top: 130px;
left: 20px;
transform: rotate3d(90, 15, 5, 45deg); } }
@keyframes collapse2 {
0% {
top: 0;
left: 0;
transform: rotate3d(0, 0, 0, 0deg); }
5% {
top: -5px; }
100% {
top: 100px;
left: 0px;
transform: rotate3d(85, 10, 0, 45deg); } }
@keyframes collapse3 {
0% {
top: 0;
left: 0;
transform: rotate3d(0, 0, 0, 0deg); }
5% {
top: -5px; }
75% {
top: 90px;
left: 0px;
transform: rotate3d(60, 50, 20, 45deg); }
100% {
top: 90px;
left: 0px;
transform: rotate3d(90, 50, 0, 45deg); } }
@keyframes collapse4 {
0% {
top: 0;
left: 0;
transform: rotate3d(0, 0, 0, 0deg); }
5% {
top: -5px; }
100% {
top: 30px;
left: 20px;
transform: rotate3d(100, 0, -15, 45deg); } }
@keyframes collapse5 {
0% {
top: 0;
left: 0;
transform: rotate3d(0, 0, 0, 0deg); }
5% {
top: -5px; }
100% {
top: 10px;
left: -5px;
transform: rotate3d(140, 0, 0, 45deg); } }
@keyframes collapse6 {
0% {
top: 0;
left: 0;
transform: rotate3d(0, 0, 0, 0deg); }
5% {
top: -5px; }
100% {
top: 120px;
left: 20px;
transform: rotate3d(90, 15, 5, 45deg); } }
@keyframes collapse7 {
0% {
top: 0;
left: 0;
transform: rotate3d(0, 0, 0, 0deg); }
5% {
top: -5px; }
100% {
top: 60px;
left: 0px;
transform: rotate3d(85, 10, -30, 45deg); } }
@keyframes collapse8 {
0% {
top: 0;
left: 0;
transform: rotate3d(0, 0, 0, 0deg); }
5% {
top: -5px; }
75% {
top: 60px;
left: 40px;
transform: rotate3d(60, 50, 20, 45deg); }
100% {
top: 60px;
left: 40px;
transform: rotate3d(90, 50, 0, 45deg); } }
@keyframes collapse9 {
0% {
top: 0;
left: 0;
transform: rotate3d(0, 0, 0, 0deg); }
5% {
top: -5px; }
100% {
top: 10px;
left: 0px;
transform: rotate3d(110, 10, 10, 45deg); } }
main, .banner {
opacity: 0;
animation-name: fadeIn;
animation-duration: .6s;
animation-delay: .3s;
animation-fill-mode: forwards; }
.hideAll main, .hideAll .banner, .hideAll footer {
animation-name: fadeOut;
animation-duration: .3s;
animation-delay: 0s;
animation-fill-mode: forwards; }
.clicked .footerNav li:nth-child(1) {
animation: collapse6 .7s;
animation-timing-function: ease-in;
animation-fill-mode: forwards; }
.clicked .footerNav li:nth-child(2) {
animation: collapse7 .7s;
animation-timing-function: ease-in;
animation-fill-mode: forwards; }
.clicked .footerNav li:nth-child(3) {
animation: collapse8 .7s;
animation-timing-function: ease-in;
animation-fill-mode: forwards; }
.clicked .address span:nth-child(1) {
animation: collapse1 .7s;
animation-timing-function: ease-in;
animation-fill-mode: forwards; }
.clicked .address span:nth-child(2) {
animation: collapse2 .7s;
animation-timing-function: ease-in;
animation-fill-mode: forwards; }
.clicked .address span:nth-child(3) {
animation: collapse3 .7s;
animation-timing-function: ease-in;
animation-fill-mode: forwards; }
.clicked .address span:nth-child(4) {
animation: collapse4 .7s;
animation-timing-function: ease-in;
animation-fill-mode: forwards; }
.clicked .address span:nth-child(5) {
animation: collapse5 .7s;
animation-timing-function: ease-in;
animation-fill-mode: forwards; }
.clicked #smLinks li {
position: relative;
animation: collapse9 .4s;
animation-timing-function: ease-in;
animation-fill-mode: forwards; }
/**********
Animated Button Styles
**********/
a.aniButton {
display: inline-block;
position: relative;
overflow: hidden;
padding-right: 65px;
text-decoration: none;
color: #333;
font-family: Helvetica;
font-weight: bold;
color: #fff;
margin-top: 20px; }
a.aniButton span {
background: #ffcb05;
width: calc(auto + 20px);
display: block;
padding: 20px;
position: relative;
z-index: 50; }
a.aniButton span::after {
content: "";
position: absolute;
top: 50%;
margin-top: -100px;
height: 1;
width: 1;
right: -140px;
border-left: 100px solid #ffcb05;
border-top: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 100px solid transparent;
z-index: -5; }
a.aniButton span::before {
content: "";
height: 100px;
width: 100px;
display: block;
border-top: 7px solid #ffcb05;
border-right: 7px solid #ffcb05;
transform: rotate(45deg);
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -54px;
right: 0px;
z-index: -1;
transition: right .5s; }
a.aniButton:hover span::before {
right: -40px; }
/**********
Contact Button
**********/
.contactButton {
position: absolute;
top: 90%;
left: 9px;
z-index: 999; }
.contactButton svg {
width: 2em; }
.contactButton svg .chat {
transition: fill .3s ease-in-out; }
.contactButton:hover svg .chat {
fill: #ffcb04; }
/**********
Header Styles
**********/
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 99999;
background: #fff; }
.admin-bar header {
top: 30px; }
header .headerContain {
position: relative;
padding: 15px 10px 10px; }
@media (max-width: 767px) {
header .headerContain {
padding-bottom: 0; } }
header .site-logo svg {
width: 100%;
max-width: 190px; }
header #mobile-nav-icon {
display: none;
float: right;
margin-right: 25px;
margin-top: 5px;
width: 30px;
height: 40px;
position: relative;
transform: rotate(0deg);
transition: .5s ease-in-out;
cursor: pointer; }
header #mobile-nav-icon span {
display: block;
position: absolute;
height: 3px;
width: 100%;
background: #414b56;
border-radius: 3px;
opacity: 1;
left: 0;
transform: rotate(0deg);
transition: .25s ease-in-out; }
header #mobile-nav-icon span:nth-child(1) {
top: 0px; }
header #mobile-nav-icon span:nth-child(2), header #mobile-nav-icon span:nth-child(3) {
top: 9px; }
header #mobile-nav-icon span:nth-child(4) {
top: 18px; }
header #mobile-nav-icon.open span:nth-child(1) {
top: 9px;
width: 0%;
left: 50%; }
header #mobile-nav-icon.open span:nth-child(2) {
transform: rotate(45deg); }
header #mobile-nav-icon.open span:nth-child(3) {
transform: rotate(-45deg); }
header #mobile-nav-icon.open span:nth-child(4) {
top: 9px;
width: 0%;
left: 50%; }
header nav {
position: relative;
font-size: 1.125rem; }
header nav ul {
float: right;
list-style: none;
margin: 5px 10px; }
header nav ul li {
float: left;
margin-left: 20px;
line-height: inherit;
margin-bottom: 0;
padding-left: 0;
text-indent: 0; }
header nav ul li:before {
display: none; }
header nav ul li a {
text-decoration: none;
font-weight: normal;
transition: color .2s linear;
font-family: franklin-gothic-urw, Helvetica, arial, sans-serif; }
header nav ul li a:link, header nav ul li a:visited {
color: #414b56; }
header nav ul li a:hover, header nav ul li a:active {
color: #ffcb04; }
header nav ul li.current-menu-item a, header nav ul li.current_page_parent a {
color: #ffcb04;
cursor: default; }
@media (min-width: 768px) {
header nav ul li.current-menu-item a, header nav ul li.current_page_parent a {
border-bottom: 3px solid #ffcb04; } }
header nav ul li:last-child a {
position: relative;
border: 2px solid #dddfdf;
border-right: 0;
padding: 5px 10px 5px 15px;
z-index: 100;
font-weight: bold; }
header nav ul li:last-child a:after {
content: "";
display: block;
position: absolute;
border: 2px solid #dddfdf;
border-width: 2px 2px 0 0;
width: calc(1.125rem + 5px);
height: calc(1.125rem + 5px);
transform: translateY(-48%) rotate(45deg);
top: 49.8%;
right: -13px;
z-index: -1; }
header nav ul li:last-child a:hover {
color: #fff;
background-color: #ffcb04;
border-color: #ffcb04; }
header nav ul li:last-child a:hover:after {
background-color: #ffcb04;
border-color: #ffcb04; }
@media (max-width: 767px) {
header #mobile-nav-icon {
display: block; }
header nav {
width: 100%;
overflow: hidden;
height: 0;
transition: all .4s linear;
position: absolute;
top: 60px;
left: 0;
z-index: 9999;
background: #fff; }
header nav ul {
float: none;
width: 100%;
margin: 0; }
header nav ul li {
display: block;
float: none;
text-align: left;
margin: 0 auto; }
header nav ul li::after {
content: "";
display: block;
width: 0%;
height: 100%;
margin: 0 auto;
border-bottom: 1px solid #a49c96;
transition: width .2s linear; }
header nav ul li:last-child::after {
border-bottom: none; }
header nav ul li:last-child a:hover:after {
position: relative;
float: right; }
header nav ul li:nth-child(1)::after {
transition-delay: 0.15s; }
header nav ul li:nth-child(2)::after {
transition-delay: 0.3s; }
header nav ul li:nth-child(3)::after {
transition-delay: 0.45s; }
header nav ul li:nth-child(4)::after {
transition-delay: 0.6s; }
header nav ul li:nth-child(5)::after {
transition-delay: 0.75s; }
header nav ul li:nth-child(6)::after {
transition-delay: 0.9s; }
header nav ul li:nth-child(7)::after {
transition-delay: 1.05s; }
header nav ul li:nth-child(8)::after {
transition-delay: 1.2s; }
header nav ul li:nth-child(9)::after {
transition-delay: 1.35s; }
header nav ul li:nth-child(10)::after {
transition-delay: 1.5s; }
header nav ul li a {
display: block;
width: 100%;
padding: 20px 20px; }
header nav ul li a:last-child {
border: 0;
padding: 20px; }
header nav ul li a:last-child:after {
display: none; }
header nav.visible {
display: block;
height: 100vh;
padding: 0; }
header nav.visible ul li::after {
width: 100%; } }
/**********
FireFox Fixes
**********/
@-moz-document url-prefix() {
header nav ul li:last-child a:after {
width: calc(1.125rem + 4px);
height: calc(1.125rem + 2px);
transform: translateY(-49%) rotate(45deg);
right: -12px; } }
/**********
Banner Styles
**********/
.banner {
position: relative;
background: #ededed;
background-size: cover;
background-position: center center;
padding: 30px;
margin: 50px 0 15px; }
@media (min-width: 1555px) {
.banner {
background-position: center -75px; } }
.banner .bannerLeftShape {
position: absolute;
bottom: -69px;
width: 26%;
max-width: 496px; }
.page .banner .bannerLeftShape {
left: -100px; }
.home .banner .bannerLeftShape {
left: 0; }
.banner .bannerContent {
min-height: 420px; }
.home .banner .bannerContent {
min-height: 560px; }
.home .banner .bannerContent h1 {
color: #414b56; }
.banner .bannerContent h1 {
font-size: 3rem;
max-width: 45%;
font-family: larsseit, sans-serif;
margin: 1.5625rem 0 1.25rem;
color: #fff; }
.banner .bannerContent p {
max-width: 35%;
line-height: 1.5em; }
@media (max-width: 767px) {
.banner {
background-position: left center; }
.banner .bannerContent {
min-height: auto; }
.banner .bannerContent h1, .banner .bannerContent p {
max-width: 100%; } }
@media (min-width: 1555px) {
.home .banner {
background-position: center center; } }
/**********
Page Content Styles
**********/
.imgCollage {
position: absolute;
width: 720px;
height: 612px;
max-width: 75%;
transition: width .6s, right .6s, left .6s; }
.imgCollage .collageItem {
position: absolute;
top: 0;
left: 0;
width: 100%; }
.imgCollage .collageItem:nth-child(1) {
z-index: -100; }
.imgCollage .collageItem:nth-child(2) {
z-index: -90; }
.imgCollage .collageItem:nth-child(3) {
z-index: -80; }
.imgCollage .collageItem:nth-child(4) {
z-index: -70; }
.imgCollage .collageItem:nth-child(5) {
z-index: -60; }
.imgCollage .collageItem:nth-child(6) {
z-index: -50; }
.home {
/* Break points for logos */ }
.home #introCollage {
margin-top: 43rem; }
@media (max-width: 970px) {
.home #introCollage {
margin-top: 83rem; } }
.home .logoContain {
float: left;
width: 14.28%;
position: relative;
height: 100px; }
.home .logoContain img {
position: absolute;
max-width: 100%;
max-height: 100%;
top: 50% !important;
left: 50% !important;
transform: translate(-50%, -50%) !important; }
@media (max-width: 970px) {
.home .logoContain {
width: 16.666%; }
.home .logoContain:nth-child(n+7) {
display: none; } }
@media (max-width: 840px) {
.home .logoContain {
width: 20%; }
.home .logoContain:nth-child(n+6) {
display: none; } }
@media (max-width: 650px) {
.home .logoContain {
width: 25%; }
.home .logoContain:nth-child(n+5) {
display: none; } }
@media (max-width: 490px) {
.home .logoContain {
width: 33.33%; }
.home .logoContain:nth-child(n+4) {
display: none; } }
@media (max-width: 400px) {
.home .logoContain {
width: 50%; }
.home .logoContain:nth-child(n+3) {
display: none; } }
section {
margin: 15px 0 15px;
overflow: auto;
clear: both; }
section h2 {
margin-bottom: 1.875rem; }
section.intro {
margin: 150px 0 125px; }
.imgCollage {
right: -90px; }
@media (max-width: 1300px) {
.imgCollage {
width: 630px; } }
@media (max-width: 1090px) {
.imgCollage {
right: -120px; } }
@media (max-width: 1000px) {
.imgCollage {
right: -200px; } }
section.productsAndTools {
margin: 50px 0; }
section.productsAndTools figure {
position: relative;
overflow: hidden;
margin-bottom: 50px;
opacity: 1;
transition: opacity .5s ease-out; }
section.productsAndTools figure.fadeIn {
opacity: 1; }
section.productsAndTools figure a img {
width: 100%;
height: auto;
display: block; }
section.productsAndTools figure a span {
position: absolute;
background-color: #fff;
bottom: 10px;
left: 10px; }
section.productsAndTools figure a span svg {
height: 1.5em;
width: 1.5em;
margin: 10px 10px 5px; }
section.productsAndTools figure a span svg * {
fill: #2a2a2a; }
section.productsAndTools figure figcaption {
position: absolute;
left: 0;
bottom: -100%;
width: 100%;
background-color: #ffcb04;
padding: 19px 20px;
transition: bottom .3s ease-in; }
section.productsAndTools figure figcaption svg {
height: 1.5em;
width: 1.5em;
float: left; }
section.productsAndTools figure figcaption svg * {
fill: #fff; }
section.productsAndTools figure figcaption h3 {
color: #fff;
font-weight: bold;
font-family: 'franklin-gothic-urw', Helvetica, arial, sans-serif;
margin-left: 1.75em;
margin-top: .1em;
overflow: hidden; }
section.productsAndTools figure:hover figcaption {
display: block;
bottom: 0;
transition: bottom .3s ease-out; }
section.productsAndTools .col {
padding-right: 40px; }
@media (min-width: 768px) {
section.productsAndTools .col:nth-child(4) {
margin-top: 300px; } }
section.differenceMaking {
margin: 35px 0 75px; }
section.differenceMaking .icons svg {
padding: 5%; }
.circlesRightShape {
position: absolute;
right: -75px; }
@media (max-width: 767px) {
.circlesRightShape {
right: -230px; } }
section.workWith {
margin: 50px 0; }
#worksWithCollage {
position: absolute;
left: -110px;
margin-top: 31.25rem;
width: 570px;
max-width: calc(35% + 190px); }
@media (max-width: 1200px) {
#worksWithCollage {
left: -135px;
width: 480px; } }
section.workWith .clients img {
margin-bottom: 20px; }
section.contactLink {
background: #ffcb04;
padding: 35px 35px 30px 35px;
display: block;
margin: 50px 0 150px;
position: relative; }
section.contactLink h2 {
display: inline-block;
margin: 0;
font-size: 2.25rem;
color: #fff;
margin-top: 5px;
width: 65%; }
section.contactLink p {
display: inline-block;
margin-bottom: 0;
position: absolute;
top: 50%;
transform: translateY(-46%);
right: 10px; }
section.contactLink p a.aniButton {
color: #ffcb04;
margin-top: 0; }
section.contactLink p a.aniButton span {
background: #ffffff; }
section.contactLink p a.aniButton span::after {
border-left: 100px solid #FFFFFF; }
section.contactLink p a.aniButton span::before {
border-top: 7px solid #FFFFFF;
border-right: 7px solid #FFFFFF; }
/**********
Footer Styles
**********/
footer {
font-size: 1rem;
position: relative;
background: #fff;
border-top: 1px solid #ddd; }
footer:after {
content: " ";
position: absolute;
z-index: -999;
background-image: url("../images/photos/shapes/redFooter.png");
background-size: cover;
top: -290px;
right: -160px;
width: 494px;
height: 450px; }
footer .footerContent {
position: relative;
perspective: 600px;
overflow: hidden; }
footer .footerContent div {
padding: 30px 0;
line-height: 2em; }
footer .footerContent div .footerNav li {
position: relative;
line-height: inherit;
margin-bottom: 0;
padding-left: 0;
text-indent: 0;
margin-left: 0; }
footer .footerContent div .footerNav li:before {
display: none; }
footer .footerContent div:first-child ul {
margin: 0; }
footer .footerContent div:first-child #smLinks {
margin-top: 10px; }
footer .footerContent div:first-child #smLinks li {
float: left;
margin-right: 15px;
padding-right: 0;
line-height: inherit;
margin-bottom: 0;
padding-left: 0;
text-indent: 0;
margin-left: 0; }
footer .footerContent div:first-child #smLinks li:before {
display: none; }
footer .footerContent div:first-child #smLinks li a svg {
width: 1em; }
footer .footerContent div:first-child #smLinks li a:hover svg * {
fill: #ffcb04; }
footer .footerContent div:nth-child(2) {
border-right: 1px solid #ddd; }
footer .footerContent div:last-child {
text-align: right;
padding-top: 80px; }
footer .footerContent div .aniButton {
margin-top: -10px; }
footer .footerContent div .address {
font-size: 1rem; }
footer .footerContent div .address span {
display: block;
position: relative; }
/**********
Process Page Styles
**********/
.page-template-page-process .bannerContent h2 {
color: #414b56; }
.page-template-page-process section {
margin: 0;
padding: 50px 0; }
.page-template-page-process section.contactLink {
padding: 50px;
margin-bottom: 150px; }
.pageIntro h3 {
font-size: 3rem;
margin-bottom: .3em;
line-height: 1.2em; }
.pageIntro p {
line-height: 1.5em; }
.processIcon {
position: relative; }
.processIcon svg {
float: none;
margin: 30px auto;
display: block;
position: relative; }
.processIcon:before {
content: "";
max-width: 296px;
max-height: 296px;
width: 70%;
height: 70%;
min-height: 296px;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
visibility: visible;
z-index: -50;
background-size: contain; }
.processIcon.step1 svg {
top: 200px;
left: 110px; }
.processIcon.step1::before {
background-image: url("../images/photos/shapes/Circle3.png");
left: 90px; }
.processIcon.step2 svg {
top: 0px;
left: -140px; }
.processIcon.step2::before {
background-image: url("../images/photos/shapes/Square4.png");
right: 110px;
top: 130px; }
.processIcon.step3 svg {
top: 200px;
left: 100px; }
.processIcon.step3::before {
background-image: url("../images/photos/shapes/Square1.png");
left: 110px; }
.processIcon.step4 svg {
top: 0px;
left: -140px; }
.processIcon.step4::before {
background-image: url("../images/photos/shapes/Circle2.png");
right: 110px;
top: 130px; }
.processDesc h3 {
font-family: "franklin-gothic-urw", sans-serif;
font-weight: 700;
font-size: 1.125rem;
text-transform: uppercase;
border-bottom: 2px solid #414b56;
display: inline; }
.processDesc h2 {
margin-top: 30px;
font-size: 2.25rem; }
.processStep {
overflow: visible; }
.processStep:nth-child(odd) .processIcon {
text-align: right; }
.page-template-page-process section.ourWorkPusher {
padding-top: 150px; }
.page-template-page-process section.ourWorkPusher h2 a.aniButton {
float: right;
font-size: 1rem;
line-height: 1em;
margin: 0; }
@media (max-width: 1119px) {
.page-template-page-process section.ourWorkPusher h2 a.aniButton {
float: none; } }
.page-template-page-process section.ourWorkPusher .workPusher {
max-height: 250px;
position: relative;
overflow: hidden;
clear: right; }
.page-template-page-process section.ourWorkPusher .workPusher img {
width: 100%; }
.page-template-page-process section.ourWorkPusher .workPusher span.client {
padding: 5px 10px;
display: inline-block;
background: #fff;
text-transform: uppercase;
font-weight: bold;
color: #2a2a2a;
font-size: 0.75rem;
position: absolute;
top: 10px;
right: 20px;
transition: background-color .3s, color .3s;
font-family: franklin-gothic-urw, 'helvetica', arial, sans-serif; }
.page-template-page-process section.ourWorkPusher .workPusher figcaption {
position: absolute;
bottom: -100%;
background: #ffcb04;
display: block;
padding: 20px;
left: 10px;
width: calc(100% - 20px);
transition: bottom .3s ease-in; }
.page-template-page-process section.ourWorkPusher .workPusher figcaption h3 {
color: #FFF;
display: inline-block;
margin-left: 35px; }
.page-template-page-process section.ourWorkPusher .workPusher figcaption svg {
width: 1.5em;
position: absolute;
top: 23px; }
.page-template-page-process section.ourWorkPusher .workPusher figcaption svg * {
fill: #fff; }
.page-template-page-process section.ourWorkPusher .workPusher:hover figcaption {
bottom: 0;
transition: bottom .3s ease-out; }
.page-template-page-process section.ourWorkPusher .workPusher:hover span.client {
background-color: #ffcb04;
color: #fff; }
/* OUR STORY */
.page-template-page-story .pageIntro {
margin-top: 50px; }
.page-template-page-story #introCollage {
right: -160px; }
.page-template-page-story section#one, .page-template-page-story section#two {
margin-top: 70px; }
.page-template-page-story section#one h3, .page-template-page-story section#two h3 {
font-size: 2.25rem; }
.page-template-page-story section#one ul, .page-template-page-story section#two ul {
width: 50%;
float: left;
margin-top: 0; }
.page-template-page-story section#one ul li, .page-template-page-story section#two ul li {
padding-right: 20px;
line-height: 1.5em;
margin-bottom: .4em;
padding-left: 10px;
text-indent: -3px;
margin-left: 3px; }
.page-template-page-story section#one ul li::before, .page-template-page-story section#two ul li::before {
content: "\203A";
color: #a49c96;
font-size: 1.2em;
position: relative;
display: inline-block;
left: -10px; }
.page-template-page-story .lifestyle {
height: auto;
top: 100px;
border-radius: 50%;
position: absolute; }
@media (max-width: 767px) {
.page-template-page-story .lifestyle {
position: relative; } }
.page-template-page-story section#two {
clear: none; }
.page-template-page-story .contain {
position: relative;
clear: left; }
.page-template-page-story #team {
position: relative;
z-index: 5;
overflow: visible;
margin-top: 150px; }
.page-template-page-story #team::before {
content: "";
display: block;
background-image: url("../images/photos/shapes/Square1.png");
background-repeat: no-repeat;
background-position: right top;
height: 256px;
width: 256px;
position: absolute;
z-index: -5;
right: -100px;
top: 100px; }
@media (max-width: 767px) {
.page-template-page-story #team::before {
display: none; } }
.page-template-page-story #team h3 {
font-size: 3rem; }
.page-template-page-story #team .teamMembers {
display: flex;
flex-wrap: wrap;
margin-top: 1.5rem; }
.page-template-page-story #team .teamMembers + .teamMembers {
margin-top: 4rem; }
@supports (display: grid) {
.page-template-page-story #team .teamMembers {
display: grid;
grid-gap: 48px;
grid-template-columns: 1fr; }
@media (min-width: 42rem) {
.page-template-page-story #team .teamMembers {
grid-template-columns: 1fr 1fr; } }
@media (min-width: 62rem) {
.page-template-page-story #team .teamMembers {
grid-template-columns: 1fr 1fr 1fr; } } }
.page-template-page-story #team .teamMember {
margin: 50px 15px 0;
flex: 33%;
text-align: center; }
@media (min-width: 42rem) {
.page-template-page-story #team .teamMember {
display: flex;
align-items: center;
text-align: left; } }
@supports (display: grid) {
.page-template-page-story #team .teamMember {
margin: 0; } }
.page-template-page-story #team .teamMember .teamMember--details {
flex: 2; }
.page-template-page-story #team .teamMember .teamMember--details h3 {
font-size: 24px; }
.page-template-page-story #team .teamMember .teamMember--details h4, .page-template-page-story #team .teamMember .teamMember--details .comments .wrapper article header cite, .comments .wrapper article header .page-template-page-story #team .teamMember .teamMember--details cite {
font-size: 16px;
margin-bottom: 0; }
.page-template-page-story #team .teamMember .teamPhoto {
flex: 1;
max-width: 12rem;
margin: 0 auto 1rem; }
@media (min-width: 42rem) {
.page-template-page-story #team .teamMember .teamPhoto {
margin: 0 32px 0 0; } }
.page-template-page-story #team .teamMember .teamPhoto .inner {
height: 0;
width: 100%;
padding-bottom: 100%;
overflow: hidden;
border-radius: 50%;
background: #ebedf0; }
.page-template-page-story #team .teamMember .teamPhoto img {
width: 100%;
height: auto;
display: block; }
.page-template-page-story #team .teamMember h3 {
font-size: 1.5rem;
width: 100%;
padding-left: 0;
padding-right: 0;
float: none; }
.page-template-page-story #team .teamMember h4, .page-template-page-story #team .teamMember .comments .wrapper article header cite, .comments .wrapper article header .page-template-page-story #team .teamMember cite {
margin-bottom: 1rem; }
.page-template-page-story #team .teamMember:last-child {
position: relative; }
.page-template-page-story #team .teamMember:last-child:after {
content: "";
display: block;
width: 305px;
height: 305px;
background-image: url("../images/photos/shapes/Circle2.png");
background-repeat: no-repeat;
background-position: right top;
position: absolute;
z-index: -5;
visibility: visible;
visibility: visible;
left: 260px;
top: 300px; }
@media (max-width: 767px) {
.page-template-page-story #team .teamMember:last-child:after {
display: none; } }
.page-template-page-story #team .teamMember .careersLink {
background-color: #b9a53a;
color: #fff;
width: 100%; }
.page-template-page-story #team .teamMember .careersLink h3 {
color: #Fff;
font-size: 3rem;
padding: 40px;
display: inline-block; }
.page-template-page-story #team .teamMember .careersLink a.aniButton {
margin: 0 40px;
color: #b9a53a; }
.page-template-page-story #team .teamMember .careersLink a.aniButton span {
background: #fff; }
.page-template-page-story #team .teamMember .careersLink a.aniButton span::after {
border-left: 100px solid #fff; }
.page-template-page-story #team .teamMember .careersLink a.aniButton span::before {
content: "";
border-top: 7px solid #fff;
border-right: 7px solid #fff; }
.page-template-page-story #team .teamMember .careersLink::before {
content: "";
float: left;
padding-bottom: 113.5%; }
.page-template-page-story #team .teamMember .careersLink::after {
content: "";
display: table;
clear: both; }
@media (max-width: 1210px) {
.page-template-page-story #team .teamMember .careersLink h3 {
font-size: 2.25rem; } }
@media (max-width: 1015px) {
.page-template-page-story #team .teamMember .careersLink h3 {
font-size: 1.75rem; }
.page-template-page-story #team .teamMember .careersLink a.aniButton span {
padding: 10px; } }
.page-template-page-story #team .teamMember.-careersLink {
grid-column-start: 3;
grid-column-end: 3; }
.page-template-page-story .workWith {
margin: 100px 0;
z-index: 5; }
.page-template-page-story #worksWithCollage {
margin-top: 0; }
/* CASE STUDY */
.single-case_study .hero {
position: relative;
margin-top: 60px; }
.single-case_study .hero img {
width: 100%;
z-index: 0;
display: block; }
.single-case_study .hero .heroContent {
position: absolute;
top: 0;
left: 0;
z-index: 50;
width: 100%; }
.single-case_study .hero .heroContent .wrapper {
padding-top: 3.125rem; }
.single-case_study .hero .heroContent .wrapper h1 {
font-size: 3rem;
color: #fff;
float: left;
width: 50%; }
.single-case_study .hero .heroContent .wrapper a.caseStudyPdf {
float: right;
padding: 20px;
background: rgba(255, 255, 255, 0.25);
text-decoration: none;
color: #fff;
font-weight: 600;
font-size: 1rem; }
.single-case_study .hero .heroContent .wrapper a.caseStudyPdf:hover {
text-decoration: underline; }
.single-case_study .hero .heroContent .wrapper a.caseStudyPdf svg {
width: 1.5em;
display: inline-block;
margin-bottom: -.5em;
margin-left: 1.5em; }
.single-case_study main {
max-width: none;
margin: 0;
padding: 0; }
.single-case_study section {
margin: 0;
/* Custom Content Styles */ }
.single-case_study section .textBlock {
width: 50%;
float: none;
margin: 200px auto; }
.single-case_study section .textBlock h3 {
font-family: 'larsseit';
font-size: 2.25rem;
color: inherit; }
.single-case_study section .textBlock h3 + h3 {
margin-top: .5em; }
.single-case_study section .textBlock p {
width: 80%;
margin: 30px auto; }
.single-case_study section .textBlock ul {
margin: 30px auto;
width: 80%; }
.single-case_study section .textBlock ul li {
padding-right: 20px;
line-height: 1.5em;
margin-bottom: .4em;
padding-left: 30px;
text-indent: -3px;
margin-left: 3px; }
.single-case_study section .textBlock ul li:before {
content: "\203A";
color: #a49c96;
font-size: 1.2em;
position: relative;
display: inline-block;
left: -10px; }
.single-case_study section .fullWidthImage img {
display: block;
width: 100%; }
.single-case_study section .images {
padding: 30px 0; }
.single-case_study section .images img.small {
padding: 30px; }
.single-case_study section .images img.large {
padding: 30px; }
.single-case_study section .images img.tall {
padding: 30px; }
.single-case_study section .imageAndText {
padding-top: 30px;
padding-bottom: 30px; }
.single-case_study section .imageAndText .text h3 {
text-transform: uppercase;
border-bottom: 2px solid #2a2a2a;
display: inline-block;
font-weight: 600;
margin-bottom: 1em;
font-size: 1.125rem;
font-family: franklin-gothic-urw, Helvetica, arial, sans-serif; }
.single-case_study section .quote {
padding: 150px 0; }
.single-case_study section .quote blockquote {
font-family: 'larsseit';
font-size: 2.25rem;
color: inherit; }
.single-case_study section .quote blockquote cite {
font-size: 1rem;
display: block;
margin-top: 2em;
font-style: normal; }
.single-case_study section .quote blockquote::before {
content: "\201C";
display: block;
color: inherit;
width: 100px;
height: 100px;
visibility: visible;
font-size: 285px;
position: absolute;
line-height: 1em;
left: -150px; }
.single-case_study section .pdf {
padding: 50px 0; }
.single-case_study section .pdf h2 {
font-size: 2.25rem;
display: inline-block;
margin: 0;
line-height: 2em; }
.single-case_study section .pdf a.caseStudyPdf {
float: right;
padding: 20px;
border: 1px solid #414b56;
color: #414b56;
text-decoration: none;
font-weight: 600;
font-size: 1rem; }
.single-case_study section .pdf a.caseStudyPdf:hover {
text-decoration: underline; }
.single-case_study section .pdf a.caseStudyPdf svg {
width: 1.5em;
display: inline-block;
margin-bottom: -.5em;
margin-left: 1.5em; }
.single-case_study section .pdf a.caseStudyPdf svg * {
fill: #414b56; }
.single-case_study section .custom {
padding: 100px 0; }
.single-case_study section .custom .col h3 {
font-size: 6rem;
border-bottom: 2px solid #414b56;
padding: 0;
line-height: 1em;
display: inline-block;
margin-bottom: .1em; }
.single-case_study .relatedCaseStudies {
padding-top: 150px;
padding-bottom: 150px; }
.single-case_study .relatedCaseStudies h2 a.aniButton {
float: right;
font-size: 1rem;
line-height: 1em;
margin: 0; }
.single-case_study .relatedCaseStudies .workPusher {
max-height: 250px;
position: relative;
overflow: hidden; }
.single-case_study .relatedCaseStudies .workPusher img {
width: 100%; }
.single-case_study .relatedCaseStudies .workPusher span.client {
padding: 5px 10px;
display: inline-block;
background: #fff;
text-transform: uppercase;
font-weight: bold;
color: #2a2a2a;
font-size: 0.75rem;
position: absolute;
top: 10px;
right: 20px;
transition: background-color .3s, color .3s;
font-family: franklin-gothic-urw, 'helvetica', arial, sans-serif; }
.single-case_study .relatedCaseStudies .workPusher figcaption {
position: absolute;
bottom: -100%;
background: #ffcb04;
display: block;
padding: 20px;
left: 10px;
width: calc(100% - 20px);
transition: bottom .3s ease-out; }
.single-case_study .relatedCaseStudies .workPusher figcaption h3 {
color: #FFF;
display: inline-block;
margin-left: 35px; }
.single-case_study .relatedCaseStudies .workPusher figcaption svg {
width: 1.5em;
position: absolute;
top: 18px; }
.single-case_study .relatedCaseStudies .workPusher figcaption svg * {
fill: #fff; }
.single-case_study .relatedCaseStudies .workPusher:hover figcaption {
bottom: 0; }
.single-case_study .relatedCaseStudies .workPusher:hover span.client {
background-color: #ffcb04;
color: #fff; }
.page-template-page-work .pageIntro, .home .pageIntro {
left: 0; }
.page-template-page-work .pageIntro .col svg, .home .pageIntro .col svg {
width: 75%;
margin: 0 auto;
display: block; }
.page-template-page-work .pageIntro .col h3, .home .pageIntro .col h3 {
font-family: "franklin-gothic-urw", sans-serif;
font-weight: 700;
font-size: 1.125rem;
text-transform: uppercase;
display: inline-block;
margin-bottom: 20px;
clear: left; }
@media (min-width: 768px) and (max-width: 970px) {
.page-template-page-work .pageIntro .col, .home .pageIntro .col {
width: 50%; }
.page-template-page-work .pageIntro .col:nth-child(4), .home .pageIntro .col:nth-child(4) {
clear: left; } }
.caseStudyIndex {
overflow: visible;
margin-top: 50px; }
.caseStudyIndex .row {
display: block;
clear: left; }
.caseStudyIndex figure {
margin-bottom: 2em; }
.caseStudyIndex figure span.image {
display: block;
position: relative;
height: auto;
margin-bottom: 1em; }
.caseStudyIndex figure span.image img {
display: block;
width: 100%;
height: auto; }
.caseStudyIndex figure span.image::after {
content: "";
display: block;
height: 0px;
background-color: #ffcb04;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
transition: height .3s; }
.caseStudyIndex figure span.image .client {
padding: 5px 10px;
display: inline-block;
background: #fff;
text-transform: uppercase;
font-weight: bold;
color: #2a2a2a;
font-size: 0.75rem;
position: absolute;
bottom: 20px;
left: 20px;
transition: background-color .3s, color .3s;
font-family: franklin-gothic-urw, 'helvetica', arial, sans-serif; }
.caseStudyIndex figure h3 {
transition: color .3s;
font-size: 1.1875rem; }
.caseStudyIndex figure a {
text-decoration: none; }
.caseStudyIndex figure a:hover span.image::after {
height: 7px; }
.caseStudyIndex figure a:hover span.image .client {
background-color: #ffcb04;
color: #fff; }
.caseStudyIndex figure a:hover p {
color: #bcb6b1;
transition: color .3s; }
.caseStudyIndex figure a:hover h3 {
color: #9f9d9b; }
@media (min-width: 768px) {
.caseStudyIndex figure:nth-child(odd) {
padding-right: 25px; }
.caseStudyIndex figure:nth-child(even) {
padding-left: 25px; } }
.blog .banner .bannerLeftShape, .category .banner .bannerLeftShape {
left: 0; }
.blog main.blogIndex, .category main.blogIndex {
margin-top: 100px; }
.blog main.blogIndex section.titleInfo, .category main.blogIndex section.titleInfo {
width: 100%;
margin: 0;
overflow: visible; }
.blog main.blogIndex section.titleInfo h2, .category main.blogIndex section.titleInfo h2 {
float: left; }
.blog main.blogIndex section.titleInfo nav ul, .category main.blogIndex section.titleInfo nav ul {
float: left;
margin: 0 0 30px; }
.blog main.blogIndex section.titleInfo nav ul li, .category main.blogIndex section.titleInfo nav ul li {
float: left;
margin: 0 15px;
font-size: 1.125rem;
line-height: inherit;
padding-left: 0;
text-indent: 0; }
.blog main.blogIndex section.titleInfo nav ul li:before, .category main.blogIndex section.titleInfo nav ul li:before {
display: none; }
.blog main.blogIndex section.titleInfo nav ul li a, .category main.blogIndex section.titleInfo nav ul li a {
text-decoration: none;
position: relative;
transition: color .3s; }
.blog main.blogIndex section.titleInfo nav ul li a::after, .category main.blogIndex section.titleInfo nav ul li a::after {
content: "";
display: block;
position: absolute;
height: 1px;
right: 50%;
left: 50%;
background-color: #ffcb04;
transition: right .5s, left .5s; }
.blog main.blogIndex section.titleInfo nav ul li a:hover, .category main.blogIndex section.titleInfo nav ul li a:hover {
color: #ffcb04; }
.blog main.blogIndex section.titleInfo nav ul li a:hover::after, .category main.blogIndex section.titleInfo nav ul li a:hover::after {
right: 0;
left: 0; }
.blog main.blogIndex section.titleInfo nav ul li.current-cat a, .category main.blogIndex section.titleInfo nav ul li.current-cat a {
color: #ffcb04; }
.blog main.blogIndex section.titleInfo nav ul li.current-cat a::after, .category main.blogIndex section.titleInfo nav ul li.current-cat a::after {
right: 0;
left: 0; }
.blog main.blogIndex #allPosts, .category main.blogIndex #allPosts {
margin-bottom: 150px; }
.blog main.blogIndex #allPosts .blogPost, .category main.blogIndex #allPosts .blogPost {
margin-top: 75px;
opacity: 1; }
.blog main.blogIndex #allPosts .blogPost:first-child, .blog main.blogIndex #allPosts .blogPost:nth-child(2), .category main.blogIndex #allPosts .blogPost:first-child, .category main.blogIndex #allPosts .blogPost:nth-child(2) {
margin-top: 0; }
.blog main.blogIndex #allPosts .blogPost.hidden, .category main.blogIndex #allPosts .blogPost.hidden {
opacity: 0; }
.blog main.blogIndex #allPosts .blogPost a, .category main.blogIndex #allPosts .blogPost a {
text-decoration: none; }
.blog main.blogIndex #allPosts .blogPost a:hover, .category main.blogIndex #allPosts .blogPost a:hover {
color: #9f9d9b; }
.blog main.blogIndex #allPosts .blogPost a:hover .hover, .category main.blogIndex #allPosts .blogPost a:hover .hover {
height: 7px; }
.blog main.blogIndex #allPosts .blogPost a:hover .cat, .category main.blogIndex #allPosts .blogPost a:hover .cat {
background-color: #ffcb04;
color: #fff; }
.blog main.blogIndex #allPosts .blogPost a:hover h3::after, .category main.blogIndex #allPosts .blogPost a:hover h3::after {
left: 0;
right: 0;
height: 2px; }
.blog main.blogIndex #allPosts .blogPost a:hover h3, .category main.blogIndex #allPosts .blogPost a:hover h3 {
color: #9f9d9b; }
.blog main.blogIndex #allPosts .blogPost .date, .category main.blogIndex #allPosts .blogPost .date {
display: none; }
.blog main.blogIndex #allPosts .blogPost .cat, .category main.blogIndex #allPosts .blogPost .cat {
padding: 5px 10px;
display: inline-block;
background: #fff;
text-transform: uppercase;
font-weight: bold;
color: #2a2a2a;
font-size: 0.75rem;
position: absolute;
bottom: 20px;
left: 20px;
transition: background-color .3s, color .3s;
font-family: franklin-gothic-urw, 'helvetica', arial, sans-serif; }
.blog main.blogIndex #allPosts .blogPost .postImg, .category main.blogIndex #allPosts .blogPost .postImg {
background-position: center center;
background-size: cover;
position: relative;
width: 100%; }
.blog main.blogIndex #allPosts .blogPost .postImg::before, .category main.blogIndex #allPosts .blogPost .postImg::before {
content: "";
float: left;
padding-bottom: 70%; }
.blog main.blogIndex #allPosts .blogPost .postImg::after, .category main.blogIndex #allPosts .blogPost .postImg::after {
content: "";
display: table;
clear: both; }
.blog main.blogIndex #allPosts .blogPost .postImg .hover, .category main.blogIndex #allPosts .blogPost .postImg .hover {
position: absolute;
height: 0;
width: 100%;
bottom: 0;
left: 0;
background-color: #ffcb04;
transition: height .3s; }
.blog main.blogIndex #allPosts .blogPost h3, .category main.blogIndex #allPosts .blogPost h3 {
font-size: 1.1875rem;
display: inline-block;
position: relative;
margin-top: 20px;
transition: color .3s; }
@media (min-width: 768px) {
.blog main.blogIndex #allPosts .blogPost:nth-child(odd), .category main.blogIndex #allPosts .blogPost:nth-child(odd) {
padding-right: 25px;
clear: left; }
.blog main.blogIndex #allPosts .blogPost:nth-child(even), .category main.blogIndex #allPosts .blogPost:nth-child(even) {
padding-left: 25px; } }
.single-post .banner {
background-position: center bottom;
background-attachment: fixed;
background-size: 100% auto;
overflow: visible;
min-height: 500px; }
.single-post .banner .bannerLeftShape {
left: 0; }
.single-post .banner .bannerContent {
position: absolute;
bottom: 20px;
min-height: 0; }
.single-post .banner .bannerContent h1 {
text-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
margin: 10px 0;
font-size: 3rem;
max-width: 100%; }
.single-post .banner .bannerContent p.category {
padding: 5px 10px;
background: #fff;
display: inline-block;
margin: 0; }
.single-post .banner .bannerContent p.category a {
color: #414b56;
font-family: franklin-gothic-urw, 'helvetica', arial, sans-serif;
font-weight: bold;
text-decoration: none;
font-size: 0.75rem;
text-transform: uppercase; }
.single-post .banner .bannerContent p.authorInfo {
max-width: 100%;
color: #fff;
text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
line-height: 50px;
font-weight: bold; }
.single-post .banner .bannerContent p.authorInfo img {
border-radius: 50%;
border: 2px solid #fff;
width: 50px;
height: 50px;
box-shadow: 0 0 1px 5px #ffcb04;
display: block;
float: left;
margin-right: 20px;
margin-left: 5px; }
.single-post section article {
padding-top: 30px;
padding-bottom: 60px; }
.single-post section article .disclaimer {
color: #9f9d9b;
display: block;
border-bottom: 1px solid #eaeae9;
padding-bottom: 20px;
font-size: 1rem; }
.single-post section article .prev, .single-post section article .next {
display: block;
float: left;
margin-top: 30px; }
.single-post section article .next {
float: right; }
.single-post section article .prev a, .single-post section article .next a {
background: #fff;
transition: all .3s;
padding: 20px;
border: 1px solid #414b56;
color: #414b56;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
font-family: proxima-nova, sans-serif; }
.single-post section article .prev a:hover, .single-post section article .next a:hover {
text-decoration: underline; }
.single-post section article .no-break {
border-top: 1px solid #a49c96;
padding-top: 30px; }
.single-post section article .wp-caption, .single-post section article .wp-caption img, .single-post section article img {
max-width: 100%;
height: auto; }
a.share-link {
padding: 2px 8px 4px 8px !important;
color: white;
font-size: 12px;
border-radius: 2px;
margin-right: 2px;
cursor: pointer;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
-moz-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.2);
margin-top: 2px;
display: inline-block;
text-decoration: none; }
a.share-link:hover, a.share-link:active {
color: white; }
.share-twitter {
background: #00aced; }
.share-twitter:hover, .share-twitter:active {
background: #0084b4; }
.share-facebook {
background: #3B5997; }
.share-facebook:hover, .share-facebook:active {
background: #2d4372; }
.share-googleplus {
background: #D64937; }
.share-googleplus:hover, .share-googleplus:active {
background: #b53525; }
.share-linkedin {
background: #0074A1; }
.share-linkedin:hover, .share-linkedin:active {
background: #006288; }
.share-social {
margin: 20px 0px 25px 0px;
-webkit-font-smoothing: antialiased;
font-size: 12px; }
.page-template-page-careers main {
margin-top: 100px; }
.page-template-page-careers main img.lifestyle {
border-radius: 50%;
position: relative;
margin-bottom: 20px; }
@media (min-width: 768px) {
.page-template-page-careers main img.lifestyle:nth-child(3) {
left: -30px;
clear: left; } }
.page-template-page-careers main section {
clear: none; }
.page-template-page-careers main section.pageIntro {
left: 0; }
.page-template-page-careers main section.jobListings {
clear: left; }
.page-template-page-careers main section.jobListings li {
background-color: #fff;
padding: 20px;
color: #2a2a2a;
border: 1px solid #2a2a2a;
position: relative;
line-height: inherit;
margin-bottom: 0;
text-indent: 0;
margin-left: 0; }
.page-template-page-careers main section.jobListings li:before {
display: none; }
.page-template-page-careers main section.jobListings li h3 {
display: block;
position: absolute;
top: 52%;
transform: translateY(-50%); }
.page-template-page-careers main section.jobListings li a.aniButton {
float: right;
display: inline-block;
position: relative;
overflow: hidden;
padding-right: 65px;
text-decoration: none;
color: #333;
font-family: Helvetica;
font-weight: bold;
color: #fff;
margin-top: 0px;
font-size: 1rem; }
.page-template-page-careers main section.jobListings li a.aniButton span {
background: #ffcb05;
width: calc(auto + 20px);
display: block;
padding: 15px;
position: relative;
z-index: 50; }
.page-template-page-careers main section.jobListings li a.aniButton span::after {
content: "";
position: absolute;
top: 50%;
margin-top: -100px;
height: 1;
width: 1;
right: -140px;
border-left: 100px solid #ffcb05;
border-top: 100px solid transparent;
border-right: 100px solid transparent;
border-bottom: 100px solid transparent;
z-index: -5; }
.page-template-page-careers main section.jobListings li a.aniButton span::before {
content: "";
height: 100px;
width: 100px;
display: block;
border-top: 7px solid #ffcb05;
border-right: 7px solid #ffcb05;
transform: rotate(45deg);
border-radius: 3px;
position: absolute;
top: 50%;
margin-top: -54px;
right: 0px;
z-index: -1;
transition: right .5s; }
.page-template-page-careers main section.jobListings li a.aniButton:hover span::before {
right: -40px; }
@media (max-width: 767px) {
.page-template-page-careers main section.jobListings li a.aniButton {
float: none; }
.page-template-page-careers main section.jobListings li h3 {
position: relative;
top: 0;
transform: none;
margin-bottom: 10px; } }
.single-employment .banner .bannerLeftShape {
left: -5px;
bottom: -170px; }
.single-employment #introCollage {
left: calc(100vw - 26%);
width: 625px;
height: 625px;
top: 720px;
z-index: 500; }
.single-employment section {
overflow: visible; }
.single-employment section article h3 {
margin: 30px 0 10px; }
.single-employment section article .jssocials-share:hover {
transform: scale(1.3);
transition: transform .3s; }
.single-employment .gform_wrapper {
margin-top: 0; }
.single-employment .gform_wrapper .ginput_container label {
font-size: 0.625rem;
float: right;
color: #777;
font-style: italic;
margin: 3px 10px; }
.single-employment .gform_wrapper .name_first {
padding-left: 0; }
.single-employment .gform_wrapper .name_last {
padding-right: 0; }
body .gform_wrapper {
margin: 50px 0; }
body .gform_wrapper h3 {
font-size: 1.75rem; }
body .gform_wrapper input[type="text"], body .gform_wrapper textarea {
background: none;
border: none;
border-bottom: 1px solid #a49c96;
border-left: 1px solid #a49c96;
width: 100%;
margin-top: 10px;
padding: 5px; }
body .gform_wrapper textarea {
border: 1px solid #a49c96; }
body .gform_wrapper label.gfield_label {
font-family: "franklin-gothic-urw", sans-serif;
color: #a49c96;
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
display: inline;
line-height: 1em; }
body .gform_wrapper ul li.gfield {
margin-top: 25px;
line-height: inherit;
margin-bottom: 0;
padding-left: 0;
text-indent: 0;
margin-left: 0; }
body .gform_wrapper ul li.gfield:before {
display: none; }
body .gform_wrapper input[type="submit"] {
background: #fff;
transition: all .3s;
padding: 20px;
border: 1px solid #414b56;
color: #414b56;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
font-family: proxima-nova, sans-serif; }
body .gform_wrapper input[type="submit"]:hover {
text-decoration: underline; }
body .gform_wrapper input[type="file"] {
font-size: 0.75rem; }
body .gform_wrapper .gfield.fileUpload input[type="file"] {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1; }
body .gform_wrapper .gfield.fileUpload label {
font-size: 1.125rem;
font-weight: normal;
padding: 5px 10px;
color: #2a2a2a;
border: 1px solid #2a2a2a;
background-color: #fff;
display: inline-block;
text-transform: none;
cursor: pointer; }
body .gform_wrapper .gfield.fileUpload label::after {
content: " ";
display: block;
height: 1em;
width: 1em;
background-image: url(../images/svg/upload.svg);
background-size: 1em 1em;
background-position: right center;
background-repeat: no-repeat;
float: right;
margin-left: 10px; }
body .gform_wrapper .gfield.fileUpload label.attachment::after {
background-image: url(../images/svg/file.svg); }
body .gform_wrapper .gfield.fileUpload label:hover {
text-decoration: underline; }
body .gform_wrapper .validation_message, body .gform_wrapper .validation_error {
color: #f00; }
.wysiwyg h1 {
font-size: 2.25rem; }
.wysiwyg h2 {
font-size: 2rem; }
.wysiwyg h3 {
font-size: 1.75rem; }
.wysiwyg h4, .wysiwyg .comments .wrapper article header cite, .comments .wrapper article header .wysiwyg cite {
font-size: 1.125rem;
text-transform: uppercase;
color: #777; }
.wysiwyg h5 {
font-size: 1rem;
text-transform: uppercase;
color: #777;
font-weight: bold; }
.wysiwyg h6, .wysiwyg .comments .wrapper article header time, .comments .wrapper article header .wysiwyg time {
font-size: 1rem;
color: #777;
font-weight: bold; }
.wysiwyg p {
margin-bottom: 1.5em; }
.wysiwyg ul {
margin-bottom: 2em; }
.wysiwyg ul li {
padding-right: 20px;
line-height: 1.5em;
margin-bottom: .4em;
padding-left: 30px;
text-indent: -3px;
margin-left: 3px; }
.wysiwyg ul li:before {
content: "\203A";
color: #a49c96;
font-size: 1.2em;
position: relative;
display: inline-block;
left: -10px; }
.wysiwyg blockquote {
padding-left: 50px;
padding-right: 50px;
position: relative;
overflow: hidden; }
.wysiwyg blockquote p {
font-size: 30px;
color: #a49c96; }
.wysiwyg blockquote::before {
content: "\201C";
display: block;
position: absolute;
font-size: 6.25rem;
top: -20px;
left: 0;
color: #a49c96; }
.wysiwyg blockquote::after {
content: "\201D";
display: block;
position: absolute;
font-size: 6.25rem;
bottom: -40px;
right: 0;
color: #a49c96; }
.wysiwyg .alignleft {
float: left;
margin: 10px 20px 10px 0; }
.wysiwyg .alignright {
float: right;
margin: 10px 0 10px 20px; }
.wysiwyg pre {
margin-bottom: 1.5em; }
.wysiwyg .gform_wrapper {
width: auto; }
.comments .wrapper article {
left: 0;
padding: 0; }
.comments .wrapper article header {
position: relative;
padding-left: 0;
top: 0; }
.comments .wrapper article header img {
display: block;
float: right; }
.comments .wrapper article header cite {
font-style: normal; }
.comments .wrapper article header time {
display: block;
font-style: italic; }
.comments .wrapper article header time a {
text-decoration: none; }
.comments .wrapper article .comment_content {
clear: none;
margin-top: 0; }
.comments .wrapper div.comment, .comments .wrapper div.pingback {
margin-bottom: 20px;
border-bottom: 1px solid #a49c96;
padding-bottom: 20px; }
.comments .wrapper div.comment .comment-reply-link, .comments .wrapper div.pingback .comment-reply-link {
float: right; }
.comments .wrapper .comment-form {
margin-bottom: 30px; }
.comments .wrapper .comment-form .comment-notes {
font-size: 1rem; }
.comments .wrapper .comment-form input[type="text"], .comments .wrapper .comment-form input[type="email"], .comments .wrapper .comment-form input[type="url"], .comments .wrapper .comment-form textarea {
background: none;
border: none;
border-bottom: 1px solid #a49c96;
border-left: 1px solid #a49c96;
width: 100%;
margin-top: 10px;
padding: 5px;
margin-bottom: 15px; }
.comments .wrapper .comment-form textarea {
border: 1px solid #a49c96; }
.comments .wrapper .comment-form label {
font-family: "franklin-gothic-urw", sans-serif;
color: #a49c96;
font-weight: 700;
font-size: 0.75rem;
text-transform: uppercase;
display: inline;
line-height: 1em; }
.comments .wrapper .comment-form ul li.gfield {
margin-top: 25px; }
.comments .wrapper .comment-form input[type="submit"] {
margin-top: 20px;
background: #fff;
transition: all .3s;
padding: 20px;
border: 1px solid #414b56;
color: #414b56;
text-decoration: none;
font-weight: 600;
font-size: 1rem;
font-family: proxima-nova, sans-serif; }
.comments .wrapper .comment-form input[type="submit"]:hover {
text-decoration: underline; }
/* 404 Error Page */
.error404 main {
margin-top: 100px;
margin-bottom: 500px; }
.error404 main h2 {
float: left;
font-size: 18.75rem;
color: #ffcb04;
margin: 0;
position: relative;
top: 30px; }
.error404 main p {
margin: 0;
clear: left;
font-size: 1.75rem;
width: 50%; }
@media (max-width: 767px) {
h2 {
font-size: 2.125rem; }
.home .banner .bannerContent {
min-height: 0;
padding-bottom: 20px; }
.banner {
padding: 0; }
.imgCollage {
display: none; }
a.aniButton span {
padding: 10px; }
section.intro {
margin: 100px 0 50px; }
section.intro p {
width: 100%; }
section.productsAndTools .col {
padding-right: 10px; }
section.productsAndTools figure {
margin-bottom: 20px; }
section.productsAndTools figure figcaption {
display: block;
bottom: 0;
transition: bottom .3s ease-out; }
section.productsAndTools figure figcaption h3 {
font-size: 1.25rem; }
section.contactLink h2 {
font-size: 1.875rem;
width: 100%;
margin-bottom: 20px; }
section.contactLink p {
position: relative;
top: 0;
right: 0;
transform: translateY(0); }
.pageIntro h3 {
font-size: 2.125rem; }
.page-template-page-process section {
padding-bottom: 20px; }
.page-template-page-process section.ourWorkPusher {
padding-top: 30px; }
.page-template-page-story section#one, .page-template-page-story section#two {
margin-top: 0; }
.page-template-page-story #team {
margin-top: 0; }
.page-template-page-story #team h3 {
font-size: 2.125rem; }
.footerContent #smLinks {
margin: 10px auto 0;
display: inline-block; }
.footerContent #smLinks li {
padding-right: 10px;
transform: scale(1.5); }
footer .footerContent div:first-child {
padding-bottom: 0; }
footer .footerContent div:last-child {
text-align: center;
padding-top: 10px; }
footer .footerContent div:nth-child(2) {
border: 0; }
.page-template-page-story .lifestyle {
top: -10px; }
.page-template-page-story .workWith {
margin: 50px 0 0; }
.page-template-page-story .workWith h2 {
margin-bottom: 0; }
.processIcon {
display: none; }
.workPusher {
margin-bottom: 30px; }
.blog .banner .bannerLeftShape, .category .banner .bannerLeftShape {
display: none; }
.blog main.blogIndex, .category main.blogIndex {
margin-top: 0; }
.blog main.blogIndex #allPosts .blogPost:nth-child(2), .blog main.blogIndex #allPosts .blogPost, .category main.blogIndex #allPosts .blogPost {
margin-top: 30px; }
.blog main.blogIndex #allPosts, .category main.blogIndex #allPosts {
margin-bottom: 30px; }
.blog main.blogIndex section.titleInfo nav ul li, .category main.blogIndex section.titleInfo nav ul li {
margin: 5px 10px;
float: none; }
body .gform_wrapper {
margin: 0; }
.single-case_study .hero .heroContent {
top: 50%;
transform: translateY(-50%); }
.single-case_study .hero .heroContent .wrapper {
padding: 0;
text-align: center; }
.single-case_study .hero .heroContent .wrapper h1 {
width: 100%;
color: #414b56;
margin-top: 0; }
.single-case_study .hero .heroContent .wrapper h2 {
width: 100%;
font-size: 2rem; }
.single-case_study .hero .heroContent .wrapper a.caseStudyPdf {
float: none;
display: inline-block; }
.single-case_study section .textBlock {
margin: 0;
padding: 30px 15px;
width: 100%;
text-align: center; }
.single-case_study section .textBlock h3 {
font-size: 1.5625rem; }
.single-case_study section .images {
padding: 0; }
.single-case_study section .images img.small, .single-case_study section .images img.large, .single-case_study section .images img.tall {
width: 100%;
margin: 0;
padding: 0;
display: block; }
.single-case_study section .imageAndText img {
width: 100%;
padding: 0;
margin: 0; }
.single-case_study section .custom {
padding: 30px 0; }
.single-case_study section .pdf {
text-align: center; }
.single-case_study section .pdf h2 {
font-size: 1.5rem;
line-height: 1em; }
.single-case_study section .pdf a.caseStudyPdf {
float: none;
display: inline-block;
margin-top: 30px; }
.single-case_study .relatedCaseStudies {
padding-top: 50px;
padding-bottom: 50px; }
.single-case_study .relatedCaseStudies h2 {
font-size: 2rem; }
.single-case_study .relatedCaseStudies h2 a.aniButton {
float: none;
margin-top: 10px; }
.single-post section article {
padding-top: 0; }
.single-post .banner {
background-attachment: scroll;
background-size: cover; }
.single-post .banner .bannerContent h2 {
font-size: 2.125rem; }
.single-post .banner .bannerLeftShape {
display: none; }
footer:after {
display: none; }
.single-case_study .hero .heroContent {
position: relative;
transform: none;
top: 0;
margin-top: 30px; }
.single-case_study .hero .heroContent .wrapper {
padding-left: 15px;
padding-right: 15px; }
.single-case_study .hero .heroContent .wrapper h2 {
color: #2a2a2a;
margin-bottom: 20px;
text-align: left; }
.single-case_study .hero .heroContent .wrapper a.caseStudyPdf {
color: #2a2a2a;
border: 1px solid #2a2a2a; }
.single-case_study .hero .heroContent .wrapper a.caseStudyPdf svg * {
fill: #2a2a2a !important; }
.single-case_study section .textBlock {
text-align: left; }
.single-case_study section .images img.tall, .single-case_study section .images img.small, .single-case_study section .images img.large {
margin: 15px;
width: calc(100% - 30px); }
.single-case_study section .imageAndText img {
margin-top: 20px; }
.single-case_study section .quote blockquote::before {
left: 50%;
transform: translate(-50%, -100px); } }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
header .site-logo svg {
max-height: 40px; }
section.productsAndTools figure figcaption svg {
max-width: 1.5em; }
section.contactLink {
overflow-y: hidden; }
.page-template-page-process section.ourWorkPusher .workPusher figcaption svg {
height: 1.5em; }
footer .footerContent div:first-child #smLinks li a svg {
height: 1em; } }
/*# sourceMappingURL=screen.css.map */