/* ============================================================================= 
   Reset
   ========================================================================== */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
q,
small,
strong,
sub,
sup,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0;
}
article,
aside,
figure,
figure img,
figcaption,
hgroup,
footer,
header,
nav,
section,
video,
object {
  display: block;
}
a img {
  border: 0;
}
figure {
  position: relative;
}
figure img {
  width: 100%;
}
/* ============================================================================= 
   Forms
   ========================================================================== */
form {
  margin-bottom: 0px;
}
fieldset {
  margin-bottom: 20px;
}
input[type="text"],
input[type="tel"],
input[type="password"],
input[type="email"],
textarea {
  border: 1px solid #ccc;
  padding: 6px 4px;
  outline: none;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #777;
  margin: 0;
  width: 210px;
  max-width: 100%;
  display: block;
  background: #fff!important;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border: 1px solid #aaa;
  color: #444;
  -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
textarea {
  min-height: 60px;
  font-family: sans-serif;
}
label, legend {
  display: block;
  font-weight: bold;
  font-size: 13px;
}
input[type="checkbox"] {
  display: inline;
}
label span, legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}
.form-field {
  margin-bottom: 20px;
}
.form-field.last {
  margin: 0;
}
.form-field .inline-fields label, .form-field .inline-fields input {
  display: inline;
}
.field-validation-error {
  font-size: 13px;
  color: red;
}
/* ==================================================================================================================== 
  ! Toby's Grid
  ==================================================================================================================== */
body {
  padding: 0;
}
.container {
  padding: 0 2%;
  margin: 0 auto;
}
.onecol,
.twocol,
.threecol,
.fourcol,
.fivecol,
.sixcol,
.sevencol,
.eightcol,
.ninecol,
.tencol,
.elevencol {
  margin-right: 0.95%;
  margin-left: 0.95%;
  float: left;
  min-height: 1px;
}
.onecolumn,
.twocolumn,
.threecolumn,
.fourcolumn,
.fivecolumn,
.sixcolumn,
.sevencolumn,
.eightcolumn,
.ninecolumn,
.tencolumn,
.elevencolumn {
  margin-right: 0;
  margin-left: 0;
  float: left;
  min-height: 1px;
  overflow: hidden;
}
.row {
  max-width: 1280px;
  margin: 0 auto;
  zoom: 1;
}
.row:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.row .onecol {
  width: 6.43%;
}
.row .twocol {
  width: 14.76%;
}
.row .threecol {
  width: 23.1%;
}
.row .fourcol {
  width: 31.43%;
}
.row .fivecol {
  width: 39.77%;
}
.row .sixcol {
  width: 48.1%;
}
.row .sevencol {
  width: 56.43%;
}
.row .eightcol {
  width: 64.76%;
}
.row .ninecol {
  width: 73.1%;
}
.row .tencol {
  width: 81.44%;
}
.row .elevencol {
  width: 89.77%;
}
.row .twelvecol {
  width: 98.1%;
  margin: 0 0.95%;
  float: left;
}
.row .onecolumn {
  width: 8.33333333333333%;
}
.row .twocolumn {
  width: 16.6666666666667%;
}
.row .threecolumn {
  width: 25%;
}
.row .fourcolumn {
  width: 33.3333333333333%;
}
.row .fivecolumn {
  width: 41.6666666666667%;
}
.row .sixcolumn {
  width: 50%;
}
.row .sevencolumn {
  width: 58.3333333333333%;
}
.row .eightcolumn {
  width: 66.6666666666666%;
}
.row .ninecolumn {
  width: 75%;
}
.row .tencolumn {
  width: 83.33333333333%;
}
.row .elevencolumn {
  width: 91.6666666666%;
}
.row .twelvecolumn {
  width: 100%;
  float: left;
}
img, object, embed {
  max-width: 100%;
}
img {
  height: auto;
}
img[alt] {
  font-size: 0.7em;
}
/* =============================================================================
   Media Queries 
   ========================================================================== */
@media handheld, only screen and (max-width: 800px) {
  body {
    -webkit-text-size-adjust: none;
  }
  
  .row, body, .container {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .row .onecol,
  .row .twocol,
  .row .threecol,
  .row .fourcol,
  .row .fivecol,
  .row .sixcol,
  .row .sevencol,
  .row .eightcol,
  .row .ninecol,
  .row .tencol,
  .row .elevencol,
  .row .twelvecol {
    width: auto!important;
    float: none;
    margin-left: 10px;
    margin-right: 10px;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .row .onecolumn,
  .row .twocolumn,
  .row .threecolumn,
  .row .fourcolumn,
  .row .fivecolumn,
  .row .sixcolumn,
  .row .sevencolumn,
  .row .eightcolumn,
  .row .ninecolumn,
  .row .tencolumn,
  .row .elevencolumn {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
@font-face {
  font-family: 'open-sans';
  src: url('/_cassette/file/userfiles/webfonts/OpenSans-Light-webfont_3b118f81ac22a995f7ce5faf2216012b5d217adb.eot');
  src: url('/userfiles/webfonts/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('/_cassette/file/userfiles/webfonts/OpenSans-Light-webfont_523f9403d934ba017bfe924cdc40f1bb0e5d97e2.woff') format('woff'), url('/_cassette/file/userfiles/webfonts/OpenSans-Light-webfont_1e7cd5e73c534c1fd03e178f8a94b1157c54bc17.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans';
  src: url('/_cassette/file/userfiles/webfonts/OpenSans-Regular-webfont_a64c0e7003dd8ec5e9d265956dbadd6e8b12c155.eot');
  src: url('/userfiles/webfonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('/_cassette/file/userfiles/webfonts/OpenSans-Regular-webfont_5092881fad2caffdc6bf71bdab1ea547b73d3564.woff') format('woff'), url('/_cassette/file/userfiles/webfonts/OpenSans-Regular-webfont_688baa8f4208bcf28b4c3b207d2ee24aec721249.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans';
  src: url('/_cassette/file/userfiles/webfonts/OpenSans-Semibold-webfont_1b6dfbcd3d634e2ef7ee7d0ee2abb8b940d7c32d.eot');
  src: url('/userfiles/webfonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('/_cassette/file/userfiles/webfonts/OpenSans-Semibold-webfont_4590722b795938e0b6ff1b99701d1abe37aeabef.woff') format('woff'), url('/_cassette/file/userfiles/webfonts/OpenSans-Semibold-webfont_0b72db51c3db686963fdc5e8c05b92645d0161b5.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'open-sans';
  src: url('/_cassette/file/userfiles/webfonts/OpenSans-Bold-webfont_88e07164acfdb480c1cf6be262cd5b6937b9ca14.eot');
  src: url('/userfiles/webfonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/_cassette/file/userfiles/webfonts/OpenSans-Bold-webfont_8cf65f42a2a8c349ccd6ab63b6cbd17c96fd665c.woff') format('woff'), url('/_cassette/file/userfiles/webfonts/OpenSans-Bold-webfont_7a25ca4a85e3dae6b7f76908cfe070448cd6ea1f.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}
/*@font-face {
    font-family: 'open-sans';
    src: url('/_cassette/file/userfiles/webfonts/OpenSans-ExtraBold-webfont_af4c0557cdcac221caf6cacf66ebd04502704c12.eot');
    src: url('/userfiles/webfonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/_cassette/file/userfiles/webfonts/OpenSans-ExtraBold-webfont_2bf5562b0953653292c0e02a7c4ef79b11e52a83.woff') format('woff'),
         url('/_cassette/file/userfiles/webfonts/OpenSans-ExtraBold-webfont_44f5850b00e0643aed762029ae3ca57a20502586.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;

}*/
.no-js .js {
  display: none!important;
}
.no-js nav.global-nav ul {
  display: block!important;
}
.no-js #top-home {
  padding: 0;
}
/*basic selectors*/
html {
  overflow-y: scroll;
}
body, html {
  height: 100%;
}
body {
  font-family: 'open-sans', helvetica, arial, sans-serif;
  background: white;
  color: #251c1d;
  font-size: 24px;
  line-height: 1.5;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
}
strong, b {
  font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  text-align: center;
  font-weight: 300;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
h1 a:link,
h2 a:link,
h3 a:link,
h4 a:link,
h5 a:link,
h6 a:link,
.h1 a:link,
.h2 a:link,
.h3 a:link,
.h4 a:link,
.h5 a:link,
.h6 a:link,
h1 a:visited,
h2 a:visited,
h3 a:visited,
h4 a:visited,
h5 a:visited,
h6 a:visited,
.h1 a:visited,
.h2 a:visited,
.h3 a:visited,
.h4 a:visited,
.h5 a:visited,
.h6 a:visited {
  text-decoration: none;
  outline: none;
}
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.h1 a:hover,
.h2 a:hover,
.h3 a:hover,
.h4 a:hover,
.h5 a:hover,
.h6 a:hover,
h1 a:link:hover,
h2 a:link:hover,
h3 a:link:hover,
h4 a:link:hover,
h5 a:link:hover,
h6 a:link:hover,
.h1 a:link:hover,
.h2 a:link:hover,
.h3 a:link:hover,
.h4 a:link:hover,
.h5 a:link:hover,
.h6 a:link:hover,
h1 a:visited:hover,
h2 a:visited:hover,
h3 a:visited:hover,
h4 a:visited:hover,
h5 a:visited:hover,
h6 a:visited:hover,
.h1 a:visited:hover,
.h2 a:visited:hover,
.h3 a:visited:hover,
.h4 a:visited:hover,
.h5 a:visited:hover,
.h6 a:visited:hover {
  text-decoration: underline;
}
a, a:link, a:visited {
  text-decoration: none;
  outline: none;
}
a:hover, a:link:hover, a:visited:hover {
  text-decoration: underline;
}
h1, .h1 {
  font-size: 1.6em;
  margin: 0.67em 0;
  line-height: 1.3;
  letter-spacing: -1px;
}
h2, .h2 {
  font-size: 1.5em;
  margin: 0.83em 0;
  line-height: 1.15;
  letter-spacing: -1px;
}
h3, .h3 {
  font-size: 1.17em;
  margin: 1em 0;
}
h4, .h4 {
  font-size: 1em;
  margin: 1em 0 0.5em 0;
}
h5, .h5 {
  font-size: 1em;
  margin: 1em 0 0.5em 0;
}
h6, .h6 {
  font-size: 1em;
  margin: 1em 0 0.5em 0;
}
h2 strong,
.h2 strong,
h1 strong,
.h1 strong {
  font-weight: 600;
}
p {
  margin: 0 0 1em 0;
}
a,
a:link,
a:active,
a:visited {
  color: #008ed6;
}
nav ul {
  list-style-type: none;
}
nav ul li a {
  text-decoration: none;
}
.nav-wrapper {
  zoom: 1;
}
.nav-wrapper:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
nav.global-nav {
  float: right;
}
nav.global-nav ul {
  display: none;
  zoom: 1;
}
nav.global-nav ul:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
nav.global-nav ul li {
  float: left;
}
nav.global-nav ul li a {
  font-size: 11px;
  font-weight: 600;
  padding: 5px 15px;
  text-transform: uppercase;
  display: block;
  color: white;
}
nav.global-nav ul li a:hover, nav.global-nav ul li a.selected {
  text-decoration: none;
  color: #ccc;
}
a.menu {
  height: 25px;
  width: 28px;
  margin-top: 2px;
  z-index: 600;
  cursor: pointer;
  margin-left: 0.3em;
  position: relative;
}
.burger0, .burger1, .burger2 {
  background-color: #FFFFFF;
  display: block;
  height: 4px;
  left: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  width: 24px;
}
.burger0 {
  top: 0px;
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transition: all 0.5s;
  -webkit-transition: all  0.5s;
  -moz-transition: all  0.5s;
}
.burger1 {
  opacity: 1;
  top: 8px;
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transition: all 0.5s;
  -webkit-transition: all  0.5s;
  -moz-transition: all  0.5s;
}
.burger2 {
  top: 16px;
  transform: matrix(1, 0, 0, 1, 0, 0);
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transition: all 0.5s;
  -webkit-transition: all  0.5s;
  -moz-transition: all  0.5s;
}
.anim4.burger0 {
  top: 8px;
  transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
  -webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
}
.anim4.burger1 {
  opacity: 0;
  top: 6px;
  transform: matrix(0.87, 0.5, -0.5, 0.87, 0, 0);
  -webkit-transform: matrix(0.87, 0.5, -0.5, 0.87, 0, 0);
}
.anim4.burger2 {
  top: 8px;
  transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
  -webkit-transform: matrix(0.71, -0.71, 0.71, 0.71, 0, 0);
}
#main-container {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.copy-width {
  max-width: 769px;
  margin: 0 auto;
}
.copy-width  > :first-child {
  margin-top: 0;
}
.copy-width  > :last-child {
  margin-bottom: 0;
}
.content-blocks {
  padding-bottom: 4em;
}
.next,
.prev,
.close,
.top {
  width: 40px;
  height: 40px;
  background: url(/_cassette/file/userfiles/images/svg/next-icon_2d70c1d43b9f70b51395fab3298ad44c806670ce.svg) top center no-repeat;
  display: inline-block;
  opacity: 0.3;
}
.next.prev,
.prev.prev,
.close.prev,
.top.prev {
  background: url(/_cassette/file/userfiles/images/svg/prev-icon_cbbbf220271b0c94fdb8f7eb4f02e06b40ac592d.svg) top center no-repeat;
}
.next.close,
.prev.close,
.close.close,
.top.close {
  width: 20px;
  background: url(/_cassette/file/userfiles/images/svg/close-icon_ef6c7b27799bfdefabb8454071e6620b80274067.svg) top center no-repeat;
}
.next.top,
.prev.top,
.close.top,
.top.top {
  height: 42px;
  background: url(/_cassette/file/userfiles/images/svg/up-icon_977ecc73a60d807b831ed27adc039a522c8e0e33.svg) top center no-repeat;
}
.next:hover,
.prev:hover,
.close:hover,
.top:hover {
  opacity: 0.2;
}
.top-wrapper {
  position: fixed;
  right: 2%;
  bottom: 5px;
  z-index: 1000;
}
a.logoLink {
  float: left;
}
a.logoLink img {
  display: block;
}
html.no-js header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background: #1e1e1e;
  padding: 0.6em 0 0.4em 0;
}
html.no-js header .row {
  max-width: initial;
}
html.no-js header img {
  width: 150px;
}
html.js .hide {
  display: none;
}
html.js .loading header.container {
  background: none!important;
}
html.js .home header.container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  z-index: 1000;
  background: #1e1e1e;
  background: rgba(30, 30, 30, 0);
  padding: 2em 0 0 0 ;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
html.js .home header.container img {
  width: 180px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
html.js .home header.container .row {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  max-width: 80%;
  width: 80%;
}
html.js .sub header.container {
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  background: #1e1e1e;
  background: rgba(30, 30, 30, 0);
  z-index: 1000;
  padding: 0.6em 0 0.4em 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
html.js .sub header.container .row {
  max-width: 100%;
  width: 100%;
}
html.js .sub header.container img {
  width: 150px;
}
html.js .sub.list header.container,
html.js .sub.case-studies-body header.container,
html.js .sub.contact header.container,
html.js .sub.textpage header.container {
  background: #1e1e1e;
  max-width: 100%;
  width: 100%;
  padding: 0.6em 0 0.4em 0;
}
html.js .sub.list header.container .row,
html.js .sub.case-studies-body header.container .row,
html.js .sub.contact header.container .row,
html.js .sub.textpage header.container .row {
  max-width: 100%;
  width: 100%;
}
html.js header.container.shrink {
  background: #1e1e1e;
  padding: 0.6em 0 0.4em 0;
  background: #1e1e1e;
  max-width: 100%;
  width: 100%;
}
html.js header.container.shrink .row {
  max-width: 100%;
  width: 100%;
}
html.js header.container.shrink img {
  width: 150px;
  position: relative;
}
html.js header.container.shrink2 {
  padding: 0.6em 0 0.4em 0;
  height: auto!important;
  max-width: 100%;
  width: 100%;
}
html.js header.container.shrink2 .row {
  max-width: 100%;
  width: 100%;
  height: auto!important;
}
html.js header.container.shrink2 img {
  width: 150px;
  height: auto!important;
  position: relative;
}
.items {
  zoom: 1;
}
.items:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.white-section {
  background: white url(/_cassette/file/userfiles/images/dotted-bg_702ae64457fb5f3c408d1d9b7492c0d0deb57b00.jpg);
  color: #666666;
}
.white-section h1,
.white-section h2,
.white-section h3,
.white-section h4,
.white-section h5,
.white-section h6,
.white-section .h1,
.white-section .h2,
.white-section .h3,
.white-section .h4,
.white-section .h5,
.white-section .h6 {
  color: #31302E;
}
.white-section a,
.white-section a:link,
.white-section a:active,
.white-section a:visited {
  color: #008ed6;
}
.blue-section {
  background: #1e1e1e;
  color: white;
}
.grey-section {
  background: #eeeeee;
  color: #666666;
}
.grey-section h1,
.grey-section h2,
.grey-section h3,
.grey-section h4,
.grey-section h5,
.grey-section h6,
.grey-section .h1,
.grey-section .h2,
.grey-section .h3,
.grey-section .h4,
.grey-section .h5,
.grey-section .h6 {
  color: #31302E;
}
.grey-section a,
.grey-section a:link,
.grey-section a:active,
.grey-section a:visited {
  color: #1e1e1e;
}
.featuredImage {
  margin-bottom: 1em;
  border: 1px solid #eeeeee;
}
.testimonial {
  position: relative;
  line-height: 1.7;
  font-weight: 400;
  font-size: 1.1em;
}
.testimonial a {
  display: block;
  font-size: 0.9em;
  margin-top: 1em;
  opacity: 1 l;
}
.testimonial #quote-tail {
  font-family: Georgia, Times, "Times New Roman", serif !important;
  font-size: 300px;
  letter-spacing: -23px;
  left: -50px;
  opacity: 0.05;
  color: #333;
  padding-right: 20px;
  position: absolute;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  line-height: 1;
  top: -10px;
  overflow: visible;
}
.home #top-home h1,
.home #about h1,
.home #work h1,
.home #top-home h1 strong,
.home #about h1 strong,
.home #work h1 strong {
  font-size: 1.9em;
  line-height: 1.2;
  font-weight: 600;
}
.home #top-home h1 span,
.home #about h1 span,
.home #work h1 span,
.home #top-home h1 strong span,
.home #about h1 strong span,
.home #work h1 strong span {
  font-size: 0.6em;
  margin: 0.3em;
  display: block;
  line-height: 1.4;
  font-weight: 300;
}
.home #top-home .copy-width, .home #about .copy-width, .home #work .copy-width {
  padding: 0;
}
.home #top-home a.arrow-down:link, .home #about a.arrow-down:link, .home #work a.arrow-down:link {
  display: block;
  width: 50px;
  height: 50px;
  background: transparent url(/_cassette/file/userfiles/images/svg/down-icon_e898ff21bf244343af974935920cbda88e09a3b8.svg) top center no-repeat;
  margin: 0 auto;
}
.home #top-home {
  color: white;
  background-color: #008ed6;
  background-image: url(/_cassette/file/userfiles/images/top-home-blue_28387afc0793b4529d5600a9adf4613ac5cc2770.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
}
.home #top-home .align-helper {
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 30, 30, 0.5)), color-stop(100%, rgba(30, 30, 30, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* IE10+ */
  background: linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* W3C */

  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 30, 30, 0.5)), color-stop(100%, rgba(30, 30, 30, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* IE10+ */
  background: linear-gradient(top, rgba(30, 30, 30, 0.5) 0%, rgba(30, 30, 30, 0) 100%);
  /* W3C */

}
.home #about {
  padding-top: 4em;
  padding-bottom: 4em;
}
.home #about .twelvecol *:last-child {
  margin-bottom: 0;
}
.home #about .rich-text {
  text-align: justify;
  margin-bottom: 17px;
}
.home #about .rich-text a {
  color: #666666;
  border-bottom: 3px dotted #ccc;
}
.home #about .rich-text a:hover {
  text-decoration: none;
  color: #4d4d4d;
}
.home #about h2 {
  font-size: 1.85em;
}
.home #about img {
  width: 100%;
  height: auto;
}
.home #work {
  background: #1e1e1e url(/_cassette/file/userfiles/images/laptop6_e7126da84f46e759714fe0dfb0df85a6a5203112.jpg) top center no-repeat fixed;
  background-size: cover;
  text-align: center;
}
.home #work .align-helper {
  padding-top: 20%;
  padding-bottom: 20%;
}
.home #work a,
.home #work a:link,
.home #work a:visited,
.home #work a:active {
  background: #c11733;
  display: inline-block;
  width: 200px;
  height: 200px;
  color: white;
  text-decoration: none;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.home #work a:hover,
.home #work a:link:hover,
.home #work a:visited:hover,
.home #work a:active:hover {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background: #d81a39;
}
.home #work a div,
.home #work a:link div,
.home #work a:visited div,
.home #work a:active div {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  width: 200px;
  position: absolute;
  top: 60px;
}
.home #work a div span.line1,
.home #work a:link div span.line1,
.home #work a:visited div span.line1,
.home #work a:active div span.line1 {
  border-bottom: 1px solid white;
  display: inline-block;
}
.home #work a div span.line2,
.home #work a:link div span.line2,
.home #work a:visited div span.line2,
.home #work a:active div span.line2 {
  display: block;
  font-weight: 500;
  font-style: italic;
}
.home #testimonial {
  padding-top: 6em;
  padding-bottom: 6em;
}
.home #testimonial .align-helper {
  position: relative;
}
.home #testimonial .rich-text {
  padding: 0;
  font-size: 0.9em;
}
.home #testimonial .rich-text a {
  font-size: 0.7em;
  color: #008ed6;
  display: inline-block;
}
.home #testimonial .next-prev {
  text-align: right;
}
.home #testimonial .next-prev .next, .home #testimonial .next-prev .prev {
  width: 50px;
  height: 50px;
  opacity: 0.3;
}
.home #services {
  background: #008ed6 url(/userfiles/images/home-services2.jpg?width=1700) bottom center no-repeat;
  background-size: cover;
  padding: 0;
  zoom: 1;
  text-align: center;
  color: white;
}
.home #services:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.home #services .row {
  max-width: 100%;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.home #services .icon-link {
  cursor: pointer;
  text-align: center;
  padding: 12% 1%;
  display: table-cell;
  float: none;
  vertical-align: middle;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.4);
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
}
.home #services .icon-link .icon {
  width: 140px;
  height: 140px;
  display: block;
  margin: 0 auto;
}
.home #services .icon-link ul {
  margin-top: 0.4em;
  list-style-type: none;
  font-size: 0.7em;
}
.home #services .icon-link ul li a {
  padding: 0.5em;
  display: block;
  font-weight: 400;
  color: white;
}
.home #services .icon-link ul li a:hover {
  text-decoration: none;
  color: #eee;
}
.home #services .icon-link.one {
  background: rgba(0, 0, 0, 0.3);
}
.home #services .icon-link.two {
  background: rgba(0, 0, 0, 0.4);
}
.home #services .icon-link.three {
  background: rgba(0, 0, 0, 0.3);
}
.home #services .icon-link h4 {
  margin: 0;
  font-size: 0.7em;
  font-weight: 600;
  letter-spacing: 1px;
}
.home #services .icon-link.hover:hover {
  background: #008ed6;
  background: rgba(0, 142, 214, 0.7);
}
.home #services .icon-link.hover:hover img, .home #services .icon-link.hover:hover h4 {
  opacity: 0.8;
}
.home #services .icon-link.selected {
  background: #008ed6;
  background: rgba(0, 142, 214, 0.5);
}
.home #disciplines {
  font-size: 0.7em;
  font-weight: 400;
  line-height: 1.8;
  padding-top: 6em;
  padding-bottom: 6em;
}
.home #disciplines .row {
  max-width: 100%;
}
.home #disciplines h3 {
  text-align: left;
  font-size: 1.3em;
  font-weight: 500;
  line-height: 1.3;
}
.home #disciplines .fourcol h3, .home #disciplines .fourcol p {
  padding-left: 30px;
  padding-right: 30px;
}
.home #disciplines .rich-text a {
  color: #666666;
  border-bottom: 3px dotted #ccc;
}
.home #disciplines .rich-text a:hover {
  text-decoration: none;
  color: #4d4d4d;
}
.js .home #top-home {
  display: table;
  table-layout: fixed;
  width: 100%;
  padding: 0;
}
.js .home #top-home .align-helper {
  display: table-cell;
  vertical-align: middle;
  padding-top: 10%;
  padding-bottom: 10%;
}
.no-js .home #top-home .align-helper {
  padding-top: 23%;
  padding-bottom: 23%;
}
.gallery .row {
  max-width: 769px;
}
.gallery .row img {
  margin: 0 auto;
  display: block;
  outline: none;
  max-width: 101%;
  height: auto;
}
.gallery.full-width {
  width: 100%;
  padding: 0;
  background: white;
}
.gallery.full-width .row {
  max-width: 100%;
}
.gallery.full-width .row img {
  margin: 0 auto;
  display: block;
  max-width: 101%;
}
.gallery.full-width .row .twocolumn img,
.gallery.full-width .row .sixcolumn img,
.gallery.full-width .row .fourcolumn img,
.gallery.full-width .row .twelvecolumn img {
  width: 101%;
  max-width: 101%;
  height: auto;
}
.gallery.wraps .row .onecolumn {
  width: 8.33333333333333%;
}
.gallery.wraps .row .twocolumn {
  width: 16.6666666666667%;
}
.gallery.wraps .row .threecolumn {
  width: 25%;
}
.gallery.wraps .row .fourcolumn {
  width: 33.3333333333333%;
}
.gallery.wraps .row .fivecolumn {
  width: 41.6666666666667%;
}
.gallery.wraps .row .sixcolumn {
  width: 50%;
}
.gallery.wraps .row .sevencolumn {
  width: 58.3333333333333%;
}
.gallery.wraps .row .eightcolumn {
  width: 66.6666666666666%;
}
.gallery.wraps .row .ninecolumn {
  width: 75%;
}
.gallery.wraps .row .tencolumn {
  width: 83.33333333333%;
}
.gallery.wraps .row .elevencolumn {
  width: 91.6666666666%;
}
.gallery.wraps .row .twelvecolumn {
  width: 100%;
  float: left;
}
.gallery.wraps .row .onecolumn,
.gallery.wraps .row .twocolumn,
.gallery.wraps .row .threecolumn,
.gallery.wraps .row .fourcolumn,
.gallery.wraps .row .fivecolumn,
.gallery.wraps .row .sixcolumn,
.gallery.wraps .row .sevencolumn,
.gallery.wraps .row .eightcolumn,
.gallery.wraps .row .ninecolumn,
.gallery.wraps .row .tencolumn,
.gallery.wraps .row .elevencolumn {
  margin-right: 0;
  margin-left: 0;
  float: left;
  min-height: 1px;
  overflow: hidden;
}
body.contact #main-container {
  padding-top: 40px;
}
.get-in-touch {
  padding-top: 4em;
  padding-bottom: 4em;
  background: url(/_cassette/file/userfiles/images/map_c66ee0e290d4d29a7f00975d5cc0873d0ff81fed.jpg) center center repeat-x;
}
.get-in-touch .h1 {
  margin-top: 0;
}
.get-in-touch .address, .get-in-touch .email, .get-in-touch .tel {
  font-size: 0.6em;
  text-align: center;
  font-weight: 400;
}
.get-in-touch .address span,
.get-in-touch .email span,
.get-in-touch .tel span,
.get-in-touch .address a,
.get-in-touch .email a,
.get-in-touch .tel a {
  display: block;
  font-weight: 400;
}
.get-in-touch .icon {
  display: block;
  margin: 3px auto;
  background: #008ed6;
  width: 24px;
  height: 24px;
}
.get-in-touch .tel .icon {
  background: url(/_cassette/file/userfiles/images/svg/phone-icon_ffea4d9ed18e353d1e94a7fcb569ec6af65b6e26.svg) center center no-repeat;
}
.get-in-touch .address .map-link {
  color: #666;
  font-weight: 400;
}
.get-in-touch .address .icon {
  background: url(/_cassette/file/userfiles/images/svg/map-icon_e603105372d7bb175a5bd284fc8d3e74beb87b76.svg) center center no-repeat;
}
.get-in-touch .email .icon {
  background: url(/_cassette/file/userfiles/images/svg/email-icon2_dfe1e50e494b242290caabddcb90bc9f797fb121.svg) center center no-repeat;
}
.get-in-touch a:link:hover {
  color: #41606F;
  text-decoration: none;
}
.formthankyou {
  color: white;
  text-align: center;
}
#contact-form {
  background: #41606F;
  padding-top: 4em;
  padding-bottom: 4em;
}
#contact-form .form-field {
  position: relative;
}
#contact-form .formerror {
  text-align: center;
  color: white;
  margin: 0;
  margin-bottom: 1em;
}
#contact-form form ::-webkit-input-placeholder {
  font-weight: 400;
  font-family: 'open-sans', sans-serif;
  padding-left: 2%;
}
#contact-form form :-moz-placeholder {
  /* Firefox 18- */
  font-weight: 400;
  font-family: 'open-sans', sans-serif;
  padding-left: 2%;
}
#contact-form form ::-moz-placeholder {
  /* Firefox 19+ */
  font-weight: 400;
  font-family: 'open-sans', sans-serif;
  padding-left: 2%;
}
#contact-form form textarea,
#contact-form form input[type="text"],
#contact-form form input[type="email"],
#contact-form form input[type="tel"] {
  width: 96%;
  padding: 1em 2%;
  font-size: 0.8em;
  border: 0;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
#contact-form form textarea:focus,
#contact-form form input[type="text"]:focus,
#contact-form form input[type="email"]:focus,
#contact-form form input[type="tel"]:focus {
  background: rgba(255, 255, 255, 0.8) !important;
}
#contact-form form .name-field input,
#contact-form form .email-field input,
#contact-form form .phone-field input,
#contact-form form .company-field input {
  width: 94%;
}
#contact-form form .name-field.phone-field input,
#contact-form form .email-field.phone-field input,
#contact-form form .phone-field.phone-field input,
#contact-form form .company-field.phone-field input,
#contact-form form .name-field.company-field input,
#contact-form form .email-field.company-field input,
#contact-form form .phone-field.company-field input,
#contact-form form .company-field.company-field input {
  width: 94%;
  margin-left: 2%;
}
#contact-form form .button-field {
  margin: 0;
}
#contact-form form button, #contact-form form input[type="submit"] {
  background: white;
  border: 0;
  -webkit-appearance: none;
  color: #41606F;
  width: 100%;
  font-size: 1.3em;
  padding: 0.5em;
  margin: 0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
  cursor: pointer;
}
#contact-form form button:hover, #contact-form form input[type="submit"]:hover {
  opacity: 0.8;
}
#contact-form .image-field {
  text-align: center;
  width: 48%;
  margin-left: 2%;
  padding-top: 2px;
  padding-bottom: 2px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.social-links {
  background: #eeeeee;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style-type: none;
}
.social-links li {
  display: inline-block;
  margin: 20px 2px 8px 2px;
}
.social-links li a {
  display: block;
  width: 40px;
  height: 40px;
}
.social-links li a.linkedin {
  background: url(/_cassette/file/userfiles/images/svg/linkedin_a131b95ff88d32cfe84316b204cc6114562e5af1.svg);
}
.social-links li a.twitter {
  background: url(/_cassette/file/userfiles/images/svg/twitter_d48f669c4c3991eb1a3d95771dcbfba1e506d698.svg);
}
.social-links li a.googleplus {
  background: url(/_cassette/file/userfiles/images/svg/google-plus_65386cfdf4836c579eafe494cf4cd16b3c0224b3.svg);
}
.social-links li a.facebook {
  background: url(/_cassette/file/userfiles/images/svg/facebook_e947dc506fd6b1635f0558ad985a6459d08710ad.svg);
}
#portfolio-filter {
  display: none;
}
#portfolio-list {
  zoom: 1;
}
#portfolio-list:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.caseStudyList {
  padding-top: 2.8em;
  padding-bottom: 4em;
}
.case-studies {
  padding: 0;
}
.case-studies .row {
  width: 98%;
  padding: 0;
  max-width: 100%;
}
.case-study-item {
  width: 19.6%;
  margin: 0.2%;
  float: left;
}
.caseStudyWrapper .caseStudyLink {
  display: block;
  position: relative;
}
.caseStudyWrapper .caseStudyLink .conceal {
  color: #FFFFFF;
  display: block;
  opacity: 1;
  text-align: center;
  z-index: 200;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 142, 214, 0.8);
  padding: 22% 10px 0 10px;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
.caseStudyWrapper .caseStudyLink .conceal .client {
  font-size: 0.6em;
  line-height: 1.3;
  margin: ;
  text-transform: uppercase;
  color: white;
  font-weight: 600;
  display: block;
}
.caseStudyWrapper .caseStudyLink .conceal h3 {
  font-size: 0.65em;
  font-weight: 400;
  color: white;
  margin: 0 0 0.3em 0;
  line-height: 1.2;
}
.caseStudyWrapper .caseStudyLink .conceal .icon.plus {
  width: 40px;
  height: 40px;
  fill: white;
  display: inline-block;
  background: url(/_cassette/file/userfiles/images/svg/plus-icon_8642636112ded06c761830fd8ab80dfaaf3ddf77.svg) center center no-repeat;
}
.caseStudyWrapper .caseStudyLink img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
.content-block .twelvecol .case-study-item {
  display: inline-block;
  width: 32.1%;
  margin: 0.2%;
  float: none;
}
.no-touch .caseStudyWrapper .caseStudyLink .conceal {
  background: #008ed6;
  opacity: 0;
}
.no-touch .caseStudyWrapper .caseStudyLink:hover .conceal {
  opacity: 0.9;
}
.service-list, .news-list {
  padding: 3.5em 0 4em 0;
  text-align: center;
}
.service-list .h4, .news-list .h4 {
  background: #eeeeee;
  padding: 0.3em;
}
.service-list ul, .news-list ul {
  list-style-type: none;
  padding: 0;
}
.service-list ul li h3,
.news-list ul li h3,
.service-list ul li h4,
.news-list ul li h4 {
  font-weight: 300;
  margin: 0;
}
.service-list ul li h3 a,
.news-list ul li h3 a,
.service-list ul li h4 a,
.news-list ul li h4 a {
  font-size: 1.1em;
  display: block;
  padding: 10px;
  background-color: white;
  color: #a2a2a2;
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}
.service-list ul li h3 a:hover,
.news-list ul li h3 a:hover,
.service-list ul li h4 a:hover,
.news-list ul li h4 a:hover {
  text-decoration: none;
  background-color: #008ed6;
  color: white;
  font-size: 1.2em;
  padding: 20px 10px;
}
.case-study-body .service-list {
  border-top: 1px solid #f2f2f2;
  padding-top: 2em;
  padding-bottom: 2em;
}
.banner-wrapper {
  background: #008ed6;
  background-size: cover;
  background-position: top center;
}
.container.banner {
  padding: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 30, 30, 0.3)), color-stop(100%, rgba(30, 30, 30, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* IE10+ */
  background: linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* W3C */

  background: -moz-linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(30, 30, 30, 0.3)), color-stop(100%, rgba(30, 30, 30, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* IE10+ */
  background: linear-gradient(top, rgba(30, 30, 30, 0.3) 0%, rgba(30, 30, 30, 0) 100%);
  /* W3C */

}
.container.banner img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0;
  opacity: 0.2;
}
.container.banner .overlay {
  position: relative;
  z-index: 1;
  padding-bottom: 3.5em;
  padding-top: 3.5em;
  color: white;
  text-align: center;
}
.container.banner .overlay .rich-text {
  padding: 0 5%;
}
.container.banner h1 strong {
  font-weight: 600;
}
.container.banner .client, .container.banner .date {
  font-size: 0.8em;
  text-transform: uppercase;
  font-weight: 600;
}
.container.banner .page-nav {
  text-align: center;
  position: relative;
  z-index: 1005;
}
.container.banner .page-nav ul {
  padding: 0;
}
.container.banner .page-nav ul li {
  display: inline-block;
  margin: 0;
}
.container.banner .page-nav ul li.up-level {
  position: relative;
  top: -15px;
}
.container.banner .page-nav .next {
  background-image: url("/_cassette/file/userfiles/images/svg/next-icon-white_f1eacb3dfd4ebdb9c8f72e53e9c000dd1c540b00.svg");
  opacity: 1;
}
.container.banner .page-nav .prev {
  background-image: url("/_cassette/file/userfiles/images/svg/prev-icon-white_76b2e0d2160220c030d5adc019750df9f89455ec.svg");
  opacity: 1;
}
.container.banner .page-nav .close {
  background-image: url("/_cassette/file/userfiles/images/svg/close-icon-white_cc66742f2940db8c54339492d74c738a509442e3.svg");
  opacity: 1;
}
.container.banner .page-nav a.close-title,
.container.banner .page-nav a:link.close-title,
.container.banner .page-nav a:visited.close-title,
.container.banner .page-nav a:active.close-title {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 600;
  display: block;
  color: white;
  padding: 0 10px;
}
.container.banner .page-nav a.close-title:hover,
.container.banner .page-nav a:link.close-title:hover,
.container.banner .page-nav a:visited.close-title:hover,
.container.banner .page-nav a:active.close-title:hover {
  text-decoration: none;
}
.container.banner .page-nav a:hover {
  opacity: 0.5;
}
.text-page h1,
.under-banner-text h1,
.text-page h2,
.under-banner-text h2,
.text-page h3,
.under-banner-text h3,
.text-page h4,
.under-banner-text h4,
.text-page h5,
.under-banner-text h5,
.text-page h6,
.under-banner-text h6 {
  text-align: left;
  margin: 0 0 0.4em 0;
}
.text-page.website-url-link .rich-text, .under-banner-text.website-url-link .rich-text {
  padding: 0 0  50px 0;
  position: relative;
  top: -20px;
}
.text-page h1 strong, .under-banner-text h1 strong {
  font-weight: 600;
}
.text-page ul,
.under-banner-text ul,
.text-page ol,
.under-banner-text ol {
  margin-bottom: 1em;
}
.text-page .rich-text, .under-banner-text .rich-text {
  padding-top: 3em;
  padding-bottom: 3em;
}
.text-page .rich-text > :last-child, .under-banner-text .rich-text > :last-child {
  margin: 0;
}
.text-page.text-page, .under-banner-text.text-page {
  padding-top: 6em;
  padding-bottom: 2em;
}
.text-page.text-page .rich-text, .under-banner-text.text-page .rich-text {
  padding-top: 0px;
}
.textpage #main-container {
  padding-top: 38px;
}
.case-study-testimonial {
  padding-top: 4em;
  padding-bottom: 4em;
  color: #666666;
}
.case-study-testimonial .testimonial {
  font-weight: 300;
  font-size: 1em;
}
.case-study-testimonial .testimonial cite {
  margin-top: 1em;
  font-size: 0.7em;
  color: black;
  display: block;
  font-style: normal;
}
.sharing {
  font-size: 0.6em;
  vertical-align: middle;
  font-weight: 500;
  text-transform: uppercase;
}
.sharing .facebook, .sharing .google-plus, .sharing .twitter {
  display: inline-block;
  width: 33px;
  height: 33px;
  margin: 0 0 0 5px;
  background: pink;
  position: relative;
  top: 10px;
}
.sharing .facebook.facebook, .sharing .google-plus.facebook, .sharing .twitter.facebook {
  background: url(/_cassette/file/userfiles/images/svg/facebook-colour_912166aa46a374a94bfa19c60895d891907d2a40.svg);
}
.sharing .facebook.twitter, .sharing .google-plus.twitter, .sharing .twitter.twitter {
  background: url(/_cassette/file/userfiles/images/svg/twitter-colour_1789cfdd3a2bbbe38c57127e80936aef862b0eae.svg);
}
.sharing .facebook.google-plus, .sharing .google-plus.google-plus, .sharing .twitter.google-plus {
  background: url(/_cassette/file/userfiles/images/svg/googleplus-colour_b5fd0acdb3833d4462e1206a2de9693071302eb1.svg);
}
.js .menu {
  display: block;
  float: right;
}
.js .main-nav {
  transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  float: right;
}
.no-borderradius .home #work a,
.no-borderradius .home #work a:link,
.no-borderradius .home #work a:visited,
.no-borderradius .home #work a:active {
  position: relative;
  width: 290px;
  height: 290px;
  background: url(/_cassette/file/userfiles/images/diamond-red_be207ce83cf0b7913ea848937c847a9493fd274d.png) center center no-repeat;
}
.no-borderradius .home #work a div,
.no-borderradius .home #work a:link div,
.no-borderradius .home #work a:visited div,
.no-borderradius .home #work a:active div {
  width: 290px;
  padding-top: 44px;
}
.no-borderradius .home #work a:hover,
.no-borderradius .home #work a:link:hover,
.no-borderradius .home #work a:visited:hover,
.no-borderradius .home #work a:active:hover {
  background: url(/_cassette/file/userfiles/images/circle-red_27e480b813455e97ee6dc97aa880fc3d21c3ace6.png) center center no-repeat;
}
.no-touch .sharing a:hover {
  opacity: 0.8;
}
.no-rgba .home #services .icon-link {
  background: url(/_cassette/file/userfiles/images/blk-px-1_be08faac3e60e32dd00a6e83ecbb0075edd358f9.png);
}
.no-rgba .home #services .icon-link.two {
  background: url(/_cassette/file/userfiles/images/blk-px-3_4bcc9af05d4b77c3d96bfddd25111eab94605863.png);
}
.no-rgba .home #services .icon-link.four {
  background: url(/_cassette/file/userfiles/images/blk-px-3_4bcc9af05d4b77c3d96bfddd25111eab94605863.png);
}
.no-svg .home #top-home a.arrow-down:link, .ios5 .home #top-home a.arrow-down:link {
  background: transparent url(/_cassette/file/userfiles/images/svg/down-icon_e650e4623f86ee2ffc1e21abbd347d94e22df9b1.png) no-repeat;
}
.no-svg .home #testimonial .next-prev .next, .ios5 .home #testimonial .next-prev .next {
  background-image: url(/_cassette/file/userfiles/images/next-icon-grey_dae89b320c73a867a2737b0aa0fc61e3f7237a6f.png);
}
.no-svg .home #testimonial .next-prev .prev, .ios5 .home #testimonial .next-prev .prev {
  background-image: url(/_cassette/file/userfiles/images/prev-icon-grey_d47dc16f6d82cc16d5ed16a67832bc0c99403872.png);
}
.no-svg .get-in-touch .tel .icon, .ios5 .get-in-touch .tel .icon {
  background: transparent url(/_cassette/file/userfiles/images/svg/phone-icon_458ff12cbf893891e753083e2729fb17a2d70f62.png) center center no-repeat;
}
.no-svg .get-in-touch .address .icon, .ios5 .get-in-touch .address .icon {
  background: transparent url(/_cassette/file/userfiles/images/svg/map-icon3_810b38dfe0e479a69e2821a418dea3093fa2a854.png) no-repeat;
}
.no-svg .get-in-touch .email .icon, .ios5 .get-in-touch .email .icon {
  background: transparent url(/_cassette/file/userfiles/images/svg/email-icon2_75f9e76b6f661c862e48432e104ff69f7e2d6b80.png) no-repeat;
}
.no-svg .social-links li a.linkedin, .ios5 .social-links li a.linkedin {
  background: url(/_cassette/file/userfiles/images/linkedin_88d54ac9c72fe96c665e08276340ff6006238578.png);
}
.no-svg .social-links li a.twitter, .ios5 .social-links li a.twitter {
  background: url(/_cassette/file/userfiles/images/twitter_16df35c54766c2ada49c64a635d8fce8089b18c8.png);
}
.no-svg .social-links li a.googleplus, .ios5 .social-links li a.googleplus {
  background: url(/_cassette/file/userfiles/images/google-plus_c9c89f1d9ee1da3536f78b8123963b8176184c06.png);
}
.no-svg .social-links li a.facebook, .ios5 .social-links li a.facebook {
  background: url(/_cassette/file/userfiles/images/facebook_b5341ae2a1c12685f72c676251a709c97d44992d.png);
}
.no-svg .container.banner .page-nav .next, .ios5 .container.banner .page-nav .next {
  background-image: url(/userfiles/images/next-icon-white.png?width=40);
}
.no-svg .container.banner .page-nav .prev, .ios5 .container.banner .page-nav .prev {
  background-image: url(/userfiles/images/prev-icon-white.png?width=40);
}
.no-svg .container.banner .page-nav .close, .ios5 .container.banner .page-nav .close {
  background-image: url(/_cassette/file/userfiles/images/close-icon-white_81c23e4ed1e0feda2415fb94be40cd57353093d6.png);
  margin: 0 5px;
}
.no-svg .sharing .facebook, .ios5 .sharing .facebook {
  background-image: url(/_cassette/file/userfiles/images/facebook-colour_b3ff42dcddf410a76e93d6a88dcc65a75acee818.png);
}
.no-svg .sharing .twitter, .ios5 .sharing .twitter {
  background-image: url(/_cassette/file/userfiles/images/twitter-colour_6ed4ba3fc62062c2161afccb2cca30b7dce88d82.png);
}
.no-svg .sharing .google-plus, .ios5 .sharing .google-plus {
  background-image: url(/_cassette/file/userfiles/images/googleplus-colour_94276101ce5b52614ee188c3d37682197eb7eeea.png);
}
.no-svg .caseStudyWrapper .caseStudyLink .conceal .icon.plus, .ios5 .caseStudyWrapper .caseStudyLink .conceal .icon.plus {
  background: url(/_cassette/file/userfiles/images/plus-icon_dc1a8b8598a8dc07144cc7fe06281c165ece781a.png) no-repeat;
}
.no-opacity .caseStudyWrapper .caseStudyLink .conceal {
  display: none;
  background: transparent url(/_cassette/file/userfiles/images/over-black-30_e0d9ae050414f8ff51a587707f4db3f89cd6b79d.png) repeat top left;
}
.no-opacity .caseStudyWrapper .caseStudyLink:hover .conceal {
  display: block;
}
.no-csstransforms .burger1.anim4, .no-csstransforms .burger2.anim4 {
  display: none;
}
.no-csstransforms .burger0.anim4 {
  height: 20px;
  width: 24px;
  top: 0;
  background: url(/_cassette/file/userfiles/images/close_ffe9842895d7859e6497636d813cccaf9fbeac19.png) no-repeat;
}
.rich-text {
  zoom: 1;
}
.rich-text:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.rich-text ul, .rich-text ol {
  list-style-position: outside;
  padding-left: 28px;
}
.rich-text ul li, .rich-text ol li {
  margin-bottom: 6px;
}
.error {
  z-index: 100;
  background: black;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 5px 10px;
  font-size: 0.6em;
  display: none;
  position: absolute!important;
  font-weight: 400;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.error p {
  margin: 0;
}
.error:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: black;
  border-color: rgba(0, 0, 0, 0);
  border-top-color: black;
  border-top-color: rgba(0, 0, 0, 0.9);
  border-width: 10px;
  margin-left: -10px;
}
html.touch body.sub .container.banner .overlay {
  position: relative;
}
html.touch body.sub .container.banner .touch-icon {
  display: inline-block;
  background: url(/_cassette/file/userfiles/images/svg/swipe-icon_74d5562771bf5a0cbfb9f1feff49d32cce9a406f.svg) no-repeat;
  width: 22px;
  height: 24px;
  position: absolute;
  top: 55px;
  right: 16px;
  opacity: 1;
}
html.touch header.keyboard-open {
  position: absolute!important;
}
.android-browser .home #top-home, .android-browser .home #work {
  background-attachment: scroll;
}
.lt-ie9 a.logoLink {
  width: 180px;
  display: block;
  zoom: 1;
}
.lt-ie9 a.logoLink:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  clear: both;
}
.lt-ie9 a.logoLink img {
  display: block;
}
.lt-ie9 .no-rgba .home #services .icon-link.two {
  background: url(/userfiles/images/blk-pixel-7.png);
}
.lt-ie9 .home header.container,
.lt-ie9 .case-study-body header.container,
.lt-ie9 .service-body header.container,
.lt-ie9 .article-body header.container {
  background: none!important;
}
.lt-ie9 .home header.container.shrink,
.lt-ie9 .case-study-body header.container.shrink,
.lt-ie9 .service-body header.container.shrink,
.lt-ie9 .article-body header.container.shrink {
  background: #1e1e1e !important;
}
.lt-ie9 .error:after {
  background: url(/_cassette/file/userfiles/images/arrow-down-small_a7fa051790dcfc42fedadb5ef5eb98366ec97730.png);
  border: none;
  width: 20px;
  height: 12px;
  z-index: 100;
}
.lt-ie10 .burger1.anim4, .lt-ie10 .burger2.anim4 {
  display: none;
}
.lt-ie10 .burger0.anim4 {
  height: 20px;
  width: 24px;
  top: 0;
  background: url(/_cassette/file/userfiles/images/close_ffe9842895d7859e6497636d813cccaf9fbeac19.png) no-repeat;
}
.lt-ie10 .home #work a,
.lt-ie10 .home #work a:link,
.lt-ie10 .home #work a:visited,
.lt-ie10 .home #work a:active {
  position: relative;
}
.lt-ie10 .testimonial #quote-tail {
  display: none;
}
.lt-ie10 .home #work a,
.lt-ie10 .home #work a:link,
.lt-ie10 .home #work a:visited,
.lt-ie10 .home #work a:active {
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
@media handheld, only screen and (max-width: 1279px) {
  #portfolio-list .case-study-item {
    width: 24.6%;
    margin: 0.2%;
  }
  
  .home #disciplines {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .home #disciplines .row .fourcol p, .home #disciplines .row .fourcol h3 {
    padding: 0 0.5em!important;
  }
}
@media handheld, only screen and (max-width: 1024px) {
  #portfolio-list {
    padding-top: 7%;
  }
  #portfolio-list .case-study-item {
    width: 32.9%;
  }
  
  
  .up-level {
    padding: 0 10px;
  }
  
  .home #testimonial {
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .home #testimonial .testimonial {
    font-size: 1em;
  }
  .home #testimonial .testimonial a {
    font-size: 1em;
  }
  
  .home #top-home {
    background-image: url(/userfiles/images/top-home-blue.jpg?width=1024&height=1024&mode=crop);
    background-attachment: scroll;
  }
  
  .home #work {
    background: #c11733 url(/userfiles/images/laptop6.jpg?width=1024&mode=crop) center center;
  }
  
  .home #services {
    background: #008ed6 url(/userfiles/images/home-services2.jpg?width=1024&height=800&mode=crop) bottom center no-repeat;
  }
  .home #services .row .icon-link img {
    width: 110px;
    height: 110px;
  }
}
@media handheld, only screen and (max-width: 800px) {
  .no-js body {
    font-size: 1em;
  }
  .no-js header.container {
    position: static;
  }
  .no-js header.container .logoLink {
    display: block;
    float: none;
    text-align: center;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  .no-js header.container .logoLink img {
    width: 70%;
    float: none;
    display: inline-block;
  }
  
  
  html.js .menu-open {
    background: #1e1e1e;
  }
  html.js .menu-open header.container {
    position: static!important;
  }
  html.js .menu-open #main-container {
    display: none;
  }
  html.js .menu-open .error {
    display: none!important;
  }
  html.js .home header.container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    padding: 0.6em 0 0.4em 0;
  }
  html.js .home header.container .row {
    max-width: 100%;
    width: 100%;
  }
  html.js .home header.container img {
    width: 150px;
  }
  html.js .home .testimonial #quote-tail {
    left: -8%;
    top: 0;
  }
  html.js .home #testimonial .next-prev a {
    margin: 2em 0.3em 0 0;
    width: 40px;
    height: 40px;
  }
  html.js .error {
    font-size: 13px;
  }
  
  
  .copy-width {
    width: 80%;
    max-width: 80%;
  }
  
  .home #services {
    background-imge: url(/userfiles/images/home-services2.jpg?width=380&height=750&mode=crop);
    background-size: cover;
  }
  
  
  nav.global-nav {
    float: none!important;
    clear: both;
  }
  nav.global-nav .main-nav {
    float: none!important;
    padding-top: 1.3em;
  }
  nav.global-nav .main-nav li {
    float: none!important;
    display: block;
    text-align: center;
    margin-bottom: 3px;
  }
  nav.global-nav .main-nav li a {
    font-size: 1.2em;
    background: #191919;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  
  .home #top-home {
    background-attachment: initial;
  }
  .home #about {
    padding-top: 3em;
    padding-bottom: 2em;
  }
  .home #about .twelvecol {
    background: none;
  }
  .home #about .rich-text {
    padding: 0 1em;
  }
  .home #about .rich-text a {
    border-bottom: none;
  }
  .home #work {
    background-attachment: scroll;
  }
  .home #work a,
  .home #work a:link,
  .home #work a:visited,
  .home #work a:active {
    width: 150px;
    height: 150px;
  }
  .home #work a div,
  .home #work a:link div,
  .home #work a:visited div,
  .home #work a:active div {
    width: 150px;
    top: 45px;
  }
  .home #services .row {
    display: block;
  }
  .home #services .row .icon-link {
    display: block;
    width: 48%;
    float: left;
    min-height: 310px;
    font-size: 1.2em;
  }
  .home #services .row .icon-link ul {
    display: block!important;
  }
  .home #services .row .icon-link img {
    width: 100px;
    height: 100px;
  }
  .home #services .row .icon-link.three {
    background: rgba(0, 0, 0, 0.4);
  }
  .home #services .row .icon-link.four {
    background: rgba(0, 0, 0, 0.3);
  }
  .home #disciplines {
    padding-top: 4em;
    padding-bottom: 4em;
  }
  .home #disciplines .row {
    width: 80%;
    margin: 0 auto;
  }
  .home #disciplines .rich-text {
    padding: 0 1em;
  }
  .home #disciplines .rich-text h3 {
    text-align: center;
    font-size: 2em;
    margin-bottom: 0.5em;
  }
  .home #disciplines .rich-text p {
    font-size: 1.3em!important;
  }
  .home #disciplines .rich-text * {
    padding: 0!important;
  }
  .home #disciplines .rich-text a {
    border-bottom: none;
  }
  
  .get-in-touch .fourcol {
    margin-bottom: 1em;
  }
  .get-in-touch .fourcol div, .get-in-touch .fourcol div span, .get-in-touch .fourcol div a {
    font-size: 0.9em;
  }
  .get-in-touch .fourcol .address a {
    color: #666;
  }
  .get-in-touch .fourcol .address a span {
    font-size: inherit;
  }
  .get-in-touch .row .h1, .get-in-touch .row .h3 {
    padding: 0 2em;
  }
  
  #contact-form {
    padding: 3em 1em;
  }
  #contact-form #contactus .items .form-field input {
    width: 96%!important;
    margin: 0!important;
  }
  #contact-form #contactus .items .image-field {
    width: 100%;
    margin-left: 0;
  }
  #contact-form #contactus input {
    font-size: 17px;
  }
  #contact-form #contactus input[type="submit"] {
    font-size: 26px;
  }
  #contact-form #contactus textarea {
    font-size: 17px;
  }
  
  .case-studies .row {
    margin: 1%;
  }
  
  #portfolio-list {
    padding-top: 2.8em;
  }
  #portfolio-list .case-study-item {
    width: 49.6%;
  }
  #portfolio-list .caseStudyWrapper .caseStudyLink .conceal span, #portfolio-list .caseStudyWrapper .caseStudyLink .conceal h3 {
    font-size: 1em;
  }
  #portfolio-list .caseStudyWrapper .caseStudyLink .conceal {
    background: rgba(0, 142, 214, 0.7) !important;
    opacity: 1!important;
    text-shadow: 0px 0px 5px #008ed6;
  }
  
  .caseStudyWrapper .caseStudyLink .conceal {
    background: rgba(0, 142, 214, 0.7) !important;
    opacity: 1!important;
    text-shadow: 0px 0px 5px #008ed6;
  }
  
  .content-block .twelvecol .case-study-item {
    display: inline-block;
    width: 100%;
    margin: 0.2% 0;
    float: none;
    font-size: 1.6em;
  }
  
  .sub .under-banner-text .rich-text, .sub .case-study-testimonial .testimonial {
    font-size: 1.2em;
    padding-top: 2em;
    padding-bottom: 2em;
  }
  
  .sub .case-study-testimonial {
    padding-top: 2em;
    padding-bottom: 2em;
  }
  
  .testimonial #quote-tail {
    left: -5%;
    top: 40px;
    font-size: 200px;
  }
  
  .no-svg .home #testimonial .next-prev .next,
  .ios5 .home #testimonial .next-prev .next,
  .no-svg .home #testimonial .next-prev .prev,
  .ios5 .home #testimonial .next-prev .prev {
    margin: 2em 0.3em 0 0;
    width: 50px;
    height: 50px;
  }
  
  
  .gallery .row {
    max-width: 80%;
    margin: 0 auto;
  }
  .gallery .row img {
    margin: 0 auto 1em 0;
    display: block;
    outline: none;
    max-width: 101%;
    width: 101%;
    height: auto;
  }
}
@media handheld, only screen and (max-width: 430px) {
  body {
    font-size: 1em!important;
  }
  
  .copy-width {
    width: 90%;
    max-width: 90%;
  }
  
  #portfolio-list {
    padding-top: 43px;
  }
  #portfolio-list .case-study-item {
    width: 99.8%;
    margin-bottom: 1%;
  }
  
  .up-level {
    padding: 0 10px;
  }
  
  .container.banner .page-nav {
    margin-top: 1em;
  }
  
  #testimonial {
    text-align: center;
  }
  #testimonial .rich-text {
    padding: 0 1em;
  }
  #testimonial .h1 {
    font-size: 1.45em;
  }
  
  .testimonial #quote-tail {
    left: -5%;
    top: 10px;
  }
  
  .home #top-home {
    background: url(/userfiles/images/top-home-blue.jpg?width=430&height=1000&mode=crop) top center no-repeat;
  }
  
  .home #about h2 {
    font-size: 1.65em;
  }
  .home #about .rich-text {
    text-align: left;
  }
  
  .home #top-home h1 {
    font-size: 33px;
  }
  .home #top-home h1 span {
    font-size: 24px;
  }
  
  .home #work {
    background: url(/userfiles/images/laptop6.jpg?width=430&mode=crop) top center no-repeat;
  }
  
  .home #services {
    background: url(/userfiles/images/home-services2.jpg?width=430&height=1600&mode=crop) bottom center no-repeat;
  }
  .home #services .row {
    display: block;
  }
  .home #services .row .icon-link {
    display: block;
    width: 100%;
    float: none;
    min-height: initial;
    font-size: 1.4em;
  }
  .home #services .row .icon-link.three {
    background: rgba(0, 0, 0, 0.34);
  }
  
  .home #work a,
  .home #work a:link,
  .home #work a:visited,
  .home #work a:active {
    width: 100px;
    height: 100px;
  }
  .home #work a div,
  .home #work a:link div,
  .home #work a:visited div,
  .home #work a:active div {
    width: 100px;
    top: 23px;
  }
  
  .news-list li a {
    border-bottom: 1px solid #f2f2f2;
  }
  
  .home #disciplines .row {
    width: 96%;
    max-width: 96%;
  }
  .home #disciplines .row .rich-text {
    padding: 0;
  }
  
  html.js .home #testimonial .next-prev {
    text-align: center;
  }
  
  .sub .under-banner-text .rich-text, .sub .case-study-testimonial .testimonial {
    font-size: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
  }
  
  #contactus {
    width: 100%;
    max-width: 100%;
  }
}
body.loading, body.loading-page {
  overflow-y: hidden;
}
.preloader {
  display: none;
}
.preloader.activate {
  position: absolute;
  background: white url(/_cassette/file/userfiles/images/preloader-grey_dafce28d7610cb3a0dd2cd4cf1c6877050d4606f.gif) center center no-repeat;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  z-index: 10;
  display: block;
  text-align: center;
}
.white-section code {
  font-size: .7em;
  background: #F8F8FF;
  padding: 8px 8px 8px 0;
}