/*------------------------------------*\
    _components.cookieCutter.scss
\*------------------------------------*/
/**
 * Panel
 */
/*------------------------------------*\
    _components.cookieCutter.scss
\*------------------------------------*/
/**
 * Cookie Cutter
 */
.c-cookiecutter {
  position: fixed;
  font-size: inherit;
  font-family: inherit;
  left: 24px;
  color: #fff;
  background: #000;
  bottom: 24px;
  padding: 24px;
  max-width: 300px; }
  .c-cookiecutter a, .c-cookiecutter a:visited {
    color: #fff; }

.c-cookiecutter__title {
  font-size: 24px; }

.c-cookiecutter__options {
  margin: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-pack: justify;
      justify-content: space-between; }

.c-cookiecutter__reject {
  border: 0;
  padding: 0;
  cursor: pointer;
  background: none;
  color: rgba(255, 255, 255, 0.7); }

.c-cookiecutter__accept {
  color: #fff;
  cursor: pointer;
  background: none;
  padding: 10px 20px;
  border: 2px solid #fff; }

/* ==========================================================================
   RESET
   ========================================================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ==========================================================================
   IMPORTS
   ========================================================================== */
/* Variables =================================================== */
/* Type Kit Styles */
/* ==========================================================================
   BEGIN STYLING
   ========================================================================== */
html {
  background: #ffffff;
  font-size: 62.5%;
  -webkit-overflow-scrolling: touch;
  -webkit-tap-highlight-color: #f3f5f6;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
  padding: 0;
  width: 100%;
  background-color: transparent;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.5em;
  color: #181C1D;
}
img,
object {
  max-width: 100%;
}
.lte7 .img,
.te7 object {
  width: 100%;
}
.screen-reader {
  display: none;
}
button,
input,
select,
textarea {
  margin: 0;
  font-size: 100%;
  vertical-align: middle;
  -webkit-appearance: none;
  border: none;
  border-radius: 0;
}
input,
textarea {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-family: inherit;
  font-weight: 400;
  color: inherit;
  text-rendering: optimizelegibility;
}
h1,
.h1,
h1 a {
  margin-bottom: 0.375em;
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1.2;
}
h2,
.h2,
h2 a {
  margin-bottom: 0.75em;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.2;
}
h3,
.h3,
h3 a {
  margin-bottom: 1em;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
}
h4,
.h4,
h4 a {
  margin-bottom: 1.5em;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.25;
}
h5,
.h5,
h5 a {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 1.5em;
}
h6,
.h6,
h6 a {
  margin-bottom: 1.5em;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.header h1,
.header h2,
.header h3 {
  float: left;
  margin-right: 24px;
}
/* Nice big clickable buttons for tiny phones */
a {
  display: block;
  padding: 4px 12px;
  margin-bottom: 6px;
  font-size: 14px;
  font-size: 1.4rem;
  background-color: #f3f5f6;
}
a:hover {
  background-color: #f3f5f6;
}
p,
ol,
ul,
dl,
address {
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5em;
}
small {
  font-size: 14px;
  font-size: 1.4rem;
}
ul,
ol {
  padding: 0 0 0 24px;
}
li ul,
li ol {
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
}
.unstyled {
  margin-left: 0;
  padding: 0px;
  list-style: none;
}
blockquote {
  margin: 0 0 1.5em -24px;
  padding-left: 24px;
  border-left: 2px solid #c7ced6;
  font-family: Cambria, Georgia, Times, "Times New Roman";
  font-style: normal;
}
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
cite {
  font-style: normal;
}
legend {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 0.75em;
}
.attention,
.attention p,
.pie-chart {
  font-size: 42px;
  font-size: 4.2rem;
  line-height: 1.5em;
}
.fact-container .quote p {
  line-height: 1em;
}
abbr[title] {
  border-bottom: 1px dotted #c7ced6;
  cursor: help;
}
b,
strong {
  font-weight: bold;
}
.site-id a,
.site-id a:hover {
  background: #f37637;
  height: 67px;
}
.page {
  border-bottom: 1px solid #F2F2F2;
  margin-bottom: 12px;
  padding-bottom: 12px;
}
.page-wrap {
  padding: 6px;
}
section.page {
  *zoom: 1;
}
section.page:before,
section.page:after {
  display: table;
  content: "";
  line-height: 0;
}
section.page:after {
  clear: both;
}
#contact input[type="text"],
#contact textarea {
  border: 1px solid #E1E1E1;
  margin-bottom: 0.75em;
  width: 100%;
  box-sizing: border-box;
  display: block;
}
.lt-ie8 #contact input[type="text"],
.lt-ie8 #contact textarea {
  width: 95%;
}
.lt-ie10 #contact label {
  display: block;
}
#twitter-box {
  display: none;
  height: 400px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#twitter-header {
  height: 48px;
  background-color: #181c1d;
  color: white;
  overflow: hidden;
}
#twitter-name {
  float: left;
  padding-left: 15px;
  line-height: 48px;
}
#twitter-icon {
  width: 47px;
  float: right;
  height: 100%;
  background: url('/themes/site_themes/default/production/assets/twitter.png') no-repeat center center;
}
#twitter-name > span {
  font-size: 18px;
}
#twitter-content {
  background-color: #000;
  height: 352px;
  overflow: scroll;
}
.tweet {
  height: 100px;
  width: 100%;
  display: inline-block;
  padding-top: 10px;
  border-bottom: 1px solid #292d32;
}
.tweet-content a {
  color: #e25b12;
  font-size: 14px;
}
.tweet-icon {
  float: left;
  width: 20%;
  height: 100%;
}
.tweet-content {
  float: left;
  width: 70%;
  height: 100%;
  padding: 0 10px;
  box-sizing: border-box;
  word-wrap: break-word;
}
.tweet-time {
  float: left;
  width: 10%;
}
.tweet-time span {
  font-size: 12px;
  color: #92908f;
  padding: 0 5px;
}
/**
 * Home Slider
 */
.homeSlider,
.homeSlider__image {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-size: cover;
  transition: opacity .6s ease;
}
.homeSlider.homeSlider__image--isHidden,
.homeSlider__image.homeSlider__image--isHidden {
  opacity: 0;
}
/**
 * Instructions
 */
@media (max-width: 960px) {
  .instruction {
    background-image: none !important;
  }
}
/**
 * Case Studies
 */
.caseStudy__logo {
  width: auto;
  max-width: 115px;
  max-height: 27px;
  display: inline-block;
  vertical-align: middle;
}
.stat-smallText {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  text-transform: uppercase;
}
.stat-smallText p {
  font-style: normal !important;
}
@media (min-width: 780px) {
  .stat-smallText p {
    font-size: 28px !important;
    font-size: 2.8rem !important;
  }
}
.stat-bigText p {
  margin-bottom: 0;
}
@media (min-width: 780px) {
  .stat-bigText--extraLarge.stat-bigText--extraLarge.stat-bigText--extraLarge p {
    font-size: 299px;
    font-size: 29.9rem;
    line-height: .8;
  }
}
/**
 * Layout
 */
.teamMembers.teamMembers {
  padding-bottom: 0;
}
.teamMembers__heading {
  margin-bottom: 30px;
}
.teamMembers__item {
  width: 100%;
  vertical-align: top;
  display: inline-block;
}
@media (min-width: 700px) {
  .teamMembers__item {
    width: 50%;
  }
}
.teamMember__content {
  border: 0;
  padding: 0;
  display: block;
  background: none;
  position: relative;
}
.teamMember__content img {
  width: 100%;
  height: auto;
  display: block;
}
.teamMember__content:hover,
.teamMember__content:focus,
.teamMember__content:active {
  outline: none;
}
.teamMember__content:hover .teamMember__overlay,
.teamMember__content:focus .teamMember__overlay,
.teamMember__content:active .teamMember__overlay {
  opacity: 1;
}
.teamMember__overlay {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  text-align: center;
  -ms-flex-align: center;
      align-items: center;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
  transition: opacity .3s ease;
  background: rgba(247, 99, 19, 0.8);
}
.teamMember__overlay .subtitle {
  margin-bottom: 0;
}
.teamMember__title {
  margin-bottom: 10px;
}
.teamMember__bio {
  color: #fff;
  padding: 20px;
  background: #000;
}
.teamMember__bio a,
.teamMember__bio a:visited {
  color: #fff;
}
.teamMember__bio :last-child {
  margin-bottom: 0;
}
.teamMember__bioTitle {
  color: #fff;
  text-align: left;
  margin-bottom: 0;
}
.teamMember__bio--isHidden {
  display: none;
}
/** COokie Cutter */
.c-cookiecutter {
  background: #F76313;
}
.c-cookiecutter,
.c-cookiecutter__copy,
.c-cookiecutter__copy a,
.c-cookiecutter__reject,
.c-cookiecutter__accept {
  font-size: 14px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.letter-press-light {
  text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
}
.letter-press-dark {
  text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.1);
}
.row {
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
.dotted {
  background: url('/themes/site_themes/default/production/assets/bg-dots.png') #282E2F;
}
@media (min-width: 320px) {
  /* 320 =================================================== */
  button,
  input {
    *overflow: visible;
    line-height: normal;
  }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    padding: 0;
    border: 0;
  }
  button,
  html input[type="button"],
  input[type="reset"],
  input[type="submit"] {
    cursor: pointer;
  }
  label,
  select,
  button,
  input[type="button"],
  input[type="reset"],
  input[type="submit"],
  input[type="radio"],
  input[type="checkbox"] {
    cursor: pointer;
  }
  html {
    font-size: 70%;
  }
  body {
    font-family: "futura-pt-n4", "futura-pt", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    font-weight: 400;
  }
  a {
    padding: 0px;
    margin: 0px;
    background-color: transparent;
    display: inline;
    text-decoration: none;
  }
  a:hover {
    background-color: transparent;
  }
  h1,
  h2,
  h3,
  .subtitle {
    text-transform: uppercase;
    font-weight: 400;
  }
  h3 {
    text-align: center;
  }
  .subtitle {
    position: relative;
    display: inline-block;
    margin: 0 auto 3em;
  }
  .dark a {
    color: #ffffff;
  }
  .dark article a {
    color: #F76313;
  }
  .page-header {
    text-align: center;
  }
  .title-location {
    color: #F76313;
  }
  .intro {
    font-weight: normal;
    text-transform: none;
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 0px;
  }
  .dark {
    background: #25292b;
    color: #ffffff;
  }
  .shade {
    background: #E1E1E1;
  }
  .light {
    background: #EFEFEF;
  }
  section#about,
  section#case-studies {
    background-color: #191C1D;
  }
  .case-studies img {
    display: none;
  }
  /* Build the hoz line */
  .subtitle:before {
    content: "";
    width: 20%;
    position: absolute;
    top: 0.75em;
    left: -30%;
  }
  .subtitle:after {
    content: "";
    width: 20%;
    position: absolute;
    top: 0.75em;
    right: -30%;
  }
  .dark .subtitle:before,
  .dark .subtitle:after {
    border-top: 1px solid #ffffff;
  }
  .subtitle:before,
  .subtitle:after {
    border-top: 1px solid #181C1D;
  }
  .dot-cover {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background-image: url('/themes/site_themes/default/production/assets/bg-dots.png');
  }
  [class^="icon-"],
  [class*=" icon-"] {
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-top: 1px;
    *margin-right: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-repeat: no-repeat;
    background-position: center;
  }
  .icon-arrow-down {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: 0px -62px;
    width: 27px;
    height: 20px;
  }
  .icon-right-arrow {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -62px -62px;
    height: 20px;
    margin-left: 12px;
    width: 9px;
  }
  .icon-left-arrow {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -186px -62px;
    height: 20px;
    margin-right: 12px;
    width: 9px;
  }
  .article-footer .call-to-action .icon-right-arrow {
    margin-left: 30px;
    width: 20px;
  }
  .logo {
    width: auto;
    display: block;
    max-width: 300px;
    padding: 14px 0 0 10px;
  }
  .call-to-action {
    background: #181C1D;
    color: #ffffff;
    padding: 6px 12px;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    line-height: 2em;
    display: inline-block;
  }
  .call-to-action:hover {
    background: #2f3739;
  }
  .call-to-action:active {
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.6);
  }
  .article-footer .call-to-action {
    background: linear-gradient(top, #141718 0%, #141718 52%, #000000 53%, #000000 100%);
    padding: 10px 15px;
  }
  .next-case-study,
  .previous-case-study {
    width: 36%;
    position: absolute;
    top: 10px;
    box-sizing: border-box;
  }
  .previous-case-study {
    left: 0px;
  }
  .next-case-study {
    right: 0px;
    text-align: right;
  }
  .back-link {
    display: block;
  }
  .span_1 {
    width: 100%;
  }
  .page-wrap {
    padding: 0px;
    *zoom: 1;
  }
  .page-wrap:before,
  .page-wrap:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .page-wrap:after {
    clear: both;
  }
  .article-footer,
  article,
  aside {
    padding: 0 1.5em;
  }
  .article-footer {
    padding-bottom: 1.5em;
  }
  .page {
    padding: 30px 0px;
    margin: 0px;
    border-bottom: none;
  }
  .featured-image {
    padding-bottom: 1.5em;
    position: relative;
  }
  .featured-image img {
    display: block;
    margin: 0 auto;
  }
  #search,
  #nav-container {
    margin-top: 67px;
    /* Height of site-id and Nav */
  }
  .site-id,
  #nav-container {
    width: 100%;
    position: fixed;
    z-index: 10;
  }
  .site-id {
    z-index: 11;
  }
  /* Correct the display when resizing the browser on the fly */
  #nav-container .icon-search {
    display: none;
  }
  #site-footer {
    position: relative;
    z-index: 1;
    background-color: #181C1D;
    padding: 12px 0;
  }
  #site-footer a {
    color: #ffffff;
    padding: 6px;
    display: inline-block;
    margin-left: 20px;
  }
  #search {
    width: 100%;
    float: left;
    background: #181C1D;
  }
  .site-id a {
    display: block;
  }
  #site-header {
    *zoom: 1;
    z-index: 99;
    height: 67px;
    width: 100%;
  }
  #site-header:before,
  #site-header:after {
    display: table;
    content: "";
    line-height: 0;
  }
  #site-header:after {
    clear: both;
  }
  .header-inner {
    background: #181C1D;
    width: 100%;
    height: 67px;
    position: fixed;
    z-index: 99;
  }
  .compact-nav {
    position: absolute;
    right: 12px;
    top: 17px;
    width: 35px;
    height: 35px;
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -62px 0px;
    cursor: pointer;
  }
  #site-header nav {
    display: none;
    color: #ffffff;
  }
  #main-nav {
    clear: both;
    margin-bottom: 0px;
  }
  #nav-container {
    background: #2f3739;
    color: #ffffff;
  }
  #main-nav a {
    display: block;
    padding: 10px 12px;
    color: #ffffff;
    text-decoration: none;
    margin: 0px;
    border-bottom: 1px solid #808080;
    font-size: 18px;
    font-size: 1.8rem;
    text-transform: uppercase;
  }
  #main-nav li:last-child a {
    border-bottom: 0px;
  }
  #main-nav a:hover {
    color: #ffffff;
  }
  #main-nav a.on {
    color: #ffffff;
  }
  section.hero {
    height: 375px;
    background-size: cover;
    position: relative;
  }
  .hero h1 {
    padding-top: 1.5em;
    clear: both;
    position: relative;
    z-index: 1;
  }
  .hero a {
    position: relative;
    z-index: 1;
  }
  .hero-text {
    background: #181C1D;
    color: #ffffff;
    padding: 6px 12px;
    font-size: 13px;
    font-size: 1.3rem;
    text-transform: uppercase;
    line-height: 2em;
    margin: 1.5em 0;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    right: 0px;
  }
  .hero-line {
    display: inline-block;
    clear: both;
    float: left;
  }
  .hero h1 {
    text-transform: uppercase;
    color: #ffffff;
    font-style: normal;
    font-weight: 300;
    font-family: "futura-pt-n4", "futura-pt", "Trebuchet MS", Verdana, sans-serif;
  }
  .hero-a,
  .hero-b {
    min-width: 240px;
    color: #ffffff;
    padding: 3px 18px;
    text-decoration: none;
  }
  .hero-a {
    background: #181C1D;
    display: block;
  }
  .hero-b {
    background: #F76313;
    display: block;
  }
  .hero .line-one {
    padding-bottom: 0px;
  }
  .hero .line-two {
    padding-top: 0px;
  }
  .hero .call-to-action span {
    display: inline-block;
    padding-right: 12px;
  }
  .call-to-action {
    margin: 1.5em 0;
    display: inline-block;
  }
  #home {
    padding: 0px;
  }
  #about .article-content {
    text-align: left;
  }
  .services {
    text-align: left;
    *zoom: 1;
  }
  .services:before,
  .services:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .services:after {
    clear: both;
  }
  .services h3 {
    cursor: pointer;
    text-align: left;
  }
  .js .service-detail {
    display: none;
  }
  .client-list li {
    float: left;
    margin: 5px;
    font-size: 16px;
    font-size: 1.6rem;
    background: #f2f2f2;
    padding: 3px 6px;
    border-radius: 5px;
  }
  .client-list li span {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .client-list li img {
    display: none;
  }
  .client-list a {
    color: #181C1D;
  }
  .case-studies li {
    position: relative;
  }
  .case-studies h3 {
    padding-top: 0px;
  }
  #case-studies .case-studies a {
    display: block;
    color: #ffffff;
    position: relative;
  }
  .case-studies .title-location {
    text-transform: uppercase;
    text-align: center;
  }
  #case-studies .article-footer {
    text-align: center;
  }
  .logo-nero,
  .logo-westfield,
  .logo-land-securities,
  .logo-prupim,
  .logo-mg {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    background: no-repeat center;
    display: inline-block;
    vertical-align: top;
    height: 27px;
    margin-left: 5px;
  }
  .logo-prupim {
    background-image: url(../img/tiny-prupim.png);
    width: 64px;
  }
  .logo-mg {
    background-image: url(../img/tiny-mg.png);
    width: 36px;
  }
  .logo-land-securities {
    background-image: url(../img/tiny-land-securities.png);
    width: 114px;
  }
  .logo-westfield {
    background-image: url(../img/tiny-westfield.png);
    width: 75px;
  }
  .logo-nero {
    background-image: url(../img/tiny-nero.png);
    width: 53px;
  }
  .person {
    background: #c8c8c8;
    color: #2f3739;
    display: block;
    padding: 6px 6px 6px 75px;
    margin-bottom: 0.75em;
    position: relative;
  }
  .person .job-title {
    text-transform: uppercase;
  }
  .person p {
    margin-bottom: 0px;
  }
  .person .email,
  .person .mobile,
  .person .mobile a[href^=tel] {
    color: #181C1D;
  }
  .show-bio,
  .show-bio:hover {
    background: #E1E1E1;
    padding: 3px 20px;
    margin: 3px 0px;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
  }
  .person .bio {
    display: none;
  }
  .icon-person {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -124px 0px;
    width: 50px;
    height: 50px;
    position: absolute;
    left: 10px;
    z-index: 2;
    margin-top: 15px;
  }
  .person-1 .icon-person {
    background-position: -307px -76px;
  }
  .person-simon-lyons .icon-person {
    background-position: -365px -76px;
  }
  .person-3 .icon-person {
    background-position: -307px -130px;
  }
  .person-5 .icon-person {
    background-position: -365px -130px;
  }
  .person-7 .icon-person {
    background-position: -307px -182px;
  }
  .person-tom-limbert .icon-person {
    background-position: -365px -182px;
  }
  .person h4,
  .person h3 {
    text-align: left;
    margin: 0px;
    padding: 0px;
  }
  .instruction h3 {
    cursor: pointer;
    text-align: left;
  }
  .instruction-text {
    margin-bottom: 1.5em;
  }
  /* the line element is breaking out with the long text */
  #instructions .subtitle:before,
  #instructions .subtitle:after {
    display: none;
  }
  .icon-expander {
    margin-right: 8px;
  }
  .closed .icon-expander {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -248px -62px;
  }
  .open .icon-expander {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -248px 0px;
  }
  .instruction-text {
    display: none;
  }
  #contact {
    background: url('/themes/site_themes/default/production/assets/bg-dots.png') #282E2F;
    position: relative;
  }
  .contact-details ul ul {
    margin-bottom: 0.75em;
  }
  .contact-details a {
    color: #F76313;
  }
  #map_canvas,
  .map-info {
    display: none;
  }
  .parsley-error-list {
    background-color: #f36986;
    border: 1px solid #E4123F;
    list-style: none;
    padding-left: 6px;
  }
  .back-link {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    position: fixed;
    top: 20px;
    z-index: 99;
    right: 60px;
  }
  .icon-back {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -186px -124px;
    width: 29px;
    height: 29px;
  }
  #cs-header {
    background: #999 no-repeat center;
    background-size: cover;
    height: 275px;
    padding: 0px;
    position: relative;
  }
  .westfield-derby-case-study #cs-header {
    background-image: url(../img/case-hero-westfield-960.jpg);
    /* Large image is only 800px */
  }
  .caffe-nero-case-study #cs-header {
    background-image: url(../img/case-hero-nero-320.jpg);
  }
  .washington-galleries-case-study #cs-header {
    background-image: url(../img/case-hero-thegalleries-320.jpg);
  }
  .trinityleeds-case-study #cs-header {
    background-image: url(../img/case-hero-trinity-320.jpg);
  }
  #cs-header .page-header {
    position: absolute;
    top: 50%;
    left: 0%;
    margin: -4em auto 0;
    width: 100%;
    text-align: center;
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.75);
  }
  /* Ie7 cant get over the max-width set on headers */
  .lt-ie8 #cs-header .page-header {
    max-width: 2000em;
  }
  #cs-header .page-header {
    padding-top: 0.75em;
  }
  #cs-header .subtitle {
    margin-bottom: 0.75em;
  }
  #cs-about h3 {
    text-align: left;
  }
  #cs-facts {
    background: url('/themes/site_themes/default/production/assets/bg-dots.png') #282E2F;
  }
  .fact-container p {
    text-align: center;
  }
  .figure-a {
    position: relative;
  }
  .icon-increase {
    position: absolute;
    top: 0px;
    right: 10%;
  }
  .attention,
  .pie-chart {
    text-align: center;
  }
  #cs-facts {
    padding-bottom: 60px;
  }
  .letting-logos {
    margin: 0 auto;
    display: block;
    width: auto;
  }
  #contact-promo {
    padding: 10px 0 0;
    text-align: center;
  }
  .contact-link {
    background: #F76313;
    font-weight: 700;
    font-family: "futura-pt-n7", "futura-pt", "Trebuchet MS", Verdana, sans-serif;
    padding: 5px;
    width: 100px;
    height: 100px;
    line-height: 100px;
    display: inline-block;
    border-radius: 60px;
    text-transform: uppercase;
    position: relative;
    top: -4em;
  }
  .contact-link:hover {
    background: #d04e07;
  }
  #twitter-box {
    display: block;
  }
}
@media (min-width: 320px) and (max-width: 780px) {
  .contact-details .icon {
    display: none;
  }
}
@media (min-width: 600px) {
  /* 600 and up =================================================== */
  body {
    font-size: 70%;
  }
  .hero h1 {
    padding-top: 1.5em;
  }
  .hero h1 a {
    font-size: 40px;
    font-size: 4rem;
  }
  .logo {
    max-width: 300px;
    padding: 0 0 0 10px;
  }
  .svg .logo {
    height: 67px;
  }
  .call-to-action {
    font-size: 14px;
    font-size: 1.4rem;
    background: #666;
  }
  .next-case-study,
  .previous-case-study {
    top: 12px;
  }
  #clients .client-list {
    overflow: hidden;
  }
  .row {
    margin-left: -30px;
  }
  .col {
    border-left-width: 30px;
    padding: 0 0px;
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
  }
  .row .col:first-child {
    margin-left: 0px;
  }
  .mixin-col {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
  }
  .span_1 {
    width: 12.5%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_2 {
    width: 25%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_3 {
    width: 37.5%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_4 {
    width: 50%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_5 {
    width: 62.5%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_6 {
    width: 75%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_7 {
    width: 87.5%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_8 {
    width: 100%;
  }
  #featured-work .featured-image {
    width: 50%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  #featured-work .article-content {
    width: 50%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  #featured-work .page-header {
    padding-bottom: 30px;
  }
  /* Can't get this to fit even using pollyfill for box-sizing */
  .lt-ie8 #featured-work .featured-image {
    width: 40%;
  }
  #about .about-text,
  #about .article-content {
    width: 100%;
  }
  #clients .article-content {
    width: 100%;
  }
  .featured-image {
    margin-bottom: 1.5em;
  }
  #featured-work .article-footer {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    width: 50%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
    float: right;
    border-left-width: 10px;
  }
  section.hero {
    height: 570px;
  }
  .hero-text {
    font-size: 23px;
    font-size: 2.3rem;
    right: 12px;
  }
  .hero-a,
  .hero-b {
    min-width: 430px;
  }
  /* We now have room at this size, so override hide */
  #instructions .subtitle:before,
  #instructions .subtitle:after {
    display: block;
  }
  #featured-work h3 {
    font-size: 28px;
    font-size: 2.8rem;
    text-align: left;
    padding-top: 0px;
  }
  #cs-header {
    height: 500px;
  }
  #case-studies .case-studies {
    text-align: center;
    margin-left: -30px;
  }
  .case-studies img {
    display: block;
  }
  .case-studies li {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    width: 62.5%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
    width: 33.25%;
    float: none;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
  }
  .case-study-image {
    background: no-repeat center;
    background-size: cover;
    min-height: 145px;
    width: 100%;
    display: block;
    margin-bottom: 0.75em;
  }
  .case-study-one .case-study-image {
    background-image: url(../img/thumb-derby-westfield.jpg);
  }
  .case-study-two .case-study-image {
    background-image: url(../img/thumb-caffe-nero.jpg);
  }
  .case-study-three .case-study-image {
    background-image: url(../img/thumb-washington-thegalleries.jpg);
  }
  #case-studies .article-footer {
    margin-top: 130px auto 60px;
  }
  .fact-container {
    margin-left: -30px;
    *zoom: 1;
  }
  .fact-container:before,
  .fact-container:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .fact-container:after {
    clear: both;
  }
  .figure-a,
  .figure-b {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    width: 50%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
  }
  .attention {
    margin-bottom: 0px;
  }
  .leeds-office,
  .london-office {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    width: 50%;
    border-left-width: 30px;
    padding: 0 0px;
    margin-left: 0;
    border: 0px;
    margin-bottom: 0px;
  }
  .contact-footer {
    *zoom: 1;
  }
  .contact-footer:before,
  .contact-footer:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .contact-footer:after {
    clear: both;
  }
}
@media (min-width: 780px) {
  /* 780 (small desktop) =================================================== */
  html {
    font-size: 62.5%;
    /* Base 20 */
  }
  p,
  ol,
  ul,
  dl,
  address,
  ul li,
  a {
    font-size: 18px;
    font-size: 1.8rem;
  }
  ul li {
    line-height: 1.5em;
  }
  h1,
  h1 a {
    font-size: 41px;
    font-size: 4.1rem;
  }
  h3,
  h3 a {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .subtitle {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .intro {
    font-size: 24px;
    font-size: 2.4rem;
  }
  #main-nav a {
    color: #71848B;
  }
  header h1,
  header h2,
  header h3 {
    text-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
  }
  .dark header h1,
  .dark header h2,
  .dark header h3 {
    text-shadow: 3px 3px 0px rgba(255, 255, 255, 0.1);
  }
  .slide-show {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
  }
  .slide-show li {
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
  }
  .slide-show li:first-child {
    position: relative;
    display: block;
    float: left;
  }
  .slide-show img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
  }
  .rslides_nav {
    position: absolute;
    top: 45%;
    width: 68px;
    height: 68px;
    display: block;
    background: black;
    color: #ffffff;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    cursor: pointer;
  }
  .prev {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: 0px -186px;
    left: 5%;
  }
  .next {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -124px -186px;
    right: 5%;
  }
  .next-case-study,
  .previous-case-study {
    top: 62px;
    width: 20%;
    padding: 15px;
  }
  .col {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    *behavior: url(/js/boxsizing.htc);
    background-clip: padding-box !important;
    border-left-width: 20px;
    padding: 0 0px;
  }
  .row .col:first-child {
    margin-left: 0px;
  }
  .mixin-col {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    *behavior: url(/js/boxsizing.htc);
    background-clip: padding-box !important;
  }
  .span_1 {
    width: 6.25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_2 {
    width: 12.5%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_3 {
    width: 18.75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_4 {
    width: 25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_5 {
    width: 31.25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_6 {
    width: 37.5%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_7 {
    width: 43.75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_8 {
    width: 50%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_9 {
    width: 56.25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_10 {
    width: 62.5%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_11 {
    width: 68.75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_12 {
    width: 75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_13 {
    width: 81.25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_14 {
    width: 87.5%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_15 {
    width: 93.75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_16 {
    width: 99.5%;
    /* ipad - Hair line on right hand side */
    margin-left: 20px;
  }
  #site-header nav {
    display: block;
  }
  .site-id {
    width: 25%;
    margin-left: 0;
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    *behavior: url(/js/boxsizing.htc);
    background-clip: padding-box !important;
    border-left-width: 20px;
    padding: 0 0px;
    height: 67px;
    border-left-width: 0;
  }
  #main-nav {
    padding-left: 10px;
  }
  #nav-container {
    width: 75%;
    margin-left: 0;
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    *behavior: url(/js/boxsizing.htc);
    background-clip: padding-box !important;
    border-left-width: 20px;
    padding: 0 0px;
    right: 0px;
    border-left-width: 10px;
  }
  #search {
    width: 100%;
    position: fixed;
    top: 67px;
  }
  #search,
  #nav-container {
    margin: 0px;
  }
  /* Correct the display when resizing the browser on the fly */
  #nav-container nav {
    display: block !important;
  }
  #nav-container .icon-search {
    display: block;
  }
  #contact aside {
    *zoom: 1;
  }
  #contact aside:before,
  #contact aside:after {
    display: table;
    content: "";
    line-height: 0;
  }
  #contact aside:after {
    clear: both;
  }
  .contact-details {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    *behavior: url(/js/boxsizing.htc);
    background-clip: padding-box !important;
    width: 50%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  #contact form {
    border: 0px solid rgba(0, 0, 0, 0);
    float: left;
    box-sizing: border-box;
    *behavior: url(/js/boxsizing.htc);
    background-clip: padding-box !important;
    width: 50%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .compact-nav {
    display: none;
  }
  #nav-container {
    background: #181C1D;
    height: 67px;
    overflow: hidden;
  }
  #main-nav a {
    text-transform: uppercase;
    font-size: 12.7px;
    font-size: 1.27rem;
    padding: 1.5em 7px;
    border: none;
  }
  #main-nav li {
    float: left;
  }
  #site-header {
    background: #181C1D;
  }
  .logo {
    margin: 0 auto;
    max-width: 96%;
    padding: 0;
  }
  .promo-link {
    background: none;
    padding: 0px;
  }
  .promo-link:hover {
    background: none;
  }
  #hero-content .call-to-action:hover {
    background: none;
  }
  .hero h1 a {
    font-size: 50px;
    font-size: 5rem;
    line-height: 1.3em;
  }
  .hero-a {
    min-width: 480px;
    display: block;
  }
  .hero-b {
    min-width: 480px;
  }
  .promo-link span {
    background: #181C1D;
    display: inline-block;
    height: 60px;
    padding: 6px 12px;
    vertical-align: middle;
    line-height: 3.45em;
    box-sizing: border-box;
  }
  .lt-ie8 .promo-link span {
    height: 48px;
    padding: 6px 12px;
  }
  .lt-ie9 .promo-link .icon-arrow-down {
    position: relative;
    left: -2px;
  }
  .promo-link .icon-arrow-down {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -310px 0px;
    height: 60px;
    width: 86px;
    vertical-align: middle;
    margin-top: 0px;
  }
  .services h3 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  #contact {
    padding-bottom: 0px;
    position: relative;
  }
  #contact .subtitle {
    padding-bottom: 0px;
  }
  #contact aside {
    *zoom: 1;
  }
  #contact aside:before,
  #contact aside:after {
    display: table;
    content: "";
    line-height: 0;
  }
  #contact aside:after {
    clear: both;
  }
  #map_canvas {
    color: #181C1D;
    background: #ccc url(/themes/site_themes/default/production/assets/map.png) no-repeat right 0px;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5em;
    right: 0px;
    height: 100%;
    width: 100%;
    position: absolute;
    display: block;
  }
  #map_canvas .dot-cover {
    opacity: 0.2;
  }
  .map-hit-area {
    position: absolute;
    right: 152px;
    top: 454px;
    width: 200px;
    height: 100px;
    z-index: 2;
    cursor: pointer;
  }
  .map-info {
    background: #f76313;
    text-align: center;
    box-shadow: 1px 1px 6px 2px rgba(0, 0, 0, 0.2);
  }
  .map-info a {
    color: #ffffff;
    display: block;
    padding: 9px 3px;
  }
  .contact-details,
  #contact form {
    border-left-width: 0px;
    background: #181C1D;
    background: rgba(0, 0, 0, 0.85);
    position: relative;
    z-index: 2;
    padding: 27px;
    margin: 3em 0;
    float: none;
  }
  .contact-details,
  #contact form {
    padding: 14px;
  }
  .contact-details {
    margin-bottom: 570px;
  }
  .address,
  .phone,
  .directions,
  .twitter-link {
    margin-bottom: 1.5em;
    padding-left: 60px;
    position: relative;
  }
  .contact-details .icon {
    position: absolute;
    left: 0px;
    width: 33px;
    height: 33px;
  }
  .icon-address {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -124px -124px;
  }
  .icon-phone {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: 0px -124px;
  }
  .icon-directions {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -62px -124px;
  }
  .icon-twitter {
    width: 32px;
    height: 32px;
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat -1px -266px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
    display: block;
  }
  #contact input[type="text"],
  #contact textarea {
    padding: 10px;
    margin-bottom: 1.5em;
  }
  .instruction h3 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .instruction-text {
    margin-bottom: 0.75em;
  }
  #contact {
    overflow: hidden;
  }
  .back-link {
    position: absolute;
    top: 299px;
    right: auto;
    left: 5%;
    z-index: 9;
  }
  .icon-back {
    width: 70px;
    height: 70px;
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: 0px -186px;
  }
  #cs-header h1 {
    font-size: 56.1px;
    font-size: 5.61rem;
    margin-bottom: 0px;
  }
  #cs-gallery {
    position: relative;
  }
  #cs-facts figure {
    color: #5B676B;
  }
  .fact-container .attention {
    font-size: 299px;
    font-size: 29.9rem;
    font-family: "alternate-gothic-no-2-d-n4", "alternate-gothic-no-2-d", "sans-serif";
    letter-spacing: -19px;
    line-height: 0.8em;
  }
  .fact-container .attention span {
    font-size: 150px;
    font-size: 15rem;
    line-height: 0;
  }
  /* If we cant load the web font */
  .wf-inactive .fact-container .attention {
    font-size: 100px;
    font-size: 10rem;
  }
  .wf-inactive .fact-container .attention span {
    font-size: 50px;
    font-size: 5rem;
  }
  .fact-container .quote p {
    font-size: 80px;
    font-size: 8rem;
    font-family: "alternate-gothic-no-2-d-n4", "alternate-gothic-no-2-d", "sans-serif";
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 1em;
    text-align: center;
    font-style: normal;
  }
  .fact-container .pie-chart {
    width: 100%;
    min-height: 357px;
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  .pie-chart-a {
    background: url(../img/chart-20.png) no-repeat top center;
  }
  .fact-container p {
    font-weight: 400;
    font-size: 17px;
    font-size: 1.7rem;
    font-style: italic;
  }
  .icon-increase {
    display: block;
    position: absolute;
    top: 102px;
    right: 0px;
    width: 62px;
    height: 62px;
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: 0px 0px;
  }
  .contact-link {
    font-size: 17px;
    font-size: 1.7rem;
    width: 120px;
    height: 120px;
    line-height: 120px;
    border-radius: 70px;
  }
}
@media (min-width: 780px) and (max-width: 1009px) {
  #main-nav {
    padding: 10px;
  }
  #main-nav a {
    padding: 5px 15px;
    line-height: 1em;
  }
}
@media (min-width: 960px) {
  /* 960 (average desktop) =================================================== */
  img,
  object {
    width: 100%;
  }
  .call-to-action {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .featured-image {
    margin-bottom: 4.5em;
  }
  .article-footer .call-to-action {
    padding: 20px 15px 20px 40px;
  }
  .logo {
    margin: 0 0 0 4%;
    max-width: 300px;
    padding: 0;
    width: 93%;
  }
  .col {
    border: 0px solid transparent;
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    border-left-width: 20px;
    padding: 0 0px;
  }
  .row .col:first-child {
    margin-left: 0px;
  }
  .mixin-col {
    border: 0px solid transparent;
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
  }
  .span_1 {
    width: 6.25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_2 {
    width: 12.5%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_3 {
    width: 18.75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_4 {
    width: 25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_5 {
    width: 31.25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_6 {
    width: 37.5%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_7 {
    width: 43.75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_8 {
    width: 50%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_9 {
    width: 56.25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_10 {
    width: 62.5%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_11 {
    width: 68.75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_12 {
    width: 75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_13 {
    width: 81.25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_14 {
    width: 87.5%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_15 {
    width: 93.75%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .span_16 {
    width: 100%;
  }
  .header-inner {
    max-width: 1080px;
    margin: 0 auto;
  }
  .page header,
  .page article,
  .page footer,
  .page aside {
    max-width: 1080px;
    margin: 0 auto;
  }
  .article-footer,
  article,
  aside {
    padding: 0 3em;
  }
  section.hero {
    height: 927px;
  }
  .hero-text {
    bottom: 380px;
    right: 0px;
  }
  .hero h1 {
    border: 0px solid transparent;
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    border-left-width: 20px;
    padding: 0 0px;
    padding-top: 130px;
    margin-left: 1%;
  }
  .hero-line {
    font-size: 45px;
  }
  .hero-a,
  .hero-b {
    min-width: 430px;
  }
  .promo-link {
    float: right;
    margin-top: 130px;
    margin-right: 5%;
  }
  .promo-link span {
    line-height: 2.5em;
    font-size: 18px;
    font-size: 1.8rem;
  }
  #about {
    background: url("/themes/site_themes/default/production/assets/tile-dark-bg.png") repeat, url("/themes/site_themes/default/production/assets/about-bg.jpg") center no-repeat;
    background-size: cover;
    position: relative;
  }
  #about .article-content {
    text-align: center;
  }
  .services li {
    border: 0px solid transparent;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    width: 25%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
    width: 20%;
    /* Overide grid size */
    float: left;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
  }
  .lt-ie8 .services li {
    width: 18%;
  }
  .service-icon {
    cursor: pointer;
  }
  /* See mixins.less for about sprites */
  .service-development-leasing .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: 0px 0px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .service-development-leasing .service-icon:hover,
  .service-development-leasing .service-detail .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: 0px -90px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .service-shopping-centre-asset-management-leasing .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: -90px 0px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .service-shopping-centre-asset-management-leasing .service-icon:hover,
  .service-shopping-centre-asset-management-leasing .service-detail .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: -90px -90px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .service-investment-consultancy .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: -180px 0px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .service-investment-consultancy .service-icon:hover,
  .service-investment-consultancy .service-detail .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: -180px -90px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .service-acquisitions-disposals .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: -270px 0px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .service-acquisitions-disposals .service-icon:hover,
  .service-acquisitions-disposals .service-detail .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: -270px -90px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .service-lease-advisory .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: -360px 0px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .service-lease-advisory .service-icon:hover,
  .service-lease-advisory .service-detail .service-icon {
    background: url('/themes/site_themes/default/production/assets/sprite-about-icons.png') no-repeat;
    background-position: -360px -90px;
    display: block;
    margin: 0 auto 0.75em;
    width: 90px;
    height: 90px;
    vertical-align: text-top;
  }
  .services h3 {
    text-align: center;
    text-transform: none;
  }
  .service-detail,
  .service-detail h3 {
    text-align: center;
  }
  .service-detail h3 {
    font-size: 30px;
    font-size: 3rem;
  }
  .has-overlay .service-detail {
    position: fixed;
    top: 140px;
    background: black;
    width: 90%;
    left: 0px;
    text-align: center;
    padding: 110px 5%;
    z-index: 1;
  }
  /* Adjust overlay for small screens to prevent cut off */
  .service-detail p {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .service-detail .icon-close {
    background: url('/themes/site_themes/default/production/assets/sprite-icons.png') no-repeat;
    background-position: -248px -124px;
    position: absolute;
    top: 70px;
    right: 70px;
    width: 33px;
    height: 33px;
    cursor: pointer;
  }
  #aux-client-logos {
    *zoom: 1;
    margin-bottom: 3em;
    min-height: 460px;
  }
  #aux-client-logos:before,
  #aux-client-logos:after {
    display: table;
    content: "";
    line-height: 0;
  }
  #aux-client-logos:after {
    clear: both;
  }
  .js .client-list li {
    opacity: 0;
  }
  .logoSlider a {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
  }
  #client-logos {
    max-width: 820px;
    margin: 0 auto;
  }
  #client-logos ul ul li {
    width: 25%;
    margin-left: 0;
    border: 0px solid transparent;
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    border-left-width: 20px;
    padding: 0 0px;
    margin-bottom: 1.5em;
  }
  /* Fix for IE7 layout issue */
  .lt-ie8 #client-logos ul ul li {
    width: 242px;
  }
  #client-logos span {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
  }
  #client-logos a {
    display: inline-block;
  }
  #client-logos a img {
    width: auto;
  }
  .client-list {
    margin-left: -20px;
    box-sizing: border-box;
  }
  .client-list li {
    margin: 0 0 20px 0;
    width: 20%;
    padding-left: 20px;
    box-sizing: border-box;
    transition: opacity .6s ease;
  }
  .client-list li {
    padding: 0px 6px;
    line-height: 0;
  }
  .client-list li a:hover img,
  .client-list li a:visited:hover img,
  .client-list li a:focus img,
  .client-list li a:visited:focus img,
  .client-list li a:active img,
  .client-list li a:visited:active img {
    filter: grayscale(100%);
  }
  .client-list li img {
    display: block;
    transition: filter .6s ease;
  }
  .logo1:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: 0px 0px;
  }
  .logo1 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -585px 0px;
  }
  .logo2:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -146.25px 0px;
  }
  .logo2 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -731.25px 0px;
  }
  .logo3:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -292.5px 0px;
  }
  .logo3 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -877.5px 0px;
  }
  .logo4:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -438.75px 0px;
  }
  .logo4 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -1023.75px 0px;
  }
  .logo5:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: 0px -146.25px;
  }
  .logo5 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -585px -146.25px;
  }
  .logo6:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -146.25px -146.25px;
  }
  .logo6 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -731.25px -146.25px;
  }
  .logo7:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -292.5px -146.25px;
  }
  .logo7 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -877.5px -146.25px;
  }
  .logo8:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -438.75px -146.25px;
  }
  .logo8 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -1023.75px -146.25px;
  }
  .logo9:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: 0px -292.5px;
  }
  .logo9 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -585px -292.5px;
  }
  .logo10:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -146.25px -292.5px;
  }
  .logo10 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -731.25px -292.5px;
  }
  .logo11:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -292.5px -292.5px;
  }
  .logo11 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -877.5px -292.5px;
  }
  .logo12:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -438.75px -292.5px;
  }
  .logo12 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -1023.75px -292.5px;
  }
  .logo13:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: 0px -438.75px;
  }
  .logo13 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -585px -438.75px;
  }
  .logo14:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -146.25px -438.75px;
  }
  .logo14 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -731.25px -438.75px;
  }
  .logo15:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -292.5px -438.75px;
  }
  .logo15 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -877.5px -438.75px;
  }
  .logo16:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -438.75px -438.75px;
  }
  .logo16 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -1023.75px -438.75px;
  }
  .logo17:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: 0px -585px;
  }
  .logo17 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -585px -585px;
  }
  .logo18:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -146.25px -585px;
  }
  .logo18 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -731.25px -585px;
  }
  .logo19:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -292.5px -585px;
  }
  .logo19 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -877.5px -585px;
  }
  .logo20:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -438.75px -585px;
  }
  .logo20 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -1023.75px -585px;
  }
  .logo21:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: 0px -731.25px;
  }
  .logo21 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -585px -731.25px;
  }
  .logo22:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -146.25px -731.25px;
  }
  .logo22 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -731.25px -731.25px;
  }
  .logo23:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -292.5px -731.25px;
  }
  .logo23 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -877.5px -731.25px;
  }
  .logo24:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -1023.75px -731.25px;
  }
  .logo24 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -438.75px -731.25px;
  }
  .logo25:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: 0px -877.5px;
  }
  .logo25 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -585px -877.5px;
  }
  .logo26:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -292.5px -877.5px;
  }
  .logo26 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -877.5px -877.5px;
  }
  .logo27:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -146.25px -877.5px;
  }
  .logo27 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -731.25px -877.5px;
  }
  .logo28:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -438.75px -877.5px;
  }
  .logo28 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -1023.75px -877.5px;
  }
  .logo30:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: 0px -1023.75px;
  }
  .logo30 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -585px -1023.75px;
  }
  .logo31:hover {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -146.25px -1023.75px;
  }
  .logo31 {
    background: url(../img/sprite-client-logos.png) no-repeat;
    background-position: -731.25px -1023.75px;
  }
  .client-list {
    text-align: center;
  }
  .client-list li {
    text-transform: uppercase;
    font-weight: 300;
    font-weight: "futura-pt-n3", "futura-pt", "Trebuchet MS", Verdana, sans-serif;
    background: none;
    font-size: 22px;
    font-size: 2.2rem;
    float: none;
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
  }
  #team-profiles {
    height: 585px;
    width: 900px;
    margin: 0 auto;
  }
  #team-profiles ul {
    position: relative;
  }
  .person-target,
  .person {
    background: none;
    margin: 0px;
    padding: 0px;
  }
  .icon-person {
    display: none;
  }
  .person {
    display: inline-block;
    position: absolute;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
    width: 195px;
    height: 580px;
    background: url('/themes/site_themes/default/production/assets/sprite-team.jpg') no-repeat;
    left: 800px;
    top: 0px;
  }
  .person-1 {
    background-position: 0px -580px;
    left: 40px;
    width: 220px;
  }
  .person-1.person-is-active {
    background-position: 0px 0px;
  }
  .person-simon-lyons {
    background-position: -213px -580px;
    left: 227px;
    width: 170px;
    z-index: 1;
    top: 5px;
  }
  .person-simon-lyons.person-is-active {
    background-position: -213px 0px;
  }
  .person-3 {
    background-position: -609px -580px;
    width: 201px;
    height: 567px;
    left: 198px;
  }
  .person-3.person-is-active {
    background-position: -609px 0;
  }
  .person-4 {
    background-position: -389px -580px;
    width: 201px;
    left: 89px;
  }
  .person-4.person-is-active {
    background-position: -389px 0;
  }
  .person-5 {
    background-position: -824px -580px;
    width: 152px;
    left: 464px;
  }
  .person-5.person-is-active {
    background-position: -824px 0;
  }
  .person-6 {
    background-position: -980px -580px;
    width: 159px;
    left: 545px;
  }
  .person-6.person-is-active {
    background-position: -980px 0;
  }
  .person-7 {
    background-position: -1157px -580px;
    width: 152px;
    left: 600px;
    z-index: 1;
  }
  .person-7.person-is-active {
    background-position: -1157px 0;
  }
  .person-tom-limbert {
    background-position: -1328px -580px;
    left: 490px;
  }
  .person-tom-limbert.person-is-active {
    background-position: -1328px 0;
  }
  .person-hit-area {
    position: absolute;
    left: 45px;
    top: 0px;
    bottom: 0px;
    width: 110px;
    cursor: pointer;
    z-index: 2;
  }
  .person-simon-lyons .person-hit-area {
    left: 35px;
    padding-right: 30px;
  }
  .person-5 .person-hit-area {
    left: 11px;
  }
  .person-5 .person-hit-area {
    left: 15px;
  }
  .person-info {
    color: #ffffff;
    background: #181C1D;
    background: rgba(24, 28, 29, 0.85);
    /* with opacity */
    padding: 12px;
    position: absolute;
    width: 250px;
    z-index: 4;
    top: -150px;
    left: -85px;
    text-align: center;
    display: none;
  }
  .person-is-active .person-info {
    display: block;
  }
  .person-1 .person-info {
    top: -156px;
    left: -49px;
  }
  .person-simon-lyons .person-info {
    left: -58px;
  }
  .person-4 .person-info {
    left: -64px;
    top: -90px;
  }
  .person-3 .person-info {
    left: -74px;
    top: -170px;
  }
  .person-5 .person-info {
    left: -85px;
  }
  .person-6 .person-info {
    left: -139px;
    top: -120px;
    width: 330px;
  }
  .person-7 .person-info {
    left: -100px;
  }
  /* Prevent from overlay going off screen */
  /* Create the arrow */
  .person-info:after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    border-width: 15px 15px 0;
    border-style: solid;
    border-color: #181C1D transparent;
    opacity: 0.85;
    display: block;
    width: 0;
    margin-left: -20px;
  }
  .bio-active .person-info:after {
    display: none;
  }
  .person h4,
  .person h3 {
    text-align: center;
  }
  .person .name {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .person .email,
  .person .show-bio {
    color: #F76313;
  }
  .person .email:hover {
    color: #d04e07;
  }
  .person .mobile {
    color: #ffffff;
  }
  .person .bio {
    text-align: left;
  }
  .person .bio p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5em;
  }
  .person-is-active .person .bio {
    display: block;
  }
  .show-bio,
  .show-bio:hover {
    display: block;
    cursor: pointer;
    padding: 0px;
    background: none;
  }
  /*IE7 gets z-index all wrong - bring person to front */
  .lt-ie8 .person-is-active {
    z-index: 999;
  }
  .person-hit-area {
    z-index: 99;
  }
  /* Not needed on large devices */
  .open .icon-expander,
  .closed .icon-expander,
  .icon-expander {
    display: none;
    background: none;
  }
  #instructions article {
    max-width: 790px;
  }
  #instructions ul {
    margin-bottom: 0px;
  }
  /* Layout */
  #instructions .article-content,
  .flyout-container {
    *zoom: 1;
  }
  #instructions .article-content:before,
  .flyout-container:before,
  #instructions .article-content:after,
  .flyout-container:after {
    display: table;
    content: "";
    line-height: 0;
  }
  #instructions .article-content:after,
  .flyout-container:after {
    clear: both;
  }
  .instruction-part {
    border: 0px solid transparent;
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    width: 50%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
  }
  .lt-ie8 .instruction-part {
    width: 45%;
  }
  .instruction-pair,
  .flyout-container {
    margin-left: -20px;
  }
  .instruction {
    display: inline-block;
    position: relative;
    background-size: cover;
    margin-bottom: 1em;
    cursor: pointer;
    *display: inline;
    /* IE7 inline-block hack */
    *zoom: 1;
  }
  .instruction-1,
  .instruction-2,
  .instruction-5,
  .instruction-6 {
    border: 0px solid transparent;
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    width: 50%;
    border-left-width: 20px;
    padding: 0 0px;
    margin-left: 0;
    border-color: #25292b;
    /* Fix issue in IE8 of borders adding to width */
    height: 385px;
  }
  .instruction-3,
  .instruction-4 {
    border: 0px solid transparent;
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    border-left-width: 20px;
    padding: 0 0px;
    width: 100%;
    height: 185px;
    border-left-width: 0px;
    /* Border removed when nested grid */
    background: url(../img/385x185.gif) no-repeat;
    /* TODO = replace with real images */
  }
  .instruction-wide {
    border: 0px solid transparent;
    float: left;
    box-sizing: border-box;
    background-clip: padding-box !important;
    *behavior: url(/js/boxsizing.htc);
    border-left-width: 20px;
    padding: 0 0px;
    width: 100%;
    height: 185px;
  }
  /* Tranprant border in IE8 shows background image */
  .lt-ie9 .instruction-wide {
    border-left-color: #25292B;
  }
  /* Backgrounds */
  .instruction-1 {
    background: url(../img/ins-derby-westfield.jpg);
  }
  .instruction-2 {
    background: url(../img/ins-leeds-cornexchange.jpg);
  }
  .instruction-3 {
    background: url(../img/ins-widnes-greenoaks.jpg);
  }
  .instruction-4 {
    background: url(../img/ins-doncaster-frenchgate.jpg);
  }
  .instruction-5 {
    background: url(../img/ins-bradford-westfield.jpg);
  }
  .instruction-6 {
    background: url(../img/ins-leeds-trinity.jpg);
  }
  .instruction-wide {
    background: url(../img/ins-york-coppergate.jpg);
  }
  .instruction-jarrow {
    background: url(../img/ins-jarrow-viking.jpg);
  }
  .instruction-killingworth {
    background: url(../img/ins-killingworth.jpg);
  }
  .instruction-grantham {
    background: url(../img/ins-grantham.jpg);
  }
  .instruction-bradford {
    background: url(../img/ins-westfield-bradford.jpg);
  }
  .instruction-derby {
    background: url(../img/ins-westfield-derby.jpg);
  }
  .instruction-merrion {
    background: url(../img/ins-leeds-trinity-landscape.jpg);
  }
  .row-two .instruction-1 {
    background: url(../img/ins-huddersfield-piazza.jpg);
  }
  .row-two .instruction-2 {
    background: url(../img/ins-scar.jpg);
  }
  .row-two .instruction-3 {
    background: url(../img/ins-byron-seaham.jpg);
  }
  .row-two .instruction-4 {
    background: url(../img/ins-warrington-birchwood.jpg);
  }
  .row-two .instruction-5 {
    background: url(../img/ins-washington-thegalleries.jpg);
  }
  .row-two .instruction-6 {
    background: url(../img/ins-worksop-priory.jpg);
  }
  .instruction h3 {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1em;
    text-shadow: 1px 1px 5px #000000;
    background: #000;
    background: rgba(0, 0, 0, 0.4);
  }
  /* Add spacing for the hover border */
  .instruction-wide h3 {
    padding: 30px 10px 10px 10px;
  }
  .instruction-killingworth h3 {
    padding: 10px;
  }
  .instruction-1 h3,
  .instruction-2 h3 {
    padding: 10px 30px 10px 10px;
  }
  /* Adjust to fit long title */
  .row-two .instruction-1 h3 {
    font-size: 23px;
    font-size: 2.3pxrem;
  }
  .row-two .instruction-2 h3 {
    font-size: 21px;
    font-size: 2.1pxrem;
  }
  .instruction-3 h3 {
    padding: 30px 10px 10px 10px;
    text-align: center;
  }
  .instruction-4 h3 {
    padding: 10px 30px 10px 10px;
    text-align: center;
  }
  .instruction-5 h3,
  .instruction-6 h3 {
    padding: 10px 10px 10px 30px;
    text-align: right;
  }
  .row-two .instruction-5 h3 {
    font-size: 21px;
    font-size: 2.1pxrem;
  }
  .scheme {
    font-size: 18px;
    font-size: 1.8rem;
    display: block;
    margin-top: 6px;
  }
  .instruction-text {
    background: #181C1D;
    background: rgba(0, 0, 0, 0.85);
    position: absolute;
    padding: 12px;
    margin-bottom: 0px;
    z-index: 2;
    display: none;
    padding: 20px;
    font-weight: 300;
    font-family: "futura-pt-n3", "futura-pt", "Trebuchet MS", Verdana, sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
  }
  /* Custom Flyouts for each instruction */
  .slide-right .instruction-text,
  .slide-right .instruction-text {
    top: 0px;
    left: 184px;
    height: 345px;
    width: 200%;
  }
  .instruction-1 .instruction-text {
    left: 183px;
  }
  .slide-up .instruction-text {
    bottom: 185px;
    height: 365px;
  }
  .instruction-wide .instruction-text {
    bottom: 185px;
    height: 163px;
  }
  .slide-down .instruction-text {
    top: 185px;
  }
  .slide-left .instruction-text {
    right: 184px;
    width: 200%;
    height: 345px;
    top: 0px;
  }
  .instruction-4 .instruction-text {
    height: 365px;
  }
  .instruction-5 .instruction-text {
    right: 183px;
  }
  .js .instruction .flyout-trigger {
    display: none;
  }
  .instruction:hover .flyout-trigger {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: 0px #F76313 solid;
    border-width: 0 23px 0 0;
    display: block;
    cursor: pointer;
    background: transparent;
  }
  /* Position the border to indicate flyout direction */
  .slide-up:hover .flyout-trigger {
    border-width: 23px 0 0 0;
  }
  .slide-down:hover .flyout-trigger {
    border-width: 0 0 23px 0;
  }
  .slide-left:hover .flyout-trigger {
    border-width: 0 0 0 23px;
  }
  .open .pop-arrow {
    display: block;
    position: absolute;
    top: 40%;
    width: 23px;
    height: 54px;
    background: url(../img/sprite-arrow-flyout.png) no-repeat;
    background-position: -1px -56px;
    right: -25px;
  }
  .slide-up .open .pop-arrow {
    left: 45%;
    width: 54px;
    height: 23px;
    background-position: 0px -27px;
    top: -25px;
  }
  .slide-down .open .pop-arrow {
    left: 45%;
    top: auto;
    right: auto;
    width: 54px;
    height: 23px;
    background-position: 0px 3px;
    bottom: -25px;
  }
  .slide-left .open .pop-arrow {
    background-position: -35px -58px;
    left: -25px;
  }
  /*** IE7 Fix - Reduce Complexity ***/
  .lt-ie8 #instructions .instruction-part {
    width: 100%;
    float: none;
  }
  .lt-ie8 #instructions .instruction {
    height: auto;
    width: 100%;
    background: none;
    float: none;
    cursor: default;
  }
  .lt-ie8 #instructions .instruction h3 {
    margin: 0px;
    padding: 10px;
    text-align: left;
    cursor: default;
  }
  .lt-ie8 #instructions .instruction-text {
    display: block;
    position: static;
    width: 100%;
    height: auto;
    background: none;
  }
  .lt-ie8 .instruction:hover .flyout-trigger {
    display: none;
  }
  /*** End IE7 Fix ***/
  .case-studies h3 a {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .case-study-image {
    min-height: 226px;
  }
  #cs-about {
    padding-bottom: 50px;
  }
  .westfield-derby-case-study #cs-header {
    background-image: url(../img/case-hero-westfield-960.jpg);
  }
  .caffe-nero-case-study #cs-header {
    background-image: url(../img/case-hero-nero-960.jpg);
  }
  .washington-galleries-case-study #cs-header {
    background-image: url(../img/case-hero-thegalleries-960.jpg);
    background-position: center;
  }
  .trinityleeds-case-study #cs-header {
    background-image: url(../img/case-hero-trinity-960.jpg);
  }
  #cs-header .page-header {
    max-width: inherit;
  }
  /* Reposition icon */
  .icon-increase {
    right: 40px;
  }
  #twitter-box {
    position: absolute;
    top: 197px;
    right: 3%;
    width: 360px;
    height: 400px;
    font-family: futura-pt-n4, futura-pt, 'DejaVu Sans', 'Bitstream Vera Sans', 'Trebuchet MS', Verdana, 'Verdana Ref', sans-serif;
  }
  .tweet {
    height: 124px;
  }
  .tweet-icon {
    float: left;
    width: 92px;
    height: 100%;
  }
  .tweet-content {
    float: left;
    height: 100%;
    width: 190px;
  }
  .tweet-time {
    float: right;
    width: 77px;
  }
}
@media (min-width: 960px) and (max-height: 700px) {
  .has-overlay .service-detail {
    top: 66px;
    padding: 65px 5%;
  }
}
@media (min-width: 960px) and (max-width: 1055px) {
  .person-tom-limbert .person-info {
    left: -118px;
  }
}