@charset "UTF-8";
/*! normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * 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 font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0 0 0.67em;
}

h2 {
  font-size: 1.5em;
  margin: 0 0 0.83em;
}

h3 {
  font-size: 1.17em;
  margin: 0 0 1em;
}

h4 {
  font-size: 1em;
  margin: 0 0 1.33em;
}

h5 {
  font-size: 0.83em;
  margin: 0 0 1.67em;
}

h6 {
  font-size: 0.67em;
  margin: 0 0 2.33em;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 0;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 0 0 1em;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * 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
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 0 0 1em;
}

dd {
  margin: 0;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * 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 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */
}

/**
 * Address Firefox 3+ 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 6+.
 * 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.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */
}

/**
 * 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.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */
}

/**
 * 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 */
  /* 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 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/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;
}

/*
 * PROJECT INDEPENDENT HELPERS
 *
 */
/*
 * Image Replacement
 *
 * A more performance-friendly technique.
 * @extend these classes for more efficient CSS (SASS compiles a larger selector string here, instead of duplicating static rules lots of times).
 * Sometimes two @extends on the same rule (e.g. inside a SASS nested media query) cause SASS to choke, in which case use the @include mixin after the first @extend.
 *
 */
.ir, #footer-wrapper #footer-social a .icon, #content .page-title h1 a, #nav-wrapper #nav-logo {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.ir-undo {
  text-indent: 0;
  white-space: normal;
  overflow: visible;
}

/* Sprites  ***************************************************/
/* Coloured speech bubble quotes on project pages */
/* Zen Grids  ***************************************************/
/*
@import "zen";

$zen-column-count: 12;
$zen-gutter-width: 20px;
$zen-grid-width: 100%;
$zen-half-gutter: zen-half-gutter();
*/
/*
 * SASS Grid System
 */
/*

Example basic html:

<div class="grid-container">

	<div class="col w-6">
		A 50% column
	</div>

	<div class="col w-6">

		<div class="col w-half nested">
			A 25% nested column
		</div>

		<div class="col w-half nested">
			Another 25% nested column
		</div>

	</div>

</div>

*/
.grid-container, #footer-wrapper, #content-wrapper {
  overflow: hidden;
}

.col, #footer-wrapper #footer-social, #footer-wrapper #footer-copyright, #footer-wrapper #footer-contact #london, #footer-wrapper #footer-contact #hereford, #footer-wrapper #footer-contact #edinburgh, #footer-wrapper #footer-contact, #footer-wrapper #footer-blog, #footer-wrapper #footer-categories, .profile #person-nav li, .profile #person-nav, .profile .profile-image, .team-list li, .team-list, .blog.single .commentlist h2, .blog.single .related-projects, .blog.single aside .share, .blog.single aside .meta, .blog.single aside, .blog.single .main-post-area, .blog.single .archiblog-image, .blog #post-area .post, .contact #main header, .project-signoff > div, .project-signoff, .quote-2, .quote, .images-with-side-captions figcaption, .images-with-side-captions, .text-figure, .stats, .feature-slideshow, .copy-contact, .copy, .browse-project-thumb, .grid-full-width {
  float: left;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  padding-left: 10px;
  padding-right: 10px;
}
.col.right, #footer-wrapper .right#footer-social, #footer-wrapper .right#footer-copyright, #footer-wrapper #footer-contact .right#london, #footer-wrapper #footer-contact .right#hereford, #footer-wrapper #footer-contact .right#edinburgh, #footer-wrapper .right#footer-contact, #footer-wrapper .right#footer-blog, #footer-wrapper .right#footer-categories, .profile #person-nav li.right, .profile .right#person-nav, .profile .right.profile-image, .team-list li.right, .right.team-list, .blog.single .commentlist h2.right, .blog.single .right.related-projects, .blog.single aside .right.share, .blog.single aside .right.meta, .blog.single aside.right, .blog.single .right.main-post-area, .blog.single .right.archiblog-image, .blog #post-area .right.post, .contact #main header.right, .project-signoff > div.right, .right.project-signoff, .right.quote-2, .right.quote, .images-with-side-captions figcaption.right, .right.images-with-side-captions, .right.text-figure, .right.stats, .right.feature-slideshow, .right.copy-contact, .right.copy, .right.browse-project-thumb, .right.grid-full-width {
  float: right;
}
.col.clear-both, #footer-wrapper .clear-both#footer-social, #footer-wrapper .clear-both#footer-copyright, #footer-wrapper #footer-contact .clear-both#london, #footer-wrapper #footer-contact .clear-both#hereford, #footer-wrapper #footer-contact .clear-both#edinburgh, #footer-wrapper .clear-both#footer-contact, #footer-wrapper .clear-both#footer-blog, #footer-wrapper .clear-both#footer-categories, .profile #person-nav li.clear-both, .profile .clear-both#person-nav, .profile .clear-both.profile-image, .team-list li.clear-both, .clear-both.team-list, .blog.single .commentlist h2.clear-both, .blog.single .clear-both.related-projects, .blog.single aside .clear-both.share, .blog.single aside .clear-both.meta, .blog.single aside.clear-both, .blog.single .clear-both.main-post-area, .blog.single .clear-both.archiblog-image, .blog #post-area .clear-both.post, .contact #main header.clear-both, .project-signoff > div.clear-both, .clear-both.project-signoff, .clear-both.quote-2, .clear-both.quote, .images-with-side-captions figcaption.clear-both, .clear-both.images-with-side-captions, .clear-both.text-figure, .clear-both.stats, .clear-both.feature-slideshow, .clear-both.copy-contact, .clear-both.copy, .clear-both.browse-project-thumb, .clear-both.grid-full-width {
  clear: both;
}
.col.nested, #footer-wrapper .nested#footer-social, #footer-wrapper .nested#footer-copyright, #footer-wrapper #footer-contact .col#london, #footer-wrapper #footer-contact .col#hereford, #footer-wrapper #footer-contact .col#edinburgh, #footer-wrapper #footer-contact .nested#london, #footer-wrapper #footer-contact #london, #footer-wrapper #footer-contact .nested#hereford, #footer-wrapper #footer-contact #hereford, #footer-wrapper #footer-contact .nested#edinburgh, #footer-wrapper #footer-contact #edinburgh, #footer-wrapper .nested#footer-contact, #footer-wrapper .nested#footer-blog, #footer-wrapper .nested#footer-categories, .profile #person-nav li.nested, .profile #person-nav #footer-wrapper #footer-contact li#london, #footer-wrapper #footer-contact .profile #person-nav li#london, .profile #person-nav #footer-wrapper #footer-contact li#hereford, #footer-wrapper #footer-contact .profile #person-nav li#hereford, .profile #person-nav #footer-wrapper #footer-contact li#edinburgh, #footer-wrapper #footer-contact .profile #person-nav li#edinburgh, .profile .nested#person-nav, .profile .nested.profile-image, .profile #footer-wrapper #footer-contact .profile-image#london, #footer-wrapper #footer-contact .profile .profile-image#london, .profile #footer-wrapper #footer-contact .profile-image#hereford, #footer-wrapper #footer-contact .profile .profile-image#hereford, .profile #footer-wrapper #footer-contact .profile-image#edinburgh, #footer-wrapper #footer-contact .profile .profile-image#edinburgh, .team-list li.nested, .team-list #footer-wrapper #footer-contact li#london, #footer-wrapper #footer-contact .team-list li#london, .team-list #footer-wrapper #footer-contact li#hereford, #footer-wrapper #footer-contact .team-list li#hereford, .team-list #footer-wrapper #footer-contact li#edinburgh, #footer-wrapper #footer-contact .team-list li#edinburgh, .nested.team-list, #footer-wrapper #footer-contact .team-list#london, #footer-wrapper #footer-contact .team-list#hereford, #footer-wrapper #footer-contact .team-list#edinburgh, .blog.single .commentlist h2.nested, .blog.single .commentlist #footer-wrapper #footer-contact h2#london, #footer-wrapper #footer-contact .blog.single .commentlist h2#london, .blog.single .commentlist #footer-wrapper #footer-contact h2#hereford, #footer-wrapper #footer-contact .blog.single .commentlist h2#hereford, .blog.single .commentlist #footer-wrapper #footer-contact h2#edinburgh, #footer-wrapper #footer-contact .blog.single .commentlist h2#edinburgh, .blog.single .col.related-projects, .blog.single #footer-wrapper .related-projects#footer-social, #footer-wrapper .blog.single .related-projects#footer-social, .blog.single #footer-wrapper .related-projects#footer-copyright, #footer-wrapper .blog.single .related-projects#footer-copyright, .blog.single #footer-wrapper #footer-contact .related-projects#london, #footer-wrapper #footer-contact .blog.single .related-projects#london, .blog.single #footer-wrapper #footer-contact .related-projects#hereford, #footer-wrapper #footer-contact .blog.single .related-projects#hereford, .blog.single #footer-wrapper #footer-contact .related-projects#edinburgh, #footer-wrapper #footer-contact .blog.single .related-projects#edinburgh, .blog.single #footer-wrapper .related-projects#footer-contact, #footer-wrapper .blog.single .related-projects#footer-contact, .blog.single #footer-wrapper .related-projects#footer-blog, #footer-wrapper .blog.single .related-projects#footer-blog, .blog.single #footer-wrapper .related-projects#footer-categories, #footer-wrapper .blog.single .related-projects#footer-categories, .blog.single .profile #person-nav li.related-projects, .profile #person-nav .blog.single li.related-projects, .blog.single .profile .related-projects#person-nav, .profile .blog.single .related-projects#person-nav, .blog.single .profile .related-projects.profile-image, .profile .blog.single .related-projects.profile-image, .blog.single .team-list li.related-projects, .team-list .blog.single li.related-projects, .blog.single .related-projects.team-list, .blog.single .commentlist h2.related-projects, .blog.single .nested.related-projects, .blog.single #footer-wrapper #footer-contact .related-projects#london, #footer-wrapper #footer-contact .blog.single .related-projects#london, .blog.single #footer-wrapper #footer-contact .related-projects#hereford, #footer-wrapper #footer-contact .blog.single .related-projects#hereford, .blog.single #footer-wrapper #footer-contact .related-projects#edinburgh, #footer-wrapper #footer-contact .blog.single .related-projects#edinburgh, .blog.single .related-projects, .blog.single aside .col.share, .blog.single aside #footer-wrapper .share#footer-social, #footer-wrapper .blog.single aside .share#footer-social, .blog.single aside #footer-wrapper .share#footer-copyright, #footer-wrapper .blog.single aside .share#footer-copyright, .blog.single aside #footer-wrapper #footer-contact .share#london, #footer-wrapper #footer-contact .blog.single aside .share#london, .blog.single aside #footer-wrapper #footer-contact .share#hereford, #footer-wrapper #footer-contact .blog.single aside .share#hereford, .blog.single aside #footer-wrapper #footer-contact .share#edinburgh, #footer-wrapper #footer-contact .blog.single aside .share#edinburgh, .blog.single aside #footer-wrapper .share#footer-contact, #footer-wrapper .blog.single aside .share#footer-contact, .blog.single aside #footer-wrapper .share#footer-blog, #footer-wrapper .blog.single aside .share#footer-blog, .blog.single aside #footer-wrapper .share#footer-categories, #footer-wrapper .blog.single aside .share#footer-categories, .blog.single aside .profile #person-nav li.share, .profile #person-nav .blog.single aside li.share, .blog.single aside .profile .share#person-nav, .profile .blog.single aside .share#person-nav, .blog.single aside .profile .share.profile-image, .profile .blog.single aside .share.profile-image, .blog.single aside .team-list li.share, .team-list .blog.single aside li.share, .blog.single aside .share.team-list, .blog.single aside .commentlist h2.share, .blog.single .commentlist aside h2.share, .blog.single aside .share.related-projects, .blog.single aside .nested.share, .blog.single aside #footer-wrapper #footer-contact .share#london, #footer-wrapper #footer-contact .blog.single aside .share#london, .blog.single aside #footer-wrapper #footer-contact .share#hereford, #footer-wrapper #footer-contact .blog.single aside .share#hereford, .blog.single aside #footer-wrapper #footer-contact .share#edinburgh, #footer-wrapper #footer-contact .blog.single aside .share#edinburgh, .blog.single aside .share.related-projects, .blog.single aside .share, .blog.single aside .col.meta, .blog.single aside #footer-wrapper .meta#footer-social, #footer-wrapper .blog.single aside .meta#footer-social, .blog.single aside #footer-wrapper .meta#footer-copyright, #footer-wrapper .blog.single aside .meta#footer-copyright, .blog.single aside #footer-wrapper #footer-contact .meta#london, #footer-wrapper #footer-contact .blog.single aside .meta#london, .blog.single aside #footer-wrapper #footer-contact .meta#hereford, #footer-wrapper #footer-contact .blog.single aside .meta#hereford, .blog.single aside #footer-wrapper #footer-contact .meta#edinburgh, #footer-wrapper #footer-contact .blog.single aside .meta#edinburgh, .blog.single aside #footer-wrapper .meta#footer-contact, #footer-wrapper .blog.single aside .meta#footer-contact, .blog.single aside #footer-wrapper .meta#footer-blog, #footer-wrapper .blog.single aside .meta#footer-blog, .blog.single aside #footer-wrapper .meta#footer-categories, #footer-wrapper .blog.single aside .meta#footer-categories, .blog.single aside .profile #person-nav li.meta, .profile #person-nav .blog.single aside li.meta, .blog.single aside .profile .meta#person-nav, .profile .blog.single aside .meta#person-nav, .blog.single aside .profile .meta.profile-image, .profile .blog.single aside .meta.profile-image, .blog.single aside .team-list li.meta, .team-list .blog.single aside li.meta, .blog.single aside .meta.team-list, .blog.single aside .commentlist h2.meta, .blog.single .commentlist aside h2.meta, .blog.single aside .meta.related-projects, .blog.single aside .meta.share, .blog.single aside .nested.meta, .blog.single aside #footer-wrapper #footer-contact .meta#london, #footer-wrapper #footer-contact .blog.single aside .meta#london, .blog.single aside #footer-wrapper #footer-contact .meta#hereford, #footer-wrapper #footer-contact .blog.single aside .meta#hereford, .blog.single aside #footer-wrapper #footer-contact .meta#edinburgh, #footer-wrapper #footer-contact .blog.single aside .meta#edinburgh, .blog.single aside .meta.related-projects, .blog.single aside .meta.share, .blog.single aside .meta, .blog.single aside.nested, .blog.single #footer-wrapper #footer-contact aside#london, #footer-wrapper #footer-contact .blog.single aside#london, .blog.single #footer-wrapper #footer-contact aside#hereford, #footer-wrapper #footer-contact .blog.single aside#hereford, .blog.single #footer-wrapper #footer-contact aside#edinburgh, #footer-wrapper #footer-contact .blog.single aside#edinburgh, .blog.single aside.related-projects, .blog.single aside aside.share, .blog.single aside aside.meta, .blog.single .nested.main-post-area, .blog.single #footer-wrapper #footer-contact .main-post-area#london, #footer-wrapper #footer-contact .blog.single .main-post-area#london, .blog.single #footer-wrapper #footer-contact .main-post-area#hereford, #footer-wrapper #footer-contact .blog.single .main-post-area#hereford, .blog.single #footer-wrapper #footer-contact .main-post-area#edinburgh, #footer-wrapper #footer-contact .blog.single .main-post-area#edinburgh, .blog.single .main-post-area.related-projects, .blog.single aside .main-post-area.share, .blog.single aside .main-post-area.meta, .blog.single .nested.archiblog-image, .blog.single #footer-wrapper #footer-contact .archiblog-image#london, #footer-wrapper #footer-contact .blog.single .archiblog-image#london, .blog.single #footer-wrapper #footer-contact .archiblog-image#hereford, #footer-wrapper #footer-contact .blog.single .archiblog-image#hereford, .blog.single #footer-wrapper #footer-contact .archiblog-image#edinburgh, #footer-wrapper #footer-contact .blog.single .archiblog-image#edinburgh, .blog.single .archiblog-image.related-projects, .blog.single aside .archiblog-image.share, .blog.single aside .archiblog-image.meta, .blog #post-area .nested.post, .blog #post-area #footer-wrapper #footer-contact .post#london, #footer-wrapper #footer-contact .blog #post-area .post#london, .blog #post-area #footer-wrapper #footer-contact .post#hereford, #footer-wrapper #footer-contact .blog #post-area .post#hereford, .blog #post-area #footer-wrapper #footer-contact .post#edinburgh, #footer-wrapper #footer-contact .blog #post-area .post#edinburgh, .blog.single #post-area .post.related-projects, .blog.single #post-area aside .post.share, .blog.single aside #post-area .post.share, .blog.single #post-area aside .post.meta, .blog.single aside #post-area .post.meta, .contact #main header.nested, .contact #main #footer-wrapper #footer-contact header#london, #footer-wrapper #footer-contact .contact #main header#london, .contact #main #footer-wrapper #footer-contact header#hereford, #footer-wrapper #footer-contact .contact #main header#hereford, .contact #main #footer-wrapper #footer-contact header#edinburgh, #footer-wrapper #footer-contact .contact #main header#edinburgh, .contact #main .blog.single header.related-projects, .blog.single .contact #main header.related-projects, .contact #main .blog.single aside header.share, .blog.single aside .contact #main header.share, .contact #main .blog.single aside header.meta, .blog.single aside .contact #main header.meta, .project-signoff > div, .nested.project-signoff, #footer-wrapper #footer-contact .project-signoff#london, #footer-wrapper #footer-contact .project-signoff#hereford, #footer-wrapper #footer-contact .project-signoff#edinburgh, .blog.single .project-signoff.related-projects, .blog.single aside .project-signoff.share, .blog.single aside .project-signoff.meta, .nested.quote-2, #footer-wrapper #footer-contact .quote-2#london, #footer-wrapper #footer-contact .quote-2#hereford, #footer-wrapper #footer-contact .quote-2#edinburgh, .blog.single .quote-2.related-projects, .blog.single aside .quote-2.share, .blog.single aside .quote-2.meta, .nested.quote, #footer-wrapper #footer-contact .quote#london, #footer-wrapper #footer-contact .quote#hereford, #footer-wrapper #footer-contact .quote#edinburgh, .blog.single .quote.related-projects, .blog.single aside .quote.share, .blog.single aside .quote.meta, .images-with-side-captions figcaption, .nested.images-with-side-captions, #footer-wrapper #footer-contact .images-with-side-captions#london, #footer-wrapper #footer-contact .images-with-side-captions#hereford, #footer-wrapper #footer-contact .images-with-side-captions#edinburgh, .blog.single .images-with-side-captions.related-projects, .blog.single aside .images-with-side-captions.share, .blog.single aside .images-with-side-captions.meta, .nested.text-figure, #footer-wrapper #footer-contact .text-figure#london, #footer-wrapper #footer-contact .text-figure#hereford, #footer-wrapper #footer-contact .text-figure#edinburgh, .blog.single .text-figure.related-projects, .blog.single aside .text-figure.share, .blog.single aside .text-figure.meta, .nested.stats, #footer-wrapper #footer-contact .stats#london, #footer-wrapper #footer-contact .stats#hereford, #footer-wrapper #footer-contact .stats#edinburgh, .blog.single .stats.related-projects, .blog.single aside .stats.share, .blog.single aside .stats.meta, .nested.feature-slideshow, #footer-wrapper #footer-contact .feature-slideshow#london, #footer-wrapper #footer-contact .feature-slideshow#hereford, #footer-wrapper #footer-contact .feature-slideshow#edinburgh, .blog.single .feature-slideshow.related-projects, .blog.single aside .feature-slideshow.share, .blog.single aside .feature-slideshow.meta, .nested.copy-contact, #footer-wrapper #footer-contact .copy-contact#london, #footer-wrapper #footer-contact .copy-contact#hereford, #footer-wrapper #footer-contact .copy-contact#edinburgh, .blog.single .copy-contact.related-projects, .blog.single aside .copy-contact.share, .blog.single aside .copy-contact.meta, .nested.copy, #footer-wrapper #footer-contact .copy#london, #footer-wrapper #footer-contact .copy#hereford, #footer-wrapper #footer-contact .copy#edinburgh, .blog.single .copy.related-projects, .blog.single aside .copy.share, .blog.single aside .copy.meta, .nested.browse-project-thumb, #footer-wrapper #footer-contact .browse-project-thumb#london, #footer-wrapper #footer-contact .browse-project-thumb#hereford, #footer-wrapper #footer-contact .browse-project-thumb#edinburgh, .blog.single .browse-project-thumb.related-projects, .blog.single aside .browse-project-thumb.share, .blog.single aside .browse-project-thumb.meta, .nested.grid-full-width, #footer-wrapper #footer-contact .grid-full-width#london, #footer-wrapper #footer-contact .grid-full-width#hereford, #footer-wrapper #footer-contact .grid-full-width#edinburgh, .blog.single .grid-full-width.related-projects, .blog.single aside .grid-full-width.share, .blog.single aside .grid-full-width.meta {
  padding-left: 0;
  padding-right: 20px;
}
.col.nested:last-child, #footer-wrapper .nested#footer-social:last-child, #footer-wrapper .nested#footer-copyright:last-child, #footer-wrapper #footer-contact .col#london:last-child, #footer-wrapper #footer-contact .col#hereford:last-child, #footer-wrapper #footer-contact .col#edinburgh:last-child, #footer-wrapper #footer-contact .nested#london:last-child, #footer-wrapper #footer-contact #london:last-child, #footer-wrapper #footer-contact .nested#hereford:last-child, #footer-wrapper #footer-contact #hereford:last-child, #footer-wrapper #footer-contact .nested#edinburgh:last-child, #footer-wrapper #footer-contact #edinburgh:last-child, #footer-wrapper .nested#footer-contact:last-child, #footer-wrapper .nested#footer-blog:last-child, #footer-wrapper .nested#footer-categories:last-child, .profile #person-nav li.nested:last-child, .profile #person-nav #footer-wrapper #footer-contact li#london:last-child, #footer-wrapper #footer-contact .profile #person-nav li#london:last-child, .profile #person-nav #footer-wrapper #footer-contact li#hereford:last-child, #footer-wrapper #footer-contact .profile #person-nav li#hereford:last-child, .profile #person-nav #footer-wrapper #footer-contact li#edinburgh:last-child, #footer-wrapper #footer-contact .profile #person-nav li#edinburgh:last-child, .profile .nested#person-nav:last-child, .profile .nested.profile-image:last-child, .profile #footer-wrapper #footer-contact .profile-image#london:last-child, #footer-wrapper #footer-contact .profile .profile-image#london:last-child, .profile #footer-wrapper #footer-contact .profile-image#hereford:last-child, #footer-wrapper #footer-contact .profile .profile-image#hereford:last-child, .profile #footer-wrapper #footer-contact .profile-image#edinburgh:last-child, #footer-wrapper #footer-contact .profile .profile-image#edinburgh:last-child, .team-list li.nested:last-child, .team-list #footer-wrapper #footer-contact li#london:last-child, #footer-wrapper #footer-contact .team-list li#london:last-child, .team-list #footer-wrapper #footer-contact li#hereford:last-child, #footer-wrapper #footer-contact .team-list li#hereford:last-child, .team-list #footer-wrapper #footer-contact li#edinburgh:last-child, #footer-wrapper #footer-contact .team-list li#edinburgh:last-child, .nested.team-list:last-child, #footer-wrapper #footer-contact .team-list#london:last-child, #footer-wrapper #footer-contact .team-list#hereford:last-child, #footer-wrapper #footer-contact .team-list#edinburgh:last-child, .blog.single .commentlist h2.nested:last-child, .blog.single .commentlist #footer-wrapper #footer-contact h2#london:last-child, #footer-wrapper #footer-contact .blog.single .commentlist h2#london:last-child, .blog.single .commentlist #footer-wrapper #footer-contact h2#hereford:last-child, #footer-wrapper #footer-contact .blog.single .commentlist h2#hereford:last-child, .blog.single .commentlist #footer-wrapper #footer-contact h2#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single .commentlist h2#edinburgh:last-child, .blog.single .col.related-projects:last-child, .blog.single #footer-wrapper .related-projects#footer-social:last-child, #footer-wrapper .blog.single .related-projects#footer-social:last-child, .blog.single #footer-wrapper .related-projects#footer-copyright:last-child, #footer-wrapper .blog.single .related-projects#footer-copyright:last-child, .blog.single #footer-wrapper #footer-contact .related-projects#london:last-child, #footer-wrapper #footer-contact .blog.single .related-projects#london:last-child, .blog.single #footer-wrapper #footer-contact .related-projects#hereford:last-child, #footer-wrapper #footer-contact .blog.single .related-projects#hereford:last-child, .blog.single #footer-wrapper #footer-contact .related-projects#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single .related-projects#edinburgh:last-child, .blog.single #footer-wrapper .related-projects#footer-contact:last-child, #footer-wrapper .blog.single .related-projects#footer-contact:last-child, .blog.single #footer-wrapper .related-projects#footer-blog:last-child, #footer-wrapper .blog.single .related-projects#footer-blog:last-child, .blog.single #footer-wrapper .related-projects#footer-categories:last-child, #footer-wrapper .blog.single .related-projects#footer-categories:last-child, .blog.single .profile #person-nav li.related-projects:last-child, .profile #person-nav .blog.single li.related-projects:last-child, .blog.single .profile .related-projects#person-nav:last-child, .profile .blog.single .related-projects#person-nav:last-child, .blog.single .profile .related-projects.profile-image:last-child, .profile .blog.single .related-projects.profile-image:last-child, .blog.single .team-list li.related-projects:last-child, .team-list .blog.single li.related-projects:last-child, .blog.single .related-projects.team-list:last-child, .blog.single .commentlist h2.related-projects:last-child, .blog.single .nested.related-projects:last-child, .blog.single #footer-wrapper #footer-contact .related-projects#london:last-child, #footer-wrapper #footer-contact .blog.single .related-projects#london:last-child, .blog.single #footer-wrapper #footer-contact .related-projects#hereford:last-child, #footer-wrapper #footer-contact .blog.single .related-projects#hereford:last-child, .blog.single #footer-wrapper #footer-contact .related-projects#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single .related-projects#edinburgh:last-child, .blog.single .related-projects:last-child, .blog.single aside .col.share:last-child, .blog.single aside #footer-wrapper .share#footer-social:last-child, #footer-wrapper .blog.single aside .share#footer-social:last-child, .blog.single aside #footer-wrapper .share#footer-copyright:last-child, #footer-wrapper .blog.single aside .share#footer-copyright:last-child, .blog.single aside #footer-wrapper #footer-contact .share#london:last-child, #footer-wrapper #footer-contact .blog.single aside .share#london:last-child, .blog.single aside #footer-wrapper #footer-contact .share#hereford:last-child, #footer-wrapper #footer-contact .blog.single aside .share#hereford:last-child, .blog.single aside #footer-wrapper #footer-contact .share#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single aside .share#edinburgh:last-child, .blog.single aside #footer-wrapper .share#footer-contact:last-child, #footer-wrapper .blog.single aside .share#footer-contact:last-child, .blog.single aside #footer-wrapper .share#footer-blog:last-child, #footer-wrapper .blog.single aside .share#footer-blog:last-child, .blog.single aside #footer-wrapper .share#footer-categories:last-child, #footer-wrapper .blog.single aside .share#footer-categories:last-child, .blog.single aside .profile #person-nav li.share:last-child, .profile #person-nav .blog.single aside li.share:last-child, .blog.single aside .profile .share#person-nav:last-child, .profile .blog.single aside .share#person-nav:last-child, .blog.single aside .profile .share.profile-image:last-child, .profile .blog.single aside .share.profile-image:last-child, .blog.single aside .team-list li.share:last-child, .team-list .blog.single aside li.share:last-child, .blog.single aside .share.team-list:last-child, .blog.single aside .commentlist h2.share:last-child, .blog.single .commentlist aside h2.share:last-child, .blog.single aside .share.related-projects:last-child, .blog.single aside .nested.share:last-child, .blog.single aside #footer-wrapper #footer-contact .share#london:last-child, #footer-wrapper #footer-contact .blog.single aside .share#london:last-child, .blog.single aside #footer-wrapper #footer-contact .share#hereford:last-child, #footer-wrapper #footer-contact .blog.single aside .share#hereford:last-child, .blog.single aside #footer-wrapper #footer-contact .share#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single aside .share#edinburgh:last-child, .blog.single aside .share.related-projects:last-child, .blog.single aside .share:last-child, .blog.single aside .col.meta:last-child, .blog.single aside #footer-wrapper .meta#footer-social:last-child, #footer-wrapper .blog.single aside .meta#footer-social:last-child, .blog.single aside #footer-wrapper .meta#footer-copyright:last-child, #footer-wrapper .blog.single aside .meta#footer-copyright:last-child, .blog.single aside #footer-wrapper #footer-contact .meta#london:last-child, #footer-wrapper #footer-contact .blog.single aside .meta#london:last-child, .blog.single aside #footer-wrapper #footer-contact .meta#hereford:last-child, #footer-wrapper #footer-contact .blog.single aside .meta#hereford:last-child, .blog.single aside #footer-wrapper #footer-contact .meta#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single aside .meta#edinburgh:last-child, .blog.single aside #footer-wrapper .meta#footer-contact:last-child, #footer-wrapper .blog.single aside .meta#footer-contact:last-child, .blog.single aside #footer-wrapper .meta#footer-blog:last-child, #footer-wrapper .blog.single aside .meta#footer-blog:last-child, .blog.single aside #footer-wrapper .meta#footer-categories:last-child, #footer-wrapper .blog.single aside .meta#footer-categories:last-child, .blog.single aside .profile #person-nav li.meta:last-child, .profile #person-nav .blog.single aside li.meta:last-child, .blog.single aside .profile .meta#person-nav:last-child, .profile .blog.single aside .meta#person-nav:last-child, .blog.single aside .profile .meta.profile-image:last-child, .profile .blog.single aside .meta.profile-image:last-child, .blog.single aside .team-list li.meta:last-child, .team-list .blog.single aside li.meta:last-child, .blog.single aside .meta.team-list:last-child, .blog.single aside .commentlist h2.meta:last-child, .blog.single .commentlist aside h2.meta:last-child, .blog.single aside .meta.related-projects:last-child, .blog.single aside .meta.share:last-child, .blog.single aside .nested.meta:last-child, .blog.single aside #footer-wrapper #footer-contact .meta#london:last-child, #footer-wrapper #footer-contact .blog.single aside .meta#london:last-child, .blog.single aside #footer-wrapper #footer-contact .meta#hereford:last-child, #footer-wrapper #footer-contact .blog.single aside .meta#hereford:last-child, .blog.single aside #footer-wrapper #footer-contact .meta#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single aside .meta#edinburgh:last-child, .blog.single aside .meta.related-projects:last-child, .blog.single aside .meta.share:last-child, .blog.single aside .meta:last-child, .blog.single aside.nested:last-child, .blog.single #footer-wrapper #footer-contact aside#london:last-child, #footer-wrapper #footer-contact .blog.single aside#london:last-child, .blog.single #footer-wrapper #footer-contact aside#hereford:last-child, #footer-wrapper #footer-contact .blog.single aside#hereford:last-child, .blog.single #footer-wrapper #footer-contact aside#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single aside#edinburgh:last-child, .blog.single aside.related-projects:last-child, .blog.single aside aside.share:last-child, .blog.single aside aside.meta:last-child, .blog.single .nested.main-post-area:last-child, .blog.single #footer-wrapper #footer-contact .main-post-area#london:last-child, #footer-wrapper #footer-contact .blog.single .main-post-area#london:last-child, .blog.single #footer-wrapper #footer-contact .main-post-area#hereford:last-child, #footer-wrapper #footer-contact .blog.single .main-post-area#hereford:last-child, .blog.single #footer-wrapper #footer-contact .main-post-area#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single .main-post-area#edinburgh:last-child, .blog.single .main-post-area.related-projects:last-child, .blog.single aside .main-post-area.share:last-child, .blog.single aside .main-post-area.meta:last-child, .blog.single .nested.archiblog-image:last-child, .blog.single #footer-wrapper #footer-contact .archiblog-image#london:last-child, #footer-wrapper #footer-contact .blog.single .archiblog-image#london:last-child, .blog.single #footer-wrapper #footer-contact .archiblog-image#hereford:last-child, #footer-wrapper #footer-contact .blog.single .archiblog-image#hereford:last-child, .blog.single #footer-wrapper #footer-contact .archiblog-image#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single .archiblog-image#edinburgh:last-child, .blog.single .archiblog-image.related-projects:last-child, .blog.single aside .archiblog-image.share:last-child, .blog.single aside .archiblog-image.meta:last-child, .blog #post-area .nested.post:last-child, .blog #post-area #footer-wrapper #footer-contact .post#london:last-child, #footer-wrapper #footer-contact .blog #post-area .post#london:last-child, .blog #post-area #footer-wrapper #footer-contact .post#hereford:last-child, #footer-wrapper #footer-contact .blog #post-area .post#hereford:last-child, .blog #post-area #footer-wrapper #footer-contact .post#edinburgh:last-child, #footer-wrapper #footer-contact .blog #post-area .post#edinburgh:last-child, .blog.single #post-area .post.related-projects:last-child, .blog.single #post-area aside .post.share:last-child, .blog.single aside #post-area .post.share:last-child, .blog.single #post-area aside .post.meta:last-child, .blog.single aside #post-area .post.meta:last-child, .contact #main header.nested:last-child, .contact #main #footer-wrapper #footer-contact header#london:last-child, #footer-wrapper #footer-contact .contact #main header#london:last-child, .contact #main #footer-wrapper #footer-contact header#hereford:last-child, #footer-wrapper #footer-contact .contact #main header#hereford:last-child, .contact #main #footer-wrapper #footer-contact header#edinburgh:last-child, #footer-wrapper #footer-contact .contact #main header#edinburgh:last-child, .contact #main .blog.single header.related-projects:last-child, .blog.single .contact #main header.related-projects:last-child, .contact #main .blog.single aside header.share:last-child, .blog.single aside .contact #main header.share:last-child, .contact #main .blog.single aside header.meta:last-child, .blog.single aside .contact #main header.meta:last-child, .project-signoff > div:last-child, .nested.project-signoff:last-child, #footer-wrapper #footer-contact .project-signoff#london:last-child, #footer-wrapper #footer-contact .project-signoff#hereford:last-child, #footer-wrapper #footer-contact .project-signoff#edinburgh:last-child, .blog.single .project-signoff.related-projects:last-child, .blog.single aside .project-signoff.share:last-child, .blog.single aside .project-signoff.meta:last-child, .nested.quote-2:last-child, #footer-wrapper #footer-contact .quote-2#london:last-child, #footer-wrapper #footer-contact .quote-2#hereford:last-child, #footer-wrapper #footer-contact .quote-2#edinburgh:last-child, .blog.single .quote-2.related-projects:last-child, .blog.single aside .quote-2.share:last-child, .blog.single aside .quote-2.meta:last-child, .nested.quote:last-child, #footer-wrapper #footer-contact .quote#london:last-child, #footer-wrapper #footer-contact .quote#hereford:last-child, #footer-wrapper #footer-contact .quote#edinburgh:last-child, .blog.single .quote.related-projects:last-child, .blog.single aside .quote.share:last-child, .blog.single aside .quote.meta:last-child, .images-with-side-captions figcaption:last-child, .nested.images-with-side-captions:last-child, #footer-wrapper #footer-contact .images-with-side-captions#london:last-child, #footer-wrapper #footer-contact .images-with-side-captions#hereford:last-child, #footer-wrapper #footer-contact .images-with-side-captions#edinburgh:last-child, .blog.single .images-with-side-captions.related-projects:last-child, .blog.single aside .images-with-side-captions.share:last-child, .blog.single aside .images-with-side-captions.meta:last-child, .nested.text-figure:last-child, #footer-wrapper #footer-contact .text-figure#london:last-child, #footer-wrapper #footer-contact .text-figure#hereford:last-child, #footer-wrapper #footer-contact .text-figure#edinburgh:last-child, .blog.single .text-figure.related-projects:last-child, .blog.single aside .text-figure.share:last-child, .blog.single aside .text-figure.meta:last-child, .nested.stats:last-child, #footer-wrapper #footer-contact .stats#london:last-child, #footer-wrapper #footer-contact .stats#hereford:last-child, #footer-wrapper #footer-contact .stats#edinburgh:last-child, .blog.single .stats.related-projects:last-child, .blog.single aside .stats.share:last-child, .blog.single aside .stats.meta:last-child, .nested.feature-slideshow:last-child, #footer-wrapper #footer-contact .feature-slideshow#london:last-child, #footer-wrapper #footer-contact .feature-slideshow#hereford:last-child, #footer-wrapper #footer-contact .feature-slideshow#edinburgh:last-child, .blog.single .feature-slideshow.related-projects:last-child, .blog.single aside .feature-slideshow.share:last-child, .blog.single aside .feature-slideshow.meta:last-child, .nested.copy-contact:last-child, #footer-wrapper #footer-contact .copy-contact#london:last-child, #footer-wrapper #footer-contact .copy-contact#hereford:last-child, #footer-wrapper #footer-contact .copy-contact#edinburgh:last-child, .blog.single .copy-contact.related-projects:last-child, .blog.single aside .copy-contact.share:last-child, .blog.single aside .copy-contact.meta:last-child, .nested.copy:last-child, #footer-wrapper #footer-contact .copy#london:last-child, #footer-wrapper #footer-contact .copy#hereford:last-child, #footer-wrapper #footer-contact .copy#edinburgh:last-child, .blog.single .copy.related-projects:last-child, .blog.single aside .copy.share:last-child, .blog.single aside .copy.meta:last-child, .nested.browse-project-thumb:last-child, #footer-wrapper #footer-contact .browse-project-thumb#london:last-child, #footer-wrapper #footer-contact .browse-project-thumb#hereford:last-child, #footer-wrapper #footer-contact .browse-project-thumb#edinburgh:last-child, .blog.single .browse-project-thumb.related-projects:last-child, .blog.single aside .browse-project-thumb.share:last-child, .blog.single aside .browse-project-thumb.meta:last-child, .nested.grid-full-width:last-child, #footer-wrapper #footer-contact .grid-full-width#london:last-child, #footer-wrapper #footer-contact .grid-full-width#hereford:last-child, #footer-wrapper #footer-contact .grid-full-width#edinburgh:last-child, .blog.single .grid-full-width.related-projects:last-child, .blog.single aside .grid-full-width.share:last-child, .blog.single aside .grid-full-width.meta:last-child {
  padding-right: 0;
}

.w-1 {
  width: 8.3333333333%;
}

.w-2 {
  width: 16.6666666667%;
}

.w-3 {
  width: 25%;
}

.w-4 {
  width: 33.3333333333%;
}

.w-5 {
  width: 41.6666666667%;
}

.w-6 {
  width: 50%;
}

.w-7 {
  width: 58.3333333333%;
}

.w-8 {
  width: 66.6666666667%;
}

.w-9 {
  width: 75%;
}

.w-10 {
  width: 83.3333333333%;
}

.w-11 {
  width: 91.6666666667%;
}

.w-12 {
  width: 100%;
}

.w-third {
  width: 33.3333333333%;
}

.w-two-thirds {
  width: 66.6666666667%;
}

.w-half {
  width: 50%;
}

.w-full {
  width: 100%;
}

/* Typography  ***************************************************/
/* Colours  ***************************************************/
/* GENERAL ***************************************************/
body {
  background: #D0D1CF;
  font: 15px/1.2 "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 300;
  color: #1A1A1A;
  text-rendering: optimizeLegibility;
}

a {
  color: #1A1A1A;
  text-decoration: underline;
  transition: 300ms;
}
a:hover {
  text-decoration: none;
}
a[href^=tel], a.transparent {
  text-decoration: none;
}

p {
  margin: 0 0 1.2em;
}
p:last-child {
  margin-bottom: 0;
}

.return-below {
  margin-bottom: 1.2em;
}

strong {
  font-weight: 500;
}

.clear {
  clear: left;
}

.clear-both {
  clear: both;
}

.clearfix {
  overflow: hidden;
}

.space-after {
  margin-bottom: 38px;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

#browser-unsupported {
  padding: 15px 50px;
  background: #ddd;
  border-top: 50px solid white;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .hide-at-800 {
    display: none;
  }
}
/* LAYOUT ***************************************************/
#nav-wrapper,
#content-wrapper,
#footer-wrapper,
.grid-align-wrapper,
.touch #map-wrapper {
  padding-left: 4%;
  padding-right: 4%;
  /*
  @media screen and (max-width: 800px) {
  	padding-left: 35px;
  	padding-right: 35px;
  }

  @media screen and (max-width: 500px) {
  	padding-left: 20px;
  	padding-right: 20px;
  }

  @media screen and (max-width: 320px) {
  	padding-left: 10px;
  	padding-right: 10px;
  }
  */
}

#nav-wrapper nav,
#content-wrapper #content,
#footer-wrapper footer,
.grid-align-wrapper .grid-align-contents {
  width: 100%;
  max-width: 1020px;
  margin: 0 auto;
}

/* Nav ***************************************************/
#nav-wrapper {
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  right: 0;
  height: 45px;
}
@media screen and (min-width: 901px) {
  .js #nav-wrapper {
    position: fixed;
    transition: background 500ms;
  }
  .js #nav-wrapper.scrolled {
    background: #fff;
  }
  .js #nav-wrapper.scrolled nav {
    transform: translate(0, 0);
  }
  .js #nav-wrapper.scrolled #nav-logo {
    opacity: 0.8;
    filter: alpha(opacity=80);
    pointer-events: auto;
    cursor: pointer;
  }
  .js #nav-wrapper.scrolled #nav-logo:hover {
    opacity: 0.6;
  }
  .js #nav-wrapper nav {
    transition: all 500ms;
    height: 45px;
  }
}
#nav-wrapper nav {
  position: relative;
  transform: translate(0, 4px);
  -webkit-backface-visibility: hidden;
}
#nav-wrapper #nav-logo {
  float: left;
  margin-top: 8px;
  margin-left: 10px;
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: 0px -102px;
  width: 114px;
  height: 28px;
  pointer-events: none;
  cursor: default;
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 500ms;
  -webkit-backface-visibility: hidden;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #nav-wrapper #nav-logo {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
#nav-wrapper ul {
  margin: 0;
  padding: 0;
}
#nav-wrapper a {
  text-decoration: none;
  line-height: 17px;
}
#nav-wrapper li.active > a,
#nav-wrapper li.current-cat > a, .home.blog #nav-wrapper li.cat-item-all > a {
  font-weight: 500;
}
.no-touch #nav-wrapper li:hover > a, .touch #nav-wrapper li.submenu-open > a {
  text-decoration: underline;
}
#nav-wrapper .level-1 {
  position: absolute;
  right: 10px;
}
#nav-wrapper .level-1 > li {
  float: left;
  position: relative;
}
.no-touch #nav-wrapper .level-1 > li:hover, .touch #nav-wrapper .level-1 > li.submenu-open {
  height: 70px;
}
#nav-wrapper .level-1 > li > a {
  display: inline-block;
  padding: 13px 12px;
}
.no-touch #nav-wrapper .level-1 > li:hover .level-2, .touch #nav-wrapper .level-1 > li.submenu-open .level-2 {
  display: block;
}
#nav-wrapper #categories {
  padding-right: 0;
}
#nav-wrapper .level-2 {
  display: none;
  position: absolute;
  top: 53px;
  padding: 15px 0;
  background: #505050;
  left: 50%;
  -webkit-transform: translate3d(0, 0, 0);
  margin-left: -80px;
  width: 160px;
}
#nav-wrapper .level-2.wider {
  margin-left: -105px;
  width: 210px;
}
#nav-wrapper .level-2:before {
  content: " ";
  height: 0;
  position: absolute;
  width: 0;
  border: 8px solid transparent;
  border-width: 8px 5px;
  border-bottom-color: #505050;
  top: -16px;
  left: 50%;
  margin-left: -5px;
}
#nav-wrapper .level-2 a {
  display: block;
  padding: 5px 20px;
  color: #fff;
}
#nav-wrapper .dropdown-icon:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 11px;
  height: 8px;
  margin-left: 9px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #nav-wrapper .dropdown-icon:after {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}

@media screen and (max-width: 900px) {
  #nav-wrapper {
    background: #7d7d7e;
    position: relative;
    /* relative instead of static to contain transitioned elements on own GPU stacking layer, avoid transition flickers */
    height: 0;
    overflow: hidden;
    padding: 0;
    font-size: 20px;
  }
  #nav-wrapper.touch-toggled {
    height: auto;
  }
  #nav-wrapper nav {
    transform: translate(0, -100px);
    transition: all 750ms;
    -webkit-backface-visibility: hidden;
    opacity: 0;
    margin: 12px 0;
  }
  #nav-wrapper.touch-toggled nav {
    transform: translate(0, 0);
    opacity: 1;
  }
  #nav-wrapper #nav-logo {
    display: none;
  }
  #nav-wrapper a {
    color: #F7F7F7;
    padding: 12px 4% !important;
    border: solid transparent;
    border-width: 0 10px;
  }
  #nav-wrapper .level-1 {
    position: static;
  }
  #nav-wrapper .level-1 > li {
    float: none;
  }
  .no-touch #nav-wrapper .level-1 > li:hover, .touch #nav-wrapper .level-1 > li.submenu-open {
    height: auto;
  }
  #nav-wrapper .level-1 > li > a {
    display: block;
  }
  #nav-wrapper .level-2, #nav-wrapper .level-2.wider {
    width: auto;
    position: relative;
    left: 0;
    top: 0;
    margin: 4px 0 0;
    padding: 5px 0;
  }
  #nav-wrapper .level-2 {
    background: #505050;
    border: none;
  }
  #nav-wrapper .level-2 a {
    padding: 10px 4% !important;
  }
  #nav-wrapper .level-2 br {
    display: none;
  }
  #nav-wrapper .level-2:before {
    left: 4%;
    top: -10px;
    margin-left: 9px;
    border-width: 5px;
    border-bottom-color: #505050;
  }
  #nav-wrapper .dropdown-icon:after {
    background-position: 0px -17px;
  }
}
#nav-toggle {
  display: none;
  float: right;
  padding: 14px 15px 15px;
  background: #eee;
  transition: background 500ms;
}
@media screen and (max-width: 900px) {
  #nav-toggle {
    display: block;
  }
}
#nav-toggle:after {
  content: " ";
  width: 17px;
  height: 14px;
  display: block;
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: -102px 0px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #nav-toggle:after {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
#nav-toggle.touch-toggled {
  background: #7d7d7e;
}
#nav-toggle.touch-toggled:after {
  background-position: -102px -17px;
}

/* Content ***************************************************/
#content-wrapper {
  padding-top: 90px;
  background: #F7F7F7;
}
@media screen and (max-width: 900px) {
  #content-wrapper {
    padding-top: 50px;
  }
}
@media screen and (max-width: 400px) {
  #content-wrapper {
    padding-top: 30px;
  }
}

.grid-full-width {
  width: 100%;
  clear: left;
}

#content .page-title {
  position: relative;
  margin-bottom: 10px;
}
#content .page-title h1 {
  margin: 0 0 40px;
  font-size: 0;
}
#content .page-title h1 a {
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: 0px -51px;
  display: inline-block;
  width: 175px;
  height: 43px;
  opacity: 0.8;
  filter: alpha(opacity=80);
  transition: opacity 500ms;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #content .page-title h1 a {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
#content .page-title h1 a:hover {
  opacity: 0.6;
}
#content .page-title hgroup {
  margin-bottom: 8px;
}
#content .page-title h2 {
  font-weight: 300;
  font-size: 30px;
  margin: 0;
}
#content .page-title h3 {
  font-weight: 200;
  font-size: 15px;
  margin: 6px 0 0 0;
  font-weight: 500;
}
#content .page-title h3.extra-space {
  margin-right: 250px;
}
@media screen and (max-width: 727px) {
  #content .page-title h3.extra-space {
    margin-right: 0;
  }
}
#content .page-title #header-utility-links {
  float: right;
  margin-top: -1.74em;
  cursor: default;
}
#content .page-title #header-utility-links a {
  margin-left: 1em;
}
@media screen and (max-width: 727px) {
  #content .page-title #header-utility-links {
    float: none;
    display: block;
    margin: 8px 0;
  }
  #content .page-title #header-utility-links a {
    margin-left: 0;
    margin-right: 1em;
  }
}
#content .page-title #back-to-projects:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: -85px 0px;
  width: 17px;
  height: 17px;
  margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #content .page-title #back-to-projects:before {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
#content .content-pagination {
  background-image: url(/images/sprite.png?4b871e7beddb09910d1ff47da6f9818b);
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  display: inline-block;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #content .content-pagination {
    background-image: url(/images/sprite@2x.png?7c097e42a90706feb12d51506a28f5a9);
    background-size: 187px auto;
  }
}
#content .content-pagination span {
  display: none;
}
#content .content-pagination.next {
  background-position: -136px 0px;
}
#content .content-pagination.prev {
  background-position: -119px 0px;
}
#content img {
  display: block;
  max-width: 100%;
  height: auto;
}

.feature-project-thumb {
  margin-bottom: 23px;
  overflow: hidden;
}
.feature-project-thumb .block-link {
  display: block;
  overflow: hidden;
}
.feature-project-thumb .block-link:hover h2 {
  text-decoration: underline;
}
.feature-project-thumb .aspect-ratio-wrapper {
  margin-bottom: 10px;
}
.feature-project-thumb .overlay {
  position: absolute;
  left: 20px;
  bottom: 20px;
  right: 20px;
}
@media screen and (max-width: 700px) {
  .feature-project-thumb .overlay {
    /*
    left: $mobile_internal_margin;
    bottom: $mobile_internal_margin;
    right: auto;
    margin-right: $mobile_internal_margin;
    background: #F7F7F7;
    padding: 5px;
    font-size: 14px;
    text-transform: uppercase;
    */
    display: none;
  }
}
.feature-project-thumb .overlay span {
  background-repeat: no-repeat;
  background-position: 0 0;
  float: left;
  height: 34px;
  margin-top: 7px;
  width: 100%;
  text-indent: 110%;
  white-space: nowrap;
  overflow: hidden;
  /*
  @media screen and (max-width: 700px) {
  	@include ir-undo;
  	background: none !important;
  	height: auto !important;
  	width: auto !important;
  	margin-top: 0;
  	float: none;
  }
  */
}
.feature-project-thumb h2 {
  font-size: 1em;
  margin: 0;
  font-weight: 300;
  margin-left: 20px;
  float: left;
}
.feature-project-thumb h2 strong:after {
  content: " / ";
  font-weight: 300;
}
@media screen and (max-width: 650px) {
  .feature-project-thumb h2 {
    margin-left: 0;
  }
  .feature-project-thumb h2 strong {
    display: block;
  }
  .feature-project-thumb h2 strong:after {
    content: "";
  }
}
.feature-project-thumb .categories {
  float: right;
  font-size: 13px;
  margin-top: -16px;
}
@media screen and (max-width: 1000px) {
  .feature-project-thumb .categories {
    float: none;
    margin-top: 4px;
    margin-left: 20px;
  }
}
@media screen and (max-width: 650px) {
  .feature-project-thumb .categories {
    margin-top: 2px;
    margin-left: 0;
  }
}
.feature-project-thumb .categories a {
  text-decoration: none;
  text-transform: uppercase;
}
.feature-project-thumb .categories a:hover {
  text-decoration: underline;
}

.browse-project-thumb {
  margin-bottom: 20px;
  width: 50%;
  /*
  // first item in each row
  &:nth-child(2n) {
  	@include zen-grid-item(6, 1);
  	@include zen-clear();
  }

  // second item in each row
  &:nth-child(2n+1) {
  	@include zen-grid-item(6, 7);
  }
  */
}
@media screen and (max-width: 767px) {
  .browse-project-thumb {
    width: 100%;
  }
}
.browse-project-thumb .block-link {
  display: block;
  position: relative;
  text-decoration: none;
}
.browse-project-thumb .strapline {
  font-weight: 500;
  text-transform: uppercase;
}
.browse-project-thumb .link {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
}
.browse-project-thumb a:hover .overlay {
  opacity: 1;
  filter: alpha(opacity=100);
}
.no-touch .browse-project-thumb .overlay {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 500ms;
  -webkit-backface-visibility: hidden;
  background: #D0D1CF;
  background: rgba(208, 209, 207, 0.8);
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.no-touch .browse-project-thumb .overlay .text {
  position: absolute;
  top: 48%;
  left: 20px;
  right: 20px;
}
.no-touch .browse-project-thumb .overlay .link {
  position: absolute;
  left: 20px;
  bottom: 20px;
}
.no-touch .browse-project-thumb .overlay .link:after {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: -34px 0px;
  width: 6px;
  height: 5px;
  margin-left: 7px;
  margin-top: -3px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .no-touch .browse-project-thumb .overlay .link:after {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
@media screen and (max-width: 850px) and (min-width: 768px), screen and (max-width: 460px) {
  .no-touch .browse-project-thumb .overlay {
    padding: 10px;
  }
  .no-touch .browse-project-thumb .overlay .text {
    position: static;
  }
  .no-touch .browse-project-thumb .overlay .link {
    left: 10px;
    bottom: 10px;
  }
}
.touch .browse-project-thumb .overlay, .no-js .browse-project-thumb .overlay {
  margin-top: 8px;
}
.touch .browse-project-thumb .overlay .link, .no-js .browse-project-thumb .overlay .link {
  margin-top: 2px;
}

#load-more-link, #load-more-link-wrapper a {
  clear: left;
  text-transform: uppercase;
  display: block;
  text-align: center;
  text-decoration: none;
  background: #eaeae9;
  padding: 20px;
  line-height: 1;
  margin: 0 10px;
  transition: 500ms;
}
#load-more-link:hover, #load-more-link-wrapper a:hover {
  background: #D0D1CF;
  text-decoration: underline;
}
#load-more-link:before, #load-more-link-wrapper a:before {
  content: "+";
  display: inline-block;
  margin-right: 5px;
  font-size: 1.23em;
}
#load-more-link.hidden, #load-more-link-wrapper a.hidden {
  display: none;
}

.aspect-ratio-wrapper {
  height: 0;
  position: relative;
  overflow: hidden;
}
.swiper-slide .aspect-ratio-wrapper {
  background: #eee;
}
.aspect-ratio-wrapper img, .aspect-ratio-wrapper iframe, .aspect-ratio-wrapper embed, .aspect-ratio-wrapper object {
  position: absolute;
  left: 0;
  top: 0;
}
.aspect-ratio-wrapper iframe, .aspect-ratio-wrapper embed, .aspect-ratio-wrapper object {
  width: 100%;
  height: 100%;
}
.aspect-ratio-wrapper.aspect-ratio-45 {
  padding-bottom: 45%;
}
.aspect-ratio-wrapper.aspect-ratio-49-7 {
  padding-bottom: 49.7%;
}
.aspect-ratio-wrapper.aspect-ratio-52 {
  padding-bottom: 52%;
}
.aspect-ratio-wrapper.aspect-ratio-56 {
  padding-bottom: 56%;
}
.aspect-ratio-wrapper.aspect-ratio-56-3 {
  padding-bottom: 56.3%;
}
.aspect-ratio-wrapper.aspect-ratio-66-8 {
  padding-bottom: 66.8%;
}
.aspect-ratio-wrapper.aspect-ratio-full {
  padding-bottom: 100%;
}

.js .lazy-load-wrapper.lazy-loaded img {
  opacity: 1;
  filter: alpha(opacity=100);
}
.js .lazy-load-wrapper img {
  transition: opacity 750ms;
  opacity: 0;
  filter: alpha(opacity=0);
}

/*
 * Swiper - Mobile Touch Slider CSS
 * http://www.idangero.us/sliders/swiper
 *
 * Vladimir Kharlampidi, The iDangero.us
 * http://www.idangero.us/
 *
 * Copyright 2012-2013, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us
 *
 * Licensed under GPL & MIT
 *
*/
/* ===============================================================
Basic Swiper Styles
================================================================*/
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0px, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0px, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0px, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0px, 0px);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0px, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0px, 0, 0);
  transition-timing-function: ease;
}

.swiper-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}

.swiper-slide {
  float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
}

.js .swiper-container {
  opacity: 0;
  transition: opacity 750ms;
}
.js .swiper-container.ready {
  opacity: 1;
}

.copy {
  padding-right: 3.5em;
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  font-size: 14px;
}
.copy h1, .copy h2, .copy h3, .copy h4, .copy h5, .copy h6 {
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 600;
}
.copy strong {
  font-weight: 600;
}
.copy-right {
  padding-right: 0;
  padding-left: 1.75rem;
}
.copy.w-12 {
  width: 100% !important;
}
@media screen and (max-width: 1023px) {
  .copy {
    width: 66.6666666667%;
  }
  .copy .hide-on-mobile {
    display: none;
  }
}
@media screen and (max-width: 727px) {
  .copy {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 639px) {
  .copy {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .copy {
    padding-right: 10px;
  }
}

.copy-contact {
  width: 25%;
  padding-right: 3.5em;
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  font-size: 14px;
}
@media screen and (max-width: 1023px) {
  .copy-contact {
    width: 66.6666666667%;
  }
  .copy-contact .hide-on-mobile {
    display: none;
  }
}
@media screen and (max-width: 727px) {
  .copy-contact {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 639px) {
  .copy-contact {
    width: 100%;
  }
}
@media screen and (max-width: 480px) {
  .copy-contact {
    padding-right: 10px;
  }
}
.copy-contact h1, .copy-contact h2, .copy-contact h3, .copy-contact h4, .copy-contact h5, .copy-contact h6 {
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 600;
}
.copy-contact strong {
  font-weight: 600;
}

.tabbed .panel .copy.nested, .tabbed .panel #footer-wrapper #footer-contact .copy#london, #footer-wrapper #footer-contact .tabbed .panel .copy#london, .tabbed .panel #footer-wrapper #footer-contact .copy#hereford, #footer-wrapper #footer-contact .tabbed .panel .copy#hereford, .tabbed .panel #footer-wrapper #footer-contact .copy#edinburgh, #footer-wrapper #footer-contact .tabbed .panel .copy#edinburgh, .tabbed .panel .blog.single .copy.related-projects, .blog.single .tabbed .panel .copy.related-projects, .tabbed .panel .blog.single aside .copy.share, .blog.single aside .tabbed .panel .copy.share, .tabbed .panel .blog.single aside .copy.meta, .blog.single aside .tabbed .panel .copy.meta, .tabbed .panel .project-signoff > div.copy, .tabbed .panel .images-with-side-captions figcaption.copy, .images-with-side-captions .tabbed .panel figcaption.copy {
  padding-right: 3.5em;
  padding: 2rem;
}
@media screen and (max-width: 480px) {
  .tabbed .panel .copy.nested, .tabbed .panel #footer-wrapper #footer-contact .copy#london, #footer-wrapper #footer-contact .tabbed .panel .copy#london, .tabbed .panel #footer-wrapper #footer-contact .copy#hereford, #footer-wrapper #footer-contact .tabbed .panel .copy#hereford, .tabbed .panel #footer-wrapper #footer-contact .copy#edinburgh, #footer-wrapper #footer-contact .tabbed .panel .copy#edinburgh, .tabbed .panel .blog.single .copy.related-projects, .blog.single .tabbed .panel .copy.related-projects, .tabbed .panel .blog.single aside .copy.share, .blog.single aside .tabbed .panel .copy.share, .tabbed .panel .blog.single aside .copy.meta, .blog.single aside .tabbed .panel .copy.meta, .tabbed .panel .project-signoff > div.copy, .tabbed .panel .images-with-side-captions figcaption.copy, .images-with-side-captions .tabbed .panel figcaption.copy {
    padding-right: 10px;
  }
}

.copy ul,
.bullets {
  list-style: none;
  margin: 0 0 1.2em -0.3em;
  padding: 0;
}
.tabbed .copy ul, .text-figure .copy ul,
.tabbed .bullets,
.text-figure .bullets {
  margin-left: 0.3em;
}
.copy ul li,
.bullets li {
  text-indent: -0.3em;
  margin: 0 0 0.5rem 0.75em;
}
.copy ul li:before,
.bullets li:before {
  content: "›";
  font-weight: 600;
  display: inline-block;
  width: 0.3em;
}
.copy ul:last-child,
.bullets:last-child {
  margin-bottom: 0;
}

.lead {
  font-weight: bold;
}

.feature-slideshow {
  width: 100%;
  position: relative;
  z-index: 1;
}
.feature-slideshow .swiper-container {
  clear: left;
}
.feature-slideshow figure {
  margin-bottom: 0 !important;
}
.feature-slideshow:after {
  content: "";
  position: absolute;
  right: 9px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #f7f7f7;
  z-index: 999;
}
.feature-slideshow:before {
  content: "";
  position: absolute;
  left: 9px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #f7f7f7;
  z-index: 999;
}

.image-with-caption-below figcaption {
  margin-top: 8px;
}
.image-with-caption-below .no-padding {
  padding-right: 0px !important;
  width: 49%;
  margin-bottom: 8px;
}
.image-with-caption-below .no-padding:first-child {
  margin-right: 2%;
}
@media screen and (max-width: 480px) {
  .image-with-caption-below {
    width: 100%;
  }
}

.stats {
  width: 16.6666666667%;
  font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 1023px) {
  .stats {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 727px) {
  .stats {
    width: 100%;
  }
}
.stats dt {
  margin-top: 18px;
  font-weight: 500;
}
.stats dt:first-child {
  margin-top: 0;
}

.text-figure {
  width: 33.3333333333%;
}
@media screen and (max-width: 1023px) {
  .text-figure {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .text-figure {
    width: 66.6666666667%;
  }
}
@media screen and (max-width: 600px) {
  .text-figure {
    width: 100%;
  }
}
.text-figure figure {
  background: #D0D1CF;
  padding: 20px 20px 28px;
}
.text-figure blockquote {
  font-size: 20px;
  line-height: 1.3;
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 300;
}
.text-figure figcaption {
  font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 500;
  margin-top: 18px;
}

.educate-the-masses .inner {
  background: #D0D1CF;
  padding: 20px 20px 28px;
  margin-bottom: 38px;
}

.images-with-side-captions {
  width: 100%;
  position: relative;
  overflow: hidden;
}
.images-with-side-captions .no-padding {
  padding-right: 0px !important;
  width: 49%;
}
.images-with-side-captions figcaption {
  width: 16.6666666667%;
  position: absolute;
  bottom: 0;
  right: 10px;
}
@media screen and (max-width: 1023px) {
  .images-with-side-captions figcaption {
    width: 100%;
    position: static;
    margin-top: 8px;
  }
  .images-with-side-captions figcaption h4 {
    float: left;
    clear: left;
    width: 1em;
  }
  .images-with-side-captions figcaption p {
    margin-bottom: 0;
    margin-left: 1em;
  }
}
.images-with-side-captions figcaption h4 {
  margin-bottom: 0 !important;
}
.images-with-side-captions .lazy-load-wrapper {
  background: #eee;
}

.quote {
  width: 33.3333333333%;
}
.quote.w-6 {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .quote {
    width: 66.6666666667%;
  }
}
@media screen and (max-width: 479px) {
  .quote {
    width: 100%;
  }
}
.quote blockquote {
  padding: 20px 25px 28px 20px;
  position: relative;
  font: 16px "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 300;
}
@media screen and (max-width: 859px) {
  .quote blockquote {
    font-size: 15px;
  }
}
.quote blockquote:after {
  position: absolute;
  left: 7px;
  bottom: -16px;
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 14px 16px 0;
  border-top-color: transparent;
  border-left-color: transparent;
  border-bottom-color: transparent;
}
.quote blockquote.modern {
  margin: 0;
  padding: 0;
}
.quote blockquote.modern + figcaption {
  margin-left: 1.5rem;
  margin-top: 1rem;
}
.quote blockquote.modern::after {
  display: none;
}
.quote blockquote.modern * {
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 400;
  line-height: 1.4;
  font-size: 14px;
}
.quote blockquote.modern p {
  padding-left: 1.5rem;
  position: relative;
}
.quote blockquote.modern p::before,
.quote blockquote.modern p::after {
  quotes: "“" "”" "‘" "’";
  line-height: 0;
  font-family: Georgia, serif;
  font-size: 2.5rem;
  position: relative;
  top: 20px;
}
.quote blockquote.modern p::before {
  content: open-quote;
  left: 0;
  line-height: 0;
  margin-right: 0.4rem;
  position: absolute;
}
.quote blockquote.modern p::after {
  content: close-quote;
  left: auto;
  bottom: 0;
  border: none;
  margin-left: 0.4rem;
}
.quote.larger blockquote {
  font-size: 18px;
}
.quote figcaption {
  margin: 8px 0 0 30px;
  color: #7d7d7e;
}

.quote-2 {
  width: 41.6666666667%;
}
@media screen and (max-width: 1023px) {
  .quote-2 {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 849px) {
  .quote-2 {
    width: 58.3333333333%;
  }
}
@media screen and (max-width: 639px) {
  .quote-2 {
    width: 100%;
  }
}
.quote-2 figure {
  background: #D0D1CF;
  padding: 20px 25px 28px 20px;
}
.quote-2 figcaption {
  margin-top: 18px;
}
.quote-2 figcaption h1 {
  margin-bottom: 0;
}
.quote-2 blockquote {
  position: relative;
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 300;
}
.quote-2 blockquote:before {
  content: "“";
  position: absolute;
  left: -6px;
}
.quote-2 blockquote p:last-child:after {
  content: "”";
}

.project-signoff {
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0 !important;
}
.project-signoff > div {
  width: 25%;
}
@media screen and (max-width: 1023px) {
  .project-signoff > div {
    width: 50%;
    margin-bottom: 38px;
  }
}
@media screen and (max-width: 639px) {
  .project-signoff > div {
    width: 100%;
  }
}
.project-signoff ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.project-signoff dl dd {
  margin-bottom: 1.2em;
}
.project-signoff h1 {
  margin-top: 8px !important;
  margin-bottom: 0;
}
.project-signoff .large h1 {
  margin-top: 0 !important;
}
.project-signoff .large,
.project-signoff .large h1 {
  font-size: 21px;
}

.detail .project-detail {
  clear: left;
  /* ===============================================================
  Your custom styles, here you need to specify container's and slide's
  sizes, pagination, etc.
  ================================================================*/
  /* ===============================================================
  Pagination Styles
  ================================================================*/
}
.detail .project-detail h1, .detail .project-detail h2, .detail .project-detail h3, .detail .project-detail h4, .detail .project-detail h5, .detail .project-detail h6 {
  font-size: 1em;
  font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 500;
  margin-top: 0;
  margin-bottom: 18px;
}
.detail .project-detail .copy h1, .detail .project-detail .copy h2, .detail .project-detail .copy h3, .detail .project-detail .copy h4, .detail .project-detail .copy h5, .detail .project-detail .copy h6 {
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 600;
}
.detail .project-detail section, .detail .project-detail figure {
  margin-bottom: 38px;
}
.detail .project-detail section > figure {
  margin-bottom: 0;
}
@media screen and (max-width: 600px) {
  .detail .project-detail figure .col, .detail .project-detail figure #footer-wrapper #footer-social, #footer-wrapper .detail .project-detail figure #footer-social, .detail .project-detail figure #footer-wrapper #footer-copyright, #footer-wrapper .detail .project-detail figure #footer-copyright, .detail .project-detail figure #footer-wrapper #footer-contact #london, #footer-wrapper #footer-contact .detail .project-detail figure #london, .detail .project-detail figure #footer-wrapper #footer-contact #hereford, #footer-wrapper #footer-contact .detail .project-detail figure #hereford, .detail .project-detail figure #footer-wrapper #footer-contact #edinburgh, #footer-wrapper #footer-contact .detail .project-detail figure #edinburgh, .detail .project-detail figure #footer-wrapper #footer-contact, #footer-wrapper .detail .project-detail figure #footer-contact, .detail .project-detail figure #footer-wrapper #footer-blog, #footer-wrapper .detail .project-detail figure #footer-blog, .detail .project-detail figure #footer-wrapper #footer-categories, #footer-wrapper .detail .project-detail figure #footer-categories, .detail .project-detail figure .profile #person-nav li, .profile #person-nav .detail .project-detail figure li, .detail .project-detail figure .profile #person-nav, .profile .detail .project-detail figure #person-nav, .detail .project-detail figure .profile .profile-image, .profile .detail .project-detail figure .profile-image, .detail .project-detail figure .team-list li, .team-list .detail .project-detail figure li, .detail .project-detail figure .team-list, .detail .project-detail figure .blog.single .commentlist h2, .blog.single .commentlist .detail .project-detail figure h2, .detail .project-detail figure .blog.single .related-projects, .blog.single .detail .project-detail figure .related-projects, .detail .project-detail figure .blog.single aside .share, .blog.single aside .detail .project-detail figure .share, .detail .project-detail figure .blog.single aside .meta, .blog.single aside .detail .project-detail figure .meta, .detail .project-detail figure .blog.single aside, .blog.single .detail .project-detail figure aside, .detail .project-detail figure .blog.single .main-post-area, .blog.single .detail .project-detail figure .main-post-area, .detail .project-detail figure .blog.single .archiblog-image, .blog.single .detail .project-detail figure .archiblog-image, .detail .project-detail figure .blog #post-area .post, .blog #post-area .detail .project-detail figure .post, .detail .project-detail figure .contact #main header, .contact #main .detail .project-detail figure header, .detail .project-detail figure .grid-full-width, .detail .project-detail figure .browse-project-thumb, .detail .project-detail figure .copy, .detail .project-detail figure .copy-contact, .detail .project-detail figure .feature-slideshow, .detail .project-detail figure .stats, .detail .project-detail figure .text-figure, .detail .project-detail figure .images-with-side-captions, .detail .project-detail figure .images-with-side-captions figcaption, .images-with-side-captions .detail .project-detail figure figcaption, .detail .project-detail figure .quote, .detail .project-detail figure .quote-2, .detail .project-detail figure .project-signoff, .detail .project-detail figure .project-signoff > div {
    width: 100%;
    margin-top: 8px;
    padding-right: 0;
  }
}
.detail .project-detail .swiper-container {
  /* Specify Swiper's Size: */
  /*width:200px;
  height: 100px;*/
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.detail .project-detail .multi-slide {
  cursor: pointer;
}
.detail .project-detail .swiper-slide {
  /* Specify Slides's Size: */
  width: 100.1%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
}
.detail .project-detail .swiper-slide-active {
  /* Specific active slide styling: */
}
.detail .project-detail .swiper-slide-visible {
  /* Specific visible slide styling: */
}
.detail .project-detail .swiper-pagination-switch {
  /* Stylize pagination button: */
}
.detail .project-detail .swiper-active-switch {
  /* Specific active button style: */
}
.detail .project-detail .swiper-visible-switch {
  /* Specific visible button style: */
}
.no-touch .detail .project-detail .feature-slideshow:hover.green .swiper-arrow span {
  background-color: #00953a;
}
.no-touch .detail .project-detail .feature-slideshow:hover.black .swiper-arrow span {
  background-color: #000;
}
.no-touch .detail .project-detail .feature-slideshow:hover.blue .swiper-arrow span {
  background-color: #446ba8;
}
.no-touch .detail .project-detail .feature-slideshow:hover.yellow .swiper-arrow span {
  background-color: #f5db6b;
}
.no-touch .detail .project-detail .feature-slideshow:hover.pink .swiper-arrow span {
  background-color: #eb6baf;
}
.no-touch .detail .project-detail .feature-slideshow:hover.orange .swiper-arrow span {
  background-color: #e1854e;
}
.detail .project-detail .swiper-arrow {
  cursor: pointer;
  padding: 0 10px;
  width: 17px;
  position: absolute;
  top: 0;
  bottom: 0;
  transition: 300ms;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.no-touch .detail .project-detail .swiper-arrow:hover {
  opacity: 0.6;
}
.detail .project-detail .swiper-arrow span {
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  width: 17px;
  height: 17px;
  display: block;
  position: absolute;
  margin-top: -8px;
  top: 50%;
  background-color: #494949;
  overflow: hidden;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .detail .project-detail .swiper-arrow span {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
.detail .project-detail .swiper-arrow.next {
  right: -26px;
}
.detail .project-detail .swiper-arrow.next span {
  background-position: -136px 0px;
}
.detail .project-detail .swiper-arrow.prev {
  left: -26px;
}
.detail .project-detail .swiper-arrow.prev span {
  background-position: -119px 0px;
}
@media screen and (max-width: 727px) {
  .detail .project-detail .swiper-arrow {
    display: none;
  }
}

.page #main h1 {
  font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 300;
  font-size: 24px;
  margin: 0 0 0.6em;
}
.page #main h2 {
  font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 500;
  font-size: 1.2em;
  margin: 0 0 0.6em;
}
.page #main h3 {
  font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 500;
  font-size: 1.1em;
  margin: 0 0 1em;
}
.page #main h4 {
  font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 500;
  font-size: 1em;
  margin: 0 0 1em;
}
.page section, .page figure {
  margin-bottom: 38px;
}
.page section > figure {
  margin-bottom: 0;
}
.page .about-us-hero-image {
  box-sizing: border-box;
  margin: 2rem 0 3rem 0;
  padding: 0 4rem;
}
@media screen and (max-width: 768px) {
  .page .about-us-hero-image {
    padding: 0;
  }
}
.page .about-us-hero-image img {
  width: 100%;
}

.about-section, .contact-section {
  clear: left;
  overflow: hidden;
  padding: 38px 0 0;
}
.about-section:first-of-type, .contact-section:first-of-type {
  padding-top: 0;
}
.about-section:after, .contact-section:after {
  content: " ";
  clear: left;
  display: block;
  border-bottom: 1px solid #ccc;
  margin: 0 10px;
  width: 100%;
}
.about-section:last-of-type:after, .contact-section:last-of-type:after {
  content: none;
}

.about-us-2021.about #main .about-section::after {
  content: unset;
}
.about-us-2021.about #main .about-section img {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .about-us-2021.about #main .about-section .w-8,
.about-us-2021.about #main .about-section .w-4 {
    clear: none;
    width: 50% !important;
  }
}
@media screen and (max-width: 700px) {
  .about-us-2021.about #main .about-section .w-8,
.about-us-2021.about #main .about-section .w-4 {
    clear: none;
    width: 100% !important;
  }
}
.about-us-2021.about #main .about-section .tabbed .tabs {
  background-color: transparent;
}
@media screen and (max-width: 1023px) {
  .about-us-2021.about #main .about-section .tabbed .tabs li {
    width: auto;
  }
}
.about-us-2021.about #main .about-section .tabbed .tabs li a {
  align-items: center;
  display: flex;
  padding: 14px 18px;
  position: relative;
}
.about-us-2021.about #main .about-section .tabbed .tabs li a.active {
  padding-left: 60px;
}
.about-us-2021.about #main .about-section .tabbed .tabs li a.active .tab-icon {
  width: 30px;
}
.about-us-2021.about #main .about-section .tabbed .tabs .tab-icon {
  left: 18px;
  margin-right: 0.8rem;
  position: absolute;
  transition: width 0.3s ease;
  width: 0px;
}
.about-us-2021.about #main .about-section .tabbed .copy.nested, .about-us-2021.about #main .about-section .tabbed #footer-wrapper #footer-contact .copy#london, #footer-wrapper #footer-contact .about-us-2021.about #main .about-section .tabbed .copy#london, .about-us-2021.about #main .about-section .tabbed #footer-wrapper #footer-contact .copy#hereford, #footer-wrapper #footer-contact .about-us-2021.about #main .about-section .tabbed .copy#hereford, .about-us-2021.about #main .about-section .tabbed #footer-wrapper #footer-contact .copy#edinburgh, #footer-wrapper #footer-contact .about-us-2021.about #main .about-section .tabbed .copy#edinburgh, .about-us-2021.about #main .about-section .tabbed .blog.single .copy.related-projects, .blog.single .about-us-2021.about #main .about-section .tabbed .copy.related-projects, .about-us-2021.about #main .about-section .tabbed .blog.single aside .copy.share, .blog.single aside .about-us-2021.about #main .about-section .tabbed .copy.share, .about-us-2021.about #main .about-section .tabbed .blog.single aside .copy.meta, .blog.single aside .about-us-2021.about #main .about-section .tabbed .copy.meta, .about-us-2021.about #main .about-section .tabbed .images-with-side-captions figcaption.copy, .images-with-side-captions .about-us-2021.about #main .about-section .tabbed figcaption.copy, .about-us-2021.about #main .about-section .tabbed .project-signoff > div.copy {
  padding: 0 0 0 2rem;
}
@media screen and (max-width: 700px) {
  .about-us-2021.about #main .about-section .tabbed .copy.nested, .about-us-2021.about #main .about-section .tabbed #footer-wrapper #footer-contact .copy#london, #footer-wrapper #footer-contact .about-us-2021.about #main .about-section .tabbed .copy#london, .about-us-2021.about #main .about-section .tabbed #footer-wrapper #footer-contact .copy#hereford, #footer-wrapper #footer-contact .about-us-2021.about #main .about-section .tabbed .copy#hereford, .about-us-2021.about #main .about-section .tabbed #footer-wrapper #footer-contact .copy#edinburgh, #footer-wrapper #footer-contact .about-us-2021.about #main .about-section .tabbed .copy#edinburgh, .about-us-2021.about #main .about-section .tabbed .blog.single .copy.related-projects, .blog.single .about-us-2021.about #main .about-section .tabbed .copy.related-projects, .about-us-2021.about #main .about-section .tabbed .blog.single aside .copy.share, .blog.single aside .about-us-2021.about #main .about-section .tabbed .copy.share, .about-us-2021.about #main .about-section .tabbed .blog.single aside .copy.meta, .blog.single aside .about-us-2021.about #main .about-section .tabbed .copy.meta, .about-us-2021.about #main .about-section .tabbed .images-with-side-captions figcaption.copy, .images-with-side-captions .about-us-2021.about #main .about-section .tabbed figcaption.copy, .about-us-2021.about #main .about-section .tabbed .project-signoff > div.copy {
    padding: 0;
  }
}
.about-us-2021.about #main .about-section .panels {
  background-color: transparent;
  padding: 0;
}
@media screen and (max-width: 1024px) {
  .about-us-2021.about #main .about-section#intro .w-6 {
    width: 50% !important;
  }
}
@media screen and (max-width: 700px) {
  .about-us-2021.about #main .about-section#intro .w-6 {
    width: 100% !important;
  }
}
.about-us-2021.about #main .about-section#tabs-1 figure.w-8 {
  padding-left: 0;
}
.about-us-2021.about #main .about-section#services figure.w-6 {
  padding-right: 0;
}
@media screen and (max-width: 700px) {
  .about-us-2021.about #main .about-section .copy-right {
    padding-left: 0;
  }
}
.about-us-2021.about #main .about-section #passivhaus figure.w-12,
.about-us-2021.about #main .about-section #awards figure.w-12 {
  margin-bottom: 2rem;
}
.about-us-2021.about #main .about-section #passivhaus section.w-12,
.about-us-2021.about #main .about-section #awards section.w-12 {
  margin-bottom: 0.5rem !important;
}

@media screen and (max-width: 768px) {
  .contact-section figure.w-9 {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .contact-section figure.w-9 {
    width: 100%;
  }
}

.contact #main header {
  width: 100%;
  margin-top: -6px;
}
.contact #main header h1 {
  font-size: 30px;
}
.contact #main .copy h1, .contact #main .copy h2 {
  font-size: 1em;
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 18px;
}
.contact #main .copy h2 {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .contact .quote {
    clear: left;
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .contact .quote {
    width: 100%;
  }
}

.lt-ie9 #sustainable-design .quote {
  width: 100%;
}

.about #who h1 {
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .about #main figure {
    width: 100%;
  }
  .about #main .quote {
    width: 50%;
  }
  .about #main figure.w-6 {
    width: 75%;
  }
  .about #main #sustainable-design .w-6 {
    width: 100%;
  }
}
@media screen and (min-width: 769px) {
  .about #main #sustainable-design .quote {
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .about #main figure.w-6 {
    width: 100%;
  }
  .about #main .quote {
    width: 100%;
  }
  .about #working-with-us-accolades br {
    display: none;
  }
}

.accent-dark-grey {
  background: #7d7d7e;
  color: #fff;
}
.accent-dark-grey:after {
  border-right-color: #7d7d7e;
}

.accent-green {
  background: #00953a;
  color: #fff;
}
.accent-green:after {
  border-right-color: #00953a;
}

.accent-pink {
  background: #eb6baf;
  color: #fff;
}
.accent-pink:after {
  border-right-color: #eb6baf;
}

.accent-yellow {
  background: #f5db6b;
  color: #4c4215;
}
.accent-yellow:after {
  border-right-color: #f5db6b;
}

.accent-blue {
  background: #446ba8;
  color: #fff;
}
.accent-blue:after {
  border-right-color: #446ba8;
}

.accent-orange {
  background: #e1854e;
  color: #fff;
}
.accent-orange:after {
  border-right-color: #e1854e;
}

.accent-black {
  background: #000;
  color: #fff;
}
.accent-black:after {
  border-right-color: #000;
}

ul.spaced li {
  margin-bottom: 18px;
}

ul.half-spaced li {
  margin-bottom: 10.5882352941px;
}

ul.col-list li {
  float: left;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  padding-left: 10px;
  padding-right: 10px;
  width: 25%;
  margin-left: 0;
}
ul.col-list li.right {
  float: right;
}
ul.col-list li.clear-both {
  clear: both;
}
ul.col-list li.nested, ul.col-list #footer-wrapper #footer-contact li#london, #footer-wrapper #footer-contact ul.col-list li#london, ul.col-list #footer-wrapper #footer-contact li#hereford, #footer-wrapper #footer-contact ul.col-list li#hereford, ul.col-list #footer-wrapper #footer-contact li#edinburgh, #footer-wrapper #footer-contact ul.col-list li#edinburgh, ul.col-list .blog.single li.related-projects, .blog.single ul.col-list li.related-projects, ul.col-list .blog.single aside li.share, .blog.single aside ul.col-list li.share, ul.col-list .blog.single aside li.meta, .blog.single aside ul.col-list li.meta {
  padding-left: 0;
  padding-right: 20px;
}
ul.col-list li.nested:last-child, ul.col-list #footer-wrapper #footer-contact li#london:last-child, #footer-wrapper #footer-contact ul.col-list li#london:last-child, ul.col-list #footer-wrapper #footer-contact li#hereford:last-child, #footer-wrapper #footer-contact ul.col-list li#hereford:last-child, ul.col-list #footer-wrapper #footer-contact li#edinburgh:last-child, #footer-wrapper #footer-contact ul.col-list li#edinburgh:last-child, ul.col-list .blog.single li.related-projects:last-child, .blog.single ul.col-list li.related-projects:last-child, ul.col-list .blog.single aside li.share:last-child, .blog.single aside ul.col-list li.share:last-child, ul.col-list .blog.single aside li.meta:last-child, .blog.single aside ul.col-list li.meta:last-child {
  padding-right: 0;
}
@media screen and (max-width: 768px) {
  ul.col-list li {
    width: 50%;
  }
}
@media screen and (max-width: 600px) {
  ul.col-list li {
    width: 100%;
  }
}

.poster-frame, .stage {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

.poster-frame {
  cursor: pointer;
}
.poster-frame .play-button:hover {
  opacity: 1;
}
.poster-frame .play-button:hover:after {
  background-color: #1A1A1A;
}
.poster-frame .play-button {
  position: absolute;
  z-index: 2;
  left: 50%;
  top: 50%;
  margin-top: -40px;
  margin-left: -49px;
  opacity: 0.9;
  overflow: hidden;
}
.poster-frame .play-button:after {
  content: " ";
  display: block;
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: -153px 0px;
  width: 30px;
  height: 34px;
  border: 1px solid #fff;
  border-width: 19px 32px 19px 36px;
  transition: background-color 400ms;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .poster-frame .play-button:after {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}

@media screen and (max-width: 800px) {
  .tabbed.col, #footer-wrapper .tabbed#footer-social, #footer-wrapper .tabbed#footer-copyright, #footer-wrapper #footer-contact .tabbed#london, #footer-wrapper #footer-contact .tabbed#hereford, #footer-wrapper #footer-contact .tabbed#edinburgh, #footer-wrapper .tabbed#footer-contact, #footer-wrapper .tabbed#footer-blog, #footer-wrapper .tabbed#footer-categories, .profile #person-nav li.tabbed, .profile .tabbed#person-nav, .profile .tabbed.profile-image, .team-list li.tabbed, .tabbed.team-list, .blog.single .commentlist h2.tabbed, .blog.single .tabbed.related-projects, .blog.single aside .tabbed.share, .blog.single aside .tabbed.meta, .blog.single aside.tabbed, .blog.single .tabbed.main-post-area, .blog.single .tabbed.archiblog-image, .blog #post-area .tabbed.post, .tabbed.grid-full-width, .tabbed.browse-project-thumb, .tabbed.copy, .tabbed.copy-contact, .tabbed.feature-slideshow, .tabbed.stats, .tabbed.text-figure, .tabbed.images-with-side-captions, .images-with-side-captions figcaption.tabbed, .tabbed.quote, .tabbed.quote-2, .tabbed.project-signoff, .project-signoff > div.tabbed, .contact #main header.tabbed {
    width: 100%;
  }
}
.tabbed .tabs,
.tabbed .sub-tabs {
  overflow: hidden;
  padding: 0;
  margin: 0;
  list-style: none;
  font-size: 21px;
}
.tabbed .tabs li,
.tabbed .sub-tabs li {
  float: left;
}
.tabbed .tabs a,
.tabbed .sub-tabs a {
  display: block;
  text-decoration: none;
  color: #808080;
  white-space: nowrap;
}
.tabbed .tabs a.active, .tabbed .tabs a:hover,
.tabbed .sub-tabs a.active,
.tabbed .sub-tabs a:hover {
  color: #1A1A1A;
}
@media screen and (max-width: 600px) {
  .tabbed .tabs {
    font-size: 15px;
    font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  }
  .tabbed .tabs li a {
    min-height: 36px;
  }
}
@media screen and (max-width: 1023px) {
  .tabbed .tabs {
    background: #e9e9e9;
    margin-bottom: -1px;
  }
  .tabbed .tabs li {
    width: 50%;
  }
  .tabbed .tabs li:nth-child(2) a {
    margin-right: -1px;
  }
  .tabbed .tabs li a {
    border-width: 0 1px 1px 0;
    white-space: normal;
  }
}
.tabbed .tabs a {
  padding: 12px 18px;
  border: 1px solid #F7F7F7;
  border-width: 0 1px 0 0;
  background: #e9e9e9;
}
.tabbed .tabs a.active, .tabbed .tabs a:hover {
  background: #fff;
}
.tabbed .sub-tabs {
  margin-bottom: 18px;
}
.tabbed .sub-tabs a {
  text-decoration: underline;
}
.tabbed .sub-tabs a:after {
  content: "/";
  margin: 0 0.2em;
  color: #ccc;
  display: inline-block;
  text-decoration: none;
}
.tabbed .sub-tabs li:last-child a:after {
  content: "";
}
.tabbed .panels {
  background: #fff;
  padding: 18px;
  overflow: hidden;
}
.tabbed .panel {
  overflow: hidden;
}
.tabbed .panel figure {
  margin-bottom: 0;
}
.tabbed .panel.awards-panel section.w-6 p {
  display: flex;
}
.tabbed .panel.awards-panel section.w-6 strong {
  margin-right: 1rem;
}
@media screen and (max-width: 800px) {
  .tabbed .panel .col, .tabbed .panel #footer-wrapper #footer-social, #footer-wrapper .tabbed .panel #footer-social, .tabbed .panel #footer-wrapper #footer-copyright, #footer-wrapper .tabbed .panel #footer-copyright, .tabbed .panel #footer-wrapper #footer-contact #london, #footer-wrapper #footer-contact .tabbed .panel #london, .tabbed .panel #footer-wrapper #footer-contact #hereford, #footer-wrapper #footer-contact .tabbed .panel #hereford, .tabbed .panel #footer-wrapper #footer-contact #edinburgh, #footer-wrapper #footer-contact .tabbed .panel #edinburgh, .tabbed .panel #footer-wrapper #footer-contact, #footer-wrapper .tabbed .panel #footer-contact, .tabbed .panel #footer-wrapper #footer-blog, #footer-wrapper .tabbed .panel #footer-blog, .tabbed .panel #footer-wrapper #footer-categories, #footer-wrapper .tabbed .panel #footer-categories, .tabbed .panel .profile #person-nav li, .profile #person-nav .tabbed .panel li, .tabbed .panel .profile #person-nav, .profile .tabbed .panel #person-nav, .tabbed .panel .profile .profile-image, .profile .tabbed .panel .profile-image, .tabbed .panel .team-list li, .team-list .tabbed .panel li, .tabbed .panel .team-list, .tabbed .panel .blog.single .commentlist h2, .blog.single .commentlist .tabbed .panel h2, .tabbed .panel .blog.single .related-projects, .blog.single .tabbed .panel .related-projects, .tabbed .panel .blog.single aside .share, .blog.single aside .tabbed .panel .share, .tabbed .panel .blog.single aside .meta, .blog.single aside .tabbed .panel .meta, .tabbed .panel .blog.single aside, .blog.single .tabbed .panel aside, .tabbed .panel .blog.single .main-post-area, .blog.single .tabbed .panel .main-post-area, .tabbed .panel .blog.single .archiblog-image, .blog.single .tabbed .panel .archiblog-image, .tabbed .panel .blog #post-area .post, .blog #post-area .tabbed .panel .post, .tabbed .panel .grid-full-width, .tabbed .panel .browse-project-thumb, .tabbed .panel .copy, .tabbed .panel .copy-contact, .tabbed .panel .feature-slideshow, .tabbed .panel .stats, .tabbed .panel .text-figure, .tabbed .panel .images-with-side-captions, .tabbed .panel .images-with-side-captions figcaption, .images-with-side-captions .tabbed .panel figcaption, .tabbed .panel .quote, .tabbed .panel .quote-2, .tabbed .panel .project-signoff, .tabbed .panel .project-signoff > div, .tabbed .panel .contact #main header, .contact #main .tabbed .panel header {
    width: 100%;
    clear: left;
    margin-bottom: 18px;
  }
  .tabbed .panel .col:last-child, .tabbed .panel #footer-wrapper #footer-social:last-child, #footer-wrapper .tabbed .panel #footer-social:last-child, .tabbed .panel #footer-wrapper #footer-copyright:last-child, #footer-wrapper .tabbed .panel #footer-copyright:last-child, .tabbed .panel #footer-wrapper #footer-contact #london:last-child, #footer-wrapper #footer-contact .tabbed .panel #london:last-child, .tabbed .panel #footer-wrapper #footer-contact #hereford:last-child, #footer-wrapper #footer-contact .tabbed .panel #hereford:last-child, .tabbed .panel #footer-wrapper #footer-contact #edinburgh:last-child, #footer-wrapper #footer-contact .tabbed .panel #edinburgh:last-child, .tabbed .panel #footer-wrapper #footer-contact:last-child, #footer-wrapper .tabbed .panel #footer-contact:last-child, .tabbed .panel #footer-wrapper #footer-blog:last-child, #footer-wrapper .tabbed .panel #footer-blog:last-child, .tabbed .panel #footer-wrapper #footer-categories:last-child, #footer-wrapper .tabbed .panel #footer-categories:last-child, .tabbed .panel .profile #person-nav li:last-child, .profile #person-nav .tabbed .panel li:last-child, .tabbed .panel .profile #person-nav:last-child, .profile .tabbed .panel #person-nav:last-child, .tabbed .panel .profile .profile-image:last-child, .profile .tabbed .panel .profile-image:last-child, .tabbed .panel .team-list li:last-child, .team-list .tabbed .panel li:last-child, .tabbed .panel .team-list:last-child, .tabbed .panel .blog.single .commentlist h2:last-child, .blog.single .commentlist .tabbed .panel h2:last-child, .tabbed .panel .blog.single .related-projects:last-child, .blog.single .tabbed .panel .related-projects:last-child, .tabbed .panel .blog.single aside .share:last-child, .blog.single aside .tabbed .panel .share:last-child, .tabbed .panel .blog.single aside .meta:last-child, .blog.single aside .tabbed .panel .meta:last-child, .tabbed .panel .blog.single aside:last-child, .blog.single .tabbed .panel aside:last-child, .tabbed .panel .blog.single .main-post-area:last-child, .blog.single .tabbed .panel .main-post-area:last-child, .tabbed .panel .blog.single .archiblog-image:last-child, .blog.single .tabbed .panel .archiblog-image:last-child, .tabbed .panel .blog #post-area .post:last-child, .blog #post-area .tabbed .panel .post:last-child, .tabbed .panel .grid-full-width:last-child, .tabbed .panel .browse-project-thumb:last-child, .tabbed .panel .copy:last-child, .tabbed .panel .copy-contact:last-child, .tabbed .panel .feature-slideshow:last-child, .tabbed .panel .stats:last-child, .tabbed .panel .text-figure:last-child, .tabbed .panel .images-with-side-captions:last-child, .tabbed .panel .images-with-side-captions figcaption:last-child, .images-with-side-captions .tabbed .panel figcaption:last-child, .tabbed .panel .quote:last-child, .tabbed .panel .quote-2:last-child, .tabbed .panel .project-signoff:last-child, .tabbed .panel .project-signoff > div:last-child, .tabbed .panel .contact #main header:last-child, .contact #main .tabbed .panel header:last-child {
    margin-bottom: 0;
  }
}

#page-end-utility {
  clear: both;
  margin: 90px 0 30px;
  font-size: 13px;
  line-height: 1;
}
#page-end-utility a {
  text-transform: uppercase;
  text-decoration: none;
}
#page-end-utility a:hover {
  text-decoration: underline;
}
#page-end-utility #back-to-top:before {
  content: " ";
  display: inline-block;
  vertical-align: middle;
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: -17px 0px;
  width: 7px;
  height: 8px;
  margin-right: 7px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #page-end-utility #back-to-top:before {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
#page-end-utility .addthis_toolbox {
  float: right;
  width: 103px;
  color: #999;
}
#page-end-utility .addthis_toolbox a {
  float: right !important;
  margin: -2px 0 0 6px !important;
  padding: 0 !important;
}
@media screen and (max-width: 768px) {
  #page-end-utility {
    margin-top: 30px;
  }
}

/* Pre-footer Content ***************************************/
/* Content which is inserted after the main content wrapper, e.g. to facilitate full-width map etc. */
#map-wrapper {
  background: #f7f7f7;
}
@media screen and (max-width: 500px) {
  #map-wrapper {
    border-bottom: 70px solid #f7f7f7;
  }
}
#map-wrapper .grid-align-contents {
  position: relative;
}
#map-wrapper .floating-panel {
  position: absolute;
  right: 10px;
  top: 30px;
  background: #fff;
  background: rgba(255, 255, 255, 0.9);
  z-index: 5;
  padding: 20px;
  width: 235px;
}
@media screen and (max-width: 500px) {
  #map-wrapper .floating-panel {
    width: auto;
    position: static;
  }
  .no-touch #map-wrapper .floating-panel {
    margin-left: 10px;
    margin-right: 10px;
  }
  #map-wrapper .floating-panel a[href="#"] {
    text-decoration: none;
    pointer-events: none;
  }
}
#map-wrapper .floating-panel aside {
  overflow: hidden;
  transition: 500ms;
  -webkit-backface-visibility: hidden;
}
#map-wrapper .floating-panel.closed {
  width: 0;
  height: 0;
  padding: 16px 16px 15px 15px;
}
#map-wrapper .floating-panel.closed aside {
  opacity: 0;
  width: 0;
  height: 0;
}
#map-wrapper .floating-panel.closed .close-button .icon {
  transform: rotate(0deg);
}
#map-wrapper .floating-panel .close-button {
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}
@media screen and (max-width: 500px) {
  #map-wrapper .floating-panel .close-button {
    display: none;
  }
}
#map-wrapper .floating-panel .close-button .icon {
  display: block;
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: -51px 0px;
  width: 11px;
  height: 11px;
  transform: rotate(45deg);
  transition: 200ms;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #map-wrapper .floating-panel .close-button .icon {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
#map-wrapper #map {
  height: 900px;
}
@media screen and (max-width: 500px) {
  #map-wrapper #map {
    display: none;
  }
}
.touch #map-wrapper #map {
  max-width: 1000px;
  margin: 0 auto;
  border: solid #f7f7f7;
  border-width: 0 10px;
}
#map-wrapper #map .infowindow {
  padding: 10px;
  font-size: 15px;
  line-height: 1.2;
  font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 300;
  white-space: nowrap;
}
#map-wrapper #map .infowindow a {
  text-decoration: none;
  font-family: "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 500;
}
#map-wrapper #map .infowindow a .icon {
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: -34px 0px;
  width: 6px;
  height: 8px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #map-wrapper #map .infowindow a .icon {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}

.accordion h1 {
  font-size: 1em;
  font-weight: 500;
  margin: 0;
  color: #666;
}
.accordion ul {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
.accordion.initialised h1 {
  cursor: pointer;
}
.accordion.initialised h1:before {
  content: " ";
  display: inline-block;
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  background-position: -51px 0px;
  width: 11px;
  height: 11px;
  margin-right: 9px;
  transition: background-position 500ms;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  .accordion.initialised h1:before {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
.accordion.initialised h1.active {
  color: #1A1A1A;
}
.accordion.initialised h1.active:before {
  background-position: -68px 0px;
}
.accordion.initialised ul {
  transition: opacity 500ms;
  opacity: 0;
  height: 0;
  margin-bottom: 0.5em;
  overflow: hidden;
}
.accordion.initialised ul li {
  margin-left: 20px;
}
.accordion.initialised ul.active {
  height: auto;
  opacity: 1;
  margin-bottom: 1em;
}
.accordion.initialised ul:last-child {
  margin-bottom: 0;
}

.blog #post-area {
  clear: left;
}
.blog #post-area .post {
  margin-bottom: 20px;
  width: 50%;
}
@media screen and (max-width: 480px) {
  .blog #post-area .post {
    width: 100%;
  }
}
.blog #post-area .post .reveal {
  opacity: 0;
  filter: alpha(opacity=0);
  transition: opacity 500ms;
}
.touch .blog #post-area .post .reveal {
  display: none;
}
.blog #post-area .post:hover .reveal {
  opacity: 1;
  filter: alpha(opacity=100);
}
.blog #post-area .post:hover .archiblog-copy {
  background: #bcbdba;
}
.blog #post-area .archiblog-copy {
  background: #D0D1CF;
  padding: 10px;
  padding-bottom: 20px;
  transition: background 500ms;
}
.blog #post-area .archiblog-copy a {
  font-weight: 500;
}
.blog #post-area .archiblog-copy h2 {
  font-size: 15px;
  font-weight: normal;
  margin: 0 0 1.2em;
}
.blog #post-area .except a {
  font-weight: 200;
  text-decoration: none;
}
.blog.single .post {
  clear: left;
}
.blog.single .post h2, .blog.single .post h3 {
  font-size: 15px;
  font-weight: normal;
  margin: 0 0 1.2em;
}
.blog.single .post h3 {
  margin-bottom: 0;
}
.blog.single .archiblog-image {
  margin-bottom: 1.4em;
  width: 100%;
}
.blog.single .archiblog-image .wrapper {
  background: #eee;
}
.blog.single .archiblog-no-image {
  border-top: 1px solid #eee;
  margin: 0 10px 1.4em;
}
.blog.single .main-post-area {
  width: 66.6666666667%;
}
@media screen and (max-width: 767px) {
  .blog.single .main-post-area {
    width: 83.3333333333%;
  }
}
@media screen and (max-width: 660px) {
  .blog.single .main-post-area {
    width: 100%;
  }
}
.blog.single .archiblog-copy {
  margin-bottom: 1.2em;
  padding-right: 10%;
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 400;
  line-height: 1.3;
  font-size: 14px;
}
@media screen and (max-width: 660px) {
  .blog.single .archiblog-copy {
    padding-right: 0;
  }
}
.blog.single .archiblog-copy h1, .blog.single .archiblog-copy h2, .blog.single .archiblog-copy h3, .blog.single .archiblog-copy h4, .blog.single .archiblog-copy h5, .blog.single .archiblog-copy h6 {
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif !important;
  font-weight: 600 !important;
  font-size: 15px;
  margin: 2.4em 0 1.2em;
}
.blog.single .archiblog-copy .clear {
  clear: both;
}
.blog.single .archiblog-copy .aligncenter {
  display: block;
  margin: 0 auto;
}
.blog.single .archiblog-copy .alignleft {
  float: left;
  margin: 0 10px 10px 0;
}
.blog.single .archiblog-copy .alignright {
  float: right;
  margin: 0 0 10px 10px;
}
.blog.single .archiblog-copy .wp-caption {
  max-width: 100%;
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
.blog.single .archiblog-copy .wp-caption-text {
  margin-top: 2px;
  text-align: left;
  font-size: 12px;
  color: #999;
}
.blog.single .archiblog-copy blockquote {
  border-left: 1px dotted #999;
  padding-left: 10px;
  margin: 1.2em 0 1.2em 20px;
}
.blog.single .post-nav {
  clear: left;
  overflow: hidden;
  margin-bottom: 38px;
}
.blog.single aside {
  width: 33.3333333333%;
}
.blog.single aside .col h2, .blog.single aside #footer-wrapper #footer-social h2, #footer-wrapper .blog.single aside #footer-social h2, .blog.single aside #footer-wrapper #footer-copyright h2, #footer-wrapper .blog.single aside #footer-copyright h2, .blog.single aside #footer-wrapper #footer-contact #london h2, #footer-wrapper #footer-contact .blog.single aside #london h2, .blog.single aside #footer-wrapper #footer-contact #hereford h2, #footer-wrapper #footer-contact .blog.single aside #hereford h2, .blog.single aside #footer-wrapper #footer-contact #edinburgh h2, #footer-wrapper #footer-contact .blog.single aside #edinburgh h2, .blog.single aside #footer-wrapper #footer-contact h2, #footer-wrapper .blog.single aside #footer-contact h2, .blog.single aside #footer-wrapper #footer-blog h2, #footer-wrapper .blog.single aside #footer-blog h2, .blog.single aside #footer-wrapper #footer-categories h2, #footer-wrapper .blog.single aside #footer-categories h2, .profile #person-nav .blog.single aside li h2, .blog.single aside .profile #person-nav h2, .profile .blog.single aside #person-nav h2, .blog.single aside .profile .profile-image h2, .profile .blog.single aside .profile-image h2, .blog.single aside .team-list li h2, .team-list .blog.single aside li h2, .blog.single aside .team-list h2, .blog.single aside .commentlist h2 h2, .blog.single .commentlist aside h2 h2, .blog.single aside .related-projects h2, .blog.single aside .share h2, .blog.single aside .meta h2, .blog.single aside .grid-full-width h2, .blog.single aside .browse-project-thumb h2, .blog.single aside .copy h2, .blog.single aside .copy-contact h2, .blog.single aside .feature-slideshow h2, .blog.single aside .stats h2, .blog.single aside .text-figure h2, .blog.single aside .images-with-side-captions h2, .blog.single aside .images-with-side-captions figcaption h2, .images-with-side-captions .blog.single aside figcaption h2, .blog.single aside .quote h2, .blog.single aside .quote-2 h2, .blog.single aside .project-signoff h2, .blog.single aside .project-signoff > div h2, .blog.single aside .contact #main header h2, .contact #main .blog.single aside header h2, .blog.single aside #post-area .post h2, .blog.single #post-area aside .post h2, .blog.single aside .archiblog-image h2, .blog.single aside .main-post-area h2, .blog.single aside aside h2 {
  margin-bottom: 8px;
}
.blog.single aside .meta {
  width: 66.6666666667%;
  border-right: 1px solid #ccc;
}
.blog.single aside .share {
  width: 33.3333333333%;
  padding-left: 10px;
}
@media screen and (max-width: 990px) and (min-width: 768px) {
  .blog.single aside .meta, .blog.single aside .share {
    width: 100%;
  }
  .blog.single aside .meta {
    border-right: none;
    margin-bottom: 1.2em;
  }
  .blog.single aside .share {
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .blog.single aside {
    width: 100%;
  }
  .blog.single aside .meta {
    width: 50%;
  }
  .blog.single aside .share {
    width: 50%;
  }
}
.blog.single .related-projects {
  width: 100%;
  margin-top: 2.4em;
}
.blog.single .related-projects a {
  display: block;
  margin-bottom: 1.2em;
}
.blog.single .related-projects a .lazy-load-wrapper {
  margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
  .blog.single .related-projects {
    width: 100%;
    margin-bottom: 20px;
  }
  .blog.single .related-projects a {
    float: left;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    word-wrap: break-word;
    padding-left: 10px;
    padding-right: 10px;
    padding-left: 0;
    padding-right: 20px;
    width: 33.3333333333%;
  }
  .blog.single .related-projects a.right {
    float: right;
  }
  .blog.single .related-projects a.clear-both {
    clear: both;
  }
  .blog.single .related-projects a.nested, .blog.single .related-projects #footer-wrapper #footer-contact a#london, #footer-wrapper #footer-contact .blog.single .related-projects a#london, .blog.single .related-projects #footer-wrapper #footer-contact a#hereford, #footer-wrapper #footer-contact .blog.single .related-projects a#hereford, .blog.single .related-projects #footer-wrapper #footer-contact a#edinburgh, #footer-wrapper #footer-contact .blog.single .related-projects a#edinburgh, .blog.single .related-projects aside a.meta, .blog.single aside .related-projects a.meta, .blog.single .related-projects aside a.share, .blog.single aside .related-projects a.share, .blog.single .related-projects a.related-projects {
    padding-left: 0;
    padding-right: 20px;
  }
  .blog.single .related-projects a.nested:last-child, .blog.single .related-projects #footer-wrapper #footer-contact a#london:last-child, #footer-wrapper #footer-contact .blog.single .related-projects a#london:last-child, .blog.single .related-projects #footer-wrapper #footer-contact a#hereford:last-child, #footer-wrapper #footer-contact .blog.single .related-projects a#hereford:last-child, .blog.single .related-projects #footer-wrapper #footer-contact a#edinburgh:last-child, #footer-wrapper #footer-contact .blog.single .related-projects a#edinburgh:last-child, .blog.single .related-projects aside a.meta:last-child, .blog.single aside .related-projects a.meta:last-child, .blog.single .related-projects aside a.share:last-child, .blog.single aside .related-projects a.share:last-child, .blog.single .related-projects a.related-projects:last-child {
    padding-right: 0;
  }
  .blog.single .related-projects a:last-child {
    padding-right: 0;
  }
  .blog.single .related-projects a:last-child {
    padding-right: 20px;
  }
}
@media screen and (max-width: 660px) {
  .blog.single .related-projects a {
    width: 50%;
  }
}
@media screen and (max-width: 530px) {
  .blog.single .related-projects a {
    width: 100%;
    padding-right: 0;
  }
  .blog.single .related-projects a:last-child {
    padding-right: 0;
  }
}
.blog.single .comments-area {
  clear: left;
}
.blog.single .commentlist {
  overflow: hidden;
  margin-bottom: 38px;
  clear: left;
}
.blog.single .commentlist h2 {
  width: 100%;
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 1.2em;
}
.blog.single .comments-grid {
  clear: left;
}
.blog.single .comment-quote {
  margin-bottom: 38px;
}
.blog.single #comment-errors {
  color: #cc0000;
  font-weight: 500;
}
.blog.single #comment-errors p {
  margin: 0 0 0.5em;
}

.team-list {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
  overflow: hidden;
}
.team-list li {
  width: 25%;
  margin-bottom: 20px;
  float: none;
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 845px) {
  .team-list li {
    width: 33.3333333333%;
  }
}
@media screen and (max-width: 568px) {
  .team-list li {
    width: 50%;
  }
}
@media screen and (max-width: 420px) {
  .team-list li {
    width: 100%;
  }
  .team-list li .person-thumb {
    background: #eee;
  }
  .team-list li .person-thumb .wrap {
    width: 235px;
    max-width: 100%;
  }
  .team-list li .person-thumb .wrap img {
    width: auto !important;
    height: auto !important;
  }
}
.team-list .person-thumb {
  background: #D0D1CF;
  margin-bottom: 7px;
}
.team-list .person-thumb .lazy-load-wrapper img {
  height: 100% !important;
  width: auto;
}
@media screen and (min-width: 1130px) {
  .team-list .person-thumb .lazy-load-wrapper img {
    width: auto !important;
    height: auto !important;
  }
}
.team-list a {
  display: block;
  text-decoration: none;
}
.team-list a:hover {
  text-decoration: underline;
}

.profile #profile-header {
  margin-bottom: 18px;
}
.profile #profile-header h1 {
  font-size: 30px;
  margin-bottom: 6px;
}
.profile #profile-header p {
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 400;
}
.profile .profile-image {
  width: 100%;
}
.profile .profile-image .wrap {
  background: #eee;
}
.profile #main .copy {
  margin-bottom: 18px;
}
.profile #main .copy h1 {
  font-size: 1em;
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 18px;
}
.profile #person-nav {
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Neue Helvetica W15", helvetica, arial, sans-serif;
  margin-top: 2.6em;
}
.profile #person-nav .next {
  margin-left: 8px;
}
.profile #person-nav .prev {
  margin-right: 8px;
}
.profile #person-nav .next-person {
  text-align: right;
}
.profile #person-nav li {
  width: 50%;
}
@media screen and (max-width: 550px) {
  .profile #person-nav li .name {
    display: none;
  }
  .profile #person-nav li.next-person .mobile-text:after {
    content: "Next";
  }
  .profile #person-nav li.previous-person .mobile-text:after {
    content: "Previous";
  }
}

/* Forms ***************************************************/
input, textarea, select, button {
  -webkit-appearance: none;
  border-radius: 0;
  border: 1px solid #D0D1CF;
  background: #fff;
  font: 15px/1.2 "Neue Helvetica W01", helvetica, arial, sans-serif;
  font-weight: 300;
  display: block;
  margin: 0 0 0.5em;
  padding: 10px;
  width: 400px;
  max-width: 100%;
  box-sizing: border-box;
}

.quote textarea {
  background: transparent;
  border: none;
  padding: 0;
  color: inherit;
  font: inherit;
  height: 5.45em;
  resize: none;
}
.quote textarea:focus {
  outline: none;
}

input[type=submit], button {
  border: none;
  font-weight: 500;
  width: auto;
  transition: background 200ms, color 200ms;
  padding-left: 20px;
  padding-right: 20px;
}
input[type=submit]:not([class~=accented]), button:not([class~=accented]) {
  background: #D0D1CF;
}

input[type=submit]:hover, button:hover {
  background: #7d7d7e;
  color: #fff;
}

/* Footer ***************************************************/
#footer-wrapper {
  font-size: 14px;
  padding-top: 45px;
  padding-bottom: 80px;
}
#footer-wrapper #footer-categories {
  width: 16.6666666667%;
  margin-bottom: 80px;
}
#footer-wrapper #footer-categories .active a {
  font-weight: 500;
}
#footer-wrapper #footer-blog {
  width: 50%;
  padding-right: 20%;
  margin-bottom: 80px;
}
@media screen and (max-width: 1024px) {
  #footer-wrapper #footer-blog {
    padding-right: 15%;
  }
}
@media screen and (max-width: 850px) {
  #footer-wrapper #footer-blog {
    padding-right: 10%;
  }
}
#footer-wrapper #footer-blog li {
  margin-bottom: 17px;
}
#footer-wrapper #footer-blog li:last-child {
  margin-bottom: 0;
}
#footer-wrapper #footer-blog a {
  text-decoration: none;
}
#footer-wrapper #footer-blog a:hover h2 {
  text-decoration: none;
}
#footer-wrapper #footer-blog h2 {
  font-size: 1em;
  margin: 0;
  font-weight: 200;
  text-decoration: underline;
}
#footer-wrapper #footer-blog .author {
  font-weight: 500;
}
#footer-wrapper #footer-contact {
  width: 33.3333333333%;
  margin-bottom: 80px;
  font-style: normal;
}
#footer-wrapper #footer-contact #london, #footer-wrapper #footer-contact #hereford, #footer-wrapper #footer-contact #edinburgh {
  width: 133.3333333333%;
  padding-left: 51%;
  margin-bottom: 7%;
}
#footer-wrapper #footer-contact p {
  margin-top: 0;
}
#footer-wrapper #footer-copyright {
  clear: left;
  width: 50%;
}
#footer-wrapper #footer-copyright small {
  display: block;
  font-size: 12px;
  color: #A0A0A0;
}
#footer-wrapper #footer-copyright a {
  color: #A0A0A0;
}
#footer-wrapper #footer-social {
  width: 50%;
  text-align: right;
  font-size: 0;
}
#footer-wrapper #footer-social li {
  display: inline-block;
  margin-left: 10px;
}
#footer-wrapper #footer-social li:first-child {
  margin-left: 0;
}
#footer-wrapper #footer-social a {
  background-color: #a0a0a0;
  transition: background-color 200ms;
  display: inline-block;
  padding: 4px;
}
#footer-wrapper #footer-social a:hover {
  background-color: #7d7d7e;
}
#footer-wrapper #footer-social a .icon {
  background-image: url(/images/sprite-new.png?d31b825c3e8492958635094e4b12569d);
  background-repeat: no-repeat;
  display: block;
  overflow: hidden;
  width: 17px;
  height: 17px;
}
@media (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {
  #footer-wrapper #footer-social a .icon {
    background-image: url(/images/sprite-new@2x.png?ed6405f9509c0b1b403edccf9dc162df);
    background-size: 187px auto;
  }
}
#footer-wrapper #footer-social a .icon.twitter {
  background-position: 0px -34px;
}
#footer-wrapper #footer-social a .icon.linkedin {
  background-position: -17px -34px;
}
#footer-wrapper #footer-social a .icon.rss {
  background-position: -34px -34px;
}
#footer-wrapper #footer-social a .icon.youtube {
  background-position: -51px -34px;
}
#footer-wrapper h1 {
  font-size: 1em;
  font-weight: 500;
  margin: 0;
}
#footer-wrapper ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 667px) {
  #footer-wrapper {
    padding-bottom: 0;
  }
  #footer-wrapper #footer-categories,
#footer-wrapper #footer-blog,
#footer-wrapper #footer-copyright,
#footer-wrapper #footer-social {
    width: 100%;
    clear: left;
    margin-bottom: 50px;
  }
  #footer-wrapper #footer-categories li {
    display: inline-block;
  }
  #footer-wrapper #footer-categories li:after {
    content: " / ";
  }
  #footer-wrapper #footer-categories li:last-child:after {
    content: "";
  }
  #footer-wrapper #footer-categories li br {
    display: none;
  }
  #footer-wrapper #footer-social {
    text-align: left;
  }
  #footer-wrapper #footer-contact {
    width: 100%;
  }
  #footer-wrapper #footer-contact #london, #footer-wrapper #footer-contact #hereford, #footer-wrapper #footer-contact #edinburgh {
    width: 100%;
    margin-bottom: 7%;
    padding-left: 0;
  }
}
@media screen and (max-width: 960px) and (min-width: 668px) {
  #footer-wrapper #footer-categories,
#footer-wrapper #footer-blog,
#footer-wrapper #footer-copyright,
#footer-wrapper #footer-social {
    width: 100%;
    clear: left;
    margin-bottom: 50px;
  }
  #footer-wrapper #footer-categories li {
    display: inline-block;
  }
  #footer-wrapper #footer-categories li:after {
    content: " / ";
  }
  #footer-wrapper #footer-categories li:last-child:after {
    content: "";
  }
  #footer-wrapper #footer-categories li br {
    display: none;
  }
  #footer-wrapper #footer-social {
    text-align: left;
  }
  #footer-wrapper #footer-contact {
    width: 100%;
  }
  #footer-wrapper #footer-contact #london, #footer-wrapper #footer-contact #hereford, #footer-wrapper #footer-contact #edinburgh {
    width: 33.3333333333%;
    max-width: 25%;
    padding-left: 0;
  }
}