/* SET BASE FONTS FOR PXTO EM */
/* MEDIA QUERIES */
/* MAIN COLOURS */
/* OTHER COLOURS */
/* ==========================================================================
   Author: Kooba Frontend - kooba.ie - 2014
   ========================================================================== */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1,
h2,
h3,
h4,
h5,
h6, 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, .single-post .post-text ol, 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; }

ol, ul, .single-post .post-text ol {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

header {
  position: relative;
  z-index: 20; }
  header .brand {
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 10px;
    z-index: 5; }
    header .brand a {
      color: #faf8f2;
      display: inline-block;
      font-size: 2.8125em;
      text-decoration: none; }
  header .wrapper {
    position: relative;
    max-width: 940px; }
  @media only screen and (min-width: 760px) {
    header .brand {
      left: 5px;
      right: auto;
      top: 1px; }
      header .brand a {
        font-size: 4.5625em; } }
  @media only screen and (min-width: tabletpx) {
    header else .brand {
      left: 5px;
      right: auto;
      top: 1px; }
      header else .brand a {
        font-size: 4.5625em; } }
  header.fixed {
    position: fixed; }

@media only screen and (min-width: 760px) {
  .nav-wrapper {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    .nav-wrapper.show-nav {
      height: 100%;
      position: fixed;
      overflow-x: hidden;
      overflow-y: auto; } }
@media only screen and (min-width: tabletpx) {
  .nav-wrapper else {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%; }
    .nav-wrapper else.show-nav {
      height: 100%;
      position: fixed;
      overflow-x: hidden;
      overflow-y: auto; } }

.can-fix .brand-wrapper.show-nav {
  position: fixed;
  width: 100%;
  z-index: 100; }

.sticky-menu {
  background: #57fccd;
  height: 55px;
  padding: 11px 13px 0;
  position: fixed;
  right: -145px;
  top: 50%;
  width: 55px;
  z-index: 140; }
  .sticky-menu .nav-btn {
    position: static; }

footer {
  background: #191f1f;
  padding: 26px 0 21px; }
  footer .wrapper {
    max-width: 1020px; }
  footer .footer-brand {
    color: #e6e4df;
    font-size: 50px;
    text-align: center; }
  footer .footer-nav {
    margin-top: 23px;
    padding: 0 10px 70px;
    position: relative;
    text-align: center; }
    footer .footer-nav li {
      margin-top: 18px; }
      footer .footer-nav li:first-child {
        margin: 0; }
      footer .footer-nav li a {
        color: #8a9290;
        display: inline-block;
        position: relative;
        text-decoration: none; }
        footer .footer-nav li a:after {
          background: #191f1f;
          bottom: -5px;
          content: "";
          display: block;
          height: 1px;
          margin: 0 auto;
          position: absolute;
          -webkit-transition: all 0.1s linear;
          transition: all 0.1s linear;
          width: 100%; }
        footer .footer-nav li a:hover {
          color: #e6e4df; }
          footer .footer-nav li a:hover:after {
            background: #e6e4df;
            bottom: 0; }
      footer .footer-nav li.social-nav {
        bottom: 9px;
        left: 0;
        margin: 0;
        position: absolute;
        width: 100%; }
        footer .footer-nav li.social-nav li {
          display: inline-block;
          margin: 0 0 0 5px;
          vertical-align: top; }
          footer .footer-nav li.social-nav li a {
            display: block;
            font-size: 26px; }
            footer .footer-nav li.social-nav li a:after, footer .footer-nav li.social-nav li a:before {
              display: none; }
          footer .footer-nav li.social-nav li a.dribbble {
            font-size: 34px;
            margin-top: -3px; }
  @media only screen and (min-width: 1020px) {
    footer .footer-nav {
      margin-top: 12px;
      padding: 0; }
      footer .footer-nav li {
        display: inline-block;
        margin: 0;
        text-align: left; }
        footer .footer-nav li.right {
          text-align: right;
          width: 26.55%; }
        footer .footer-nav li.start-project {
          text-align: left; }
        footer .footer-nav li.about-us {
          width: 13%; }
        footer .footer-nav li.our-work {
          width: 25%; }
        footer .footer-nav li.blog {
          width: 12.55%; }
        footer .footer-nav li.social-nav {
          position: static;
          text-align: center;
          width: 19.55%; }
          footer .footer-nav li.social-nav li {
            margin: 0 0 0 9px; } }
  @media only screen and (min-width: desktoppx) {
    footer else .footer-nav {
      margin-top: 12px;
      padding: 0; }
      footer else .footer-nav li {
        display: inline-block;
        margin: 0;
        text-align: left; }
        footer else .footer-nav li.right {
          text-align: right;
          width: 26.55%; }
        footer else .footer-nav li.start-project {
          text-align: left; }
        footer else .footer-nav li.about-us {
          width: 13%; }
        footer else .footer-nav li.our-work {
          width: 25%; }
        footer else .footer-nav li.blog {
          width: 12.55%; }
        footer else .footer-nav li.social-nav {
          position: static;
          text-align: center;
          width: 19.55%; }
          footer else .footer-nav li.social-nav li {
            margin: 0 0 0 9px; } }

.nav-btn {
  color: #faf8f2;
  font-size: 1.4375em;
  position: absolute;
  right: 14px;
  text-decoration: none;
  top: 21px;
  -webkit-transition: none 0s linear;
  transition: none 0s linear;
  z-index: 10; }
  .nav-btn .icon-menu-close {
    display: none; }
  .nav-btn .burger-menu {
    background: #faf8f2;
    display: inline-block;
    height: 4px;
    position: relative;
    width: 30px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .nav-btn .burger-menu:before, .nav-btn .burger-menu:after {
      background: #faf8f2;
      content: '';
      display: inline-block;
      height: 4px;
      left: 0;
      position: absolute;
      -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
      -webkit-transform-origin: 50% 50% 50%;
      transform-origin: 50% 50% 50%;
      width: 30px; }
    .nav-btn .burger-menu:before {
      top: -9px; }
    .nav-btn .burger-menu:after {
      top: 9px; }
  .nav-btn.open .icon-menu {
    display: none; }
  .nav-btn.open .icon-menu-close {
    display: block;
    margin-right: 5px; }
  .nav-btn.open .burger-menu {
    background: transparent; }
    .nav-btn.open .burger-menu:before, .nav-btn.open .burger-menu:after {
      top: 0; }
    .nav-btn.open .burger-menu:before {
      -webkit-transform: rotate(225deg);
      transform: rotate(225deg); }
    .nav-btn.open .burger-menu:after {
      -webkit-transform: rotate(-225deg);
      transform: rotate(-225deg); }
  @media only screen and (min-width: 760px) {
    .nav-btn {
      right: 16px;
      top: 27px; } }
  @media only screen and (min-width: tabletpx) {
    .nav-btn else {
      right: 16px;
      top: 27px; } }

#navigation {
  background: rgba(0, 0, 0, 0.94);
  display: none;
  overflow: hidden;
  position: absolute;
  width: 100%; }
  #navigation .main-nav {
    margin-top: 73px;
    padding: 0 20px 20px;
    text-align: center; }
    #navigation .main-nav li {
      margin: 16px 0 0; }
      #navigation .main-nav li:first-child {
        margin: 0; }
      #navigation .main-nav li span {
        color: #faf8f2;
        display: block;
        font: 400 0.75em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
        letter-spacing: 0.075em;
        text-align: center; }
      #navigation .main-nav li a {
        color: #faf8f2;
        display: inline-block;
        font: italic 800 1.75em "acta-display", Georgia, "Times New Roman", Times, serif;
        line-height: 1.2em;
        letter-spacing: -0.04em;
        text-align: center;
        text-decoration: none; }
        #navigation .main-nav li a:after {
          background: #faf8f2;
          content: "";
          display: block;
          height: 1px;
          margin: 8px auto 0;
          -webkit-transition: all 0.3s linear;
          transition: all 0.3s linear;
          width: 16px; }
        #navigation .main-nav li a:hover:after {
          width: 100%; }
  #navigation .social-links {
    margin-top: 62px;
    position: relative; }
    #navigation .social-links .address {
      display: none; }
    #navigation .social-links .wrapper {
      max-width: 1020px; }
    #navigation .social-links:before {
      background: #98c2c0;
      content: '';
      height: 200%;
      left: -99999em;
      margin: 0 auto;
      position: absolute;
      right: -99999em;
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
      top: -35px;
      width: 105%; }
    #navigation .social-links ul, #navigation .social-links .single-post .post-text ol, .single-post .post-text #navigation .social-links ol {
      background: #98c2c0;
      padding-bottom: 15px;
      position: relative;
      text-align: center;
      z-index: 2; }
      #navigation .social-links ul li, #navigation .social-links .single-post .post-text ol li, .single-post .post-text #navigation .social-links ol li {
        display: inline-block;
        margin: 0 0 0 14px;
        vertical-align: bottom; }
        #navigation .social-links ul li a, #navigation .social-links .single-post .post-text ol li a, .single-post .post-text #navigation .social-links ol li a {
          color: #faf8f2;
          display: block;
          font-size: 1.5em;
          line-height: 34px;
          text-decoration: none; }
          #navigation .social-links ul li a:hover, #navigation .social-links .single-post .post-text ol li a:hover, .single-post .post-text #navigation .social-links ol li a:hover {
            color: #5ea09e; }
          #navigation .social-links ul li a.dribbble, #navigation .social-links .single-post .post-text ol li a.dribbble, .single-post .post-text #navigation .social-links ol li a.dribbble {
            font-size: 2.125em;
            line-height: 34px; }
  @media only screen and (min-width: 760px) {
    #navigation .main-nav {
      margin-top: 131px; }
      #navigation .main-nav li span {
        font-size: 1em; }
      #navigation .main-nav li a {
        font-size: 3.1875em; }
    #navigation .social-links {
      margin-top: 90px;
      padding-bottom: 23px; }
      #navigation .social-links .wrapper {
        padding: 0 10px; }
      #navigation .social-links .address {
        display: block;
        float: left;
        text-align: center;
        width: 41%; }
        #navigation .social-links .address p {
          color: #faf8f2;
          font-size: 0.875em;
          line-height: 1.4em;
          margin-bottom: 3px; }
        #navigation .social-links .address a {
          color: #faf8f2;
          text-decoration: none; }
      #navigation .social-links ul, #navigation .social-links .single-post .post-text ol, .single-post .post-text #navigation .social-links ol {
        float: left;
        margin-top: 30px;
        padding: 0;
        width: 18%; } }
  @media only screen and (min-width: tabletpx) {
    #navigation else .main-nav {
      margin-top: 131px; }
      #navigation else .main-nav li span {
        font-size: 1em; }
      #navigation else .main-nav li a {
        font-size: 3.1875em; }
    #navigation else .social-links {
      margin-top: 90px;
      padding-bottom: 23px; }
      #navigation else .social-links .wrapper {
        padding: 0 10px; }
      #navigation else .social-links .address {
        display: block;
        float: left;
        text-align: center;
        width: 41%; }
        #navigation else .social-links .address p {
          color: #faf8f2;
          font-size: 0.875em;
          line-height: 1.4em;
          margin-bottom: 3px; }
        #navigation else .social-links .address a {
          color: #faf8f2;
          text-decoration: none; }
      #navigation else .social-links ul, #navigation else .social-links .single-post .post-text ol, .single-post .post-text #navigation else .social-links ol {
        float: left;
        margin-top: 30px;
        padding: 0;
        width: 18%; } }
  @media only screen and (min-width: 760px) and (max-width: 1020px) and (min-height: 736px) {
    #navigation {
      height: 100%; }
      #navigation .social-links {
        bottom: 0;
        position: absolute;
        width: 100%; } }
  @media only screen and (min-width: 1020px) {
    #navigation {
      height: auto; }
      #navigation .main-nav {
        margin-top: 138px; }
        #navigation .main-nav li {
          margin: 19px 0 0; }
          #navigation .main-nav li a {
            font-size: 4.25em; }
      #navigation .social-links {
        margin-top: 100px;
        padding-top: 20px; }
        #navigation .social-links .address p {
          font-size: 1em; }
        #navigation .social-links ul, #navigation .social-links .single-post .post-text ol, .single-post .post-text #navigation .social-links ol {
          margin-top: 25px; } }
  @media only screen and (min-width: desktoppx) {
    #navigation else {
      height: auto; }
      #navigation else .main-nav {
        margin-top: 138px; }
        #navigation else .main-nav li {
          margin: 19px 0 0; }
          #navigation else .main-nav li a {
            font-size: 4.25em; }
      #navigation else .social-links {
        margin-top: 100px;
        padding-top: 20px; }
        #navigation else .social-links .address p {
          font-size: 1em; }
        #navigation else .social-links ul, #navigation else .social-links .single-post .post-text ol, .single-post .post-text #navigation else .social-links ol {
          margin-top: 25px; } }
  @media only screen and (min-width: 1020px) and (min-height: 870px) {
    #navigation {
      height: 100%; }
      #navigation .social-links {
        bottom: 0;
        position: absolute;
        width: 100%; } }

@font-face {
  font-family: 'kooba';
  src: url("fonts/kooba.eot?6r3d96");
  src: url("fonts/kooba.eot?6r3d96#iefix") format("embedded-opentype"), url("fonts/kooba.woff2?6r3d96") format("woff2"), url("fonts/kooba.ttf?6r3d96") format("truetype"), url("fonts/kooba.woff?6r3d96") format("woff"), url("fonts/kooba.svg?6r3d96#kooba") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'kooba' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-linkedin:before {
  content: "\e901"; }

.icon-london:before {
  content: "\e900"; }

.icon-instagram:before {
  content: "\e902"; }

.icon-bespoke-development:before {
  content: "\e603"; }

.icon-digital-strategy:before {
  content: "\e604"; }

.icon-ux:before {
  content: "\e605"; }

.icon-design:before {
  content: "\e614"; }

.icon-checked:before {
  content: "\e606"; }

.icon-tick:before {
  content: "\e613"; }

.icon-googleplus:before {
  content: "\e612"; }

.icon-quotes:before {
  content: "\e611"; }

.icon-arr-next:before {
  content: "\e60f"; }

.icon-arr-prev:before {
  content: "\e610"; }

.icon-menu:before {
  content: "\e608"; }

.icon-menu-close:before {
  content: "\e60e"; }

.icon-dribbble:before {
  content: "\e60b"; }

.icon-facebook:before {
  content: "\e60c"; }

.icon-twitter:before {
  content: "\e60d"; }

.icon-berlin:before {
  content: "\e609"; }

.icon-dublin:before {
  content: "\e60a"; }

.icon-tag:before {
  content: "\e607"; }

.icon-wreath-right:before {
  content: "\e600"; }

.icon-wreath-left:before {
  content: "\e601"; }

.icon-kooba-brand:before {
  content: "\e602"; }

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.wf-loading {
  opacity: 0; }

.wf-active {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }

/* Clearfix */
.group, footer, #navigation, #navigation .social-links .wrapper, #navigation .social-links ul, #navigation .social-links .single-post .post-text ol, .single-post .post-text #navigation .social-links ol, .wrapper, #awards .awards-wrapper .inner-wrapper, .casestudy-wrapper, #what-we-do .bottom .photo-grid, #contact-details .dublin, #contact-details .berlin, .pagination ul, .pagination .single-post .post-text ol, .single-post .post-text .pagination ol, #twitter .tweets, .plain-strip .strip-text, .plain-strip .strip-image, form, form .checkbox-group, form .radio-group, #blogpost-list .blog, #blogpost-list .author-details, .single-post .author-details, .single-post .archives ul, .single-post .archives .post-text ol, .single-post .post-text .archives ol, .single-post .read-next, .single-post .author-bio, .case-study-images, .case-study-images .left-images, .case-study-images .right-images {
  *zoom: 1; }
  .group:before, .group:after, footer:before, #navigation:before, #navigation .social-links .wrapper:before, #navigation .social-links ul:before, #navigation .social-links .single-post .post-text ol:before, .single-post .post-text #navigation .social-links ol:before, .wrapper:before, #awards .awards-wrapper .inner-wrapper:before, .casestudy-wrapper:before, #what-we-do .bottom .photo-grid:before, #contact-details .dublin:before, #contact-details .berlin:before, .pagination ul:before, .pagination .single-post .post-text ol:before, .single-post .post-text .pagination ol:before, #twitter .tweets:before, .plain-strip .strip-text:before, .plain-strip .strip-image:before, form:before, form .checkbox-group:before, form .radio-group:before, #blogpost-list .blog:before, #blogpost-list .author-details:before, .single-post .author-details:before, .single-post .archives ul:before, .single-post .archives .post-text ol:before, .single-post .post-text .archives ol:before, .single-post .read-next:before, .single-post .author-bio:before, .case-study-images:before, .case-study-images .left-images:before, .case-study-images .right-images:before, footer:after, #navigation:after, #navigation .social-links .wrapper:after, #navigation .social-links ul:after, #navigation .social-links .single-post .post-text ol:after, .single-post .post-text #navigation .social-links ol:after, .wrapper:after, #awards .awards-wrapper .inner-wrapper:after, .casestudy-wrapper:after, #what-we-do .bottom .photo-grid:after, #contact-details .dublin:after, #contact-details .berlin:after, .pagination ul:after, .pagination .single-post .post-text ol:after, .single-post .post-text .pagination ol:after, #twitter .tweets:after, .plain-strip .strip-text:after, .plain-strip .strip-image:after, form:after, form .checkbox-group:after, form .radio-group:after, #blogpost-list .blog:after, #blogpost-list .author-details:after, .single-post .author-details:after, .single-post .archives ul:after, .single-post .archives .post-text ol:after, .single-post .post-text .archives ol:after, .single-post .read-next:after, .single-post .author-bio:after, .case-study-images:after, .case-study-images .left-images:after, .case-study-images .right-images:after {
    content: "";
    display: table; }
  .group:after, footer:after, #navigation:after, #navigation .social-links .wrapper:after, #navigation .social-links ul:after, #navigation .social-links .single-post .post-text ol:after, .single-post .post-text #navigation .social-links ol:after, .wrapper:after, #awards .awards-wrapper .inner-wrapper:after, .casestudy-wrapper:after, #what-we-do .bottom .photo-grid:after, #contact-details .dublin:after, #contact-details .berlin:after, .pagination ul:after, .pagination .single-post .post-text ol:after, .single-post .post-text .pagination ol:after, #twitter .tweets:after, .plain-strip .strip-text:after, .plain-strip .strip-image:after, form:after, form .checkbox-group:after, form .radio-group:after, #blogpost-list .blog:after, #blogpost-list .author-details:after, .single-post .author-details:after, .single-post .archives ul:after, .single-post .archives .post-text ol:after, .single-post .post-text .archives ol:after, .single-post .read-next:after, .single-post .author-bio:after, .case-study-images:after, .case-study-images .left-images:after, .case-study-images .right-images:after {
    clear: both; }

img {
  vertical-align: bottom; }

a {
  outline: none;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out; }

body {
  background: #faf8f2;
  font: 400 1em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.3em;
  height: 100%;
  overflow-x: hidden;
  position: relative;
  width: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear; }
  body.overflow {
    overflow: hidden; }
  body.loaded {
    opacity: 1; }
  @media only screen and (min-width: 1020px) {
    body {
      padding: 5px; } }
  @media only screen and (min-width: desktoppx) {
    body else {
      padding: 5px; } }

.wrapper {
  margin: 0 auto; }

h1, h2, h3, h4, h5, h6 {
  color: #455454;
  font: 700 3.1875em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
    font-weight: 800;
    font-style: italic;
    font-family: "acta-display", Georgia, "Times New Roman", Times, serif;
    letter-spacing: -0.025em; }
  h1 .descriptor, h2 .descriptor, h3 .descriptor, h4 .descriptor, h5 .descriptor, h6 .descriptor {
    color: #455454;
    display: block;
    font: 400 0.2745098039em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: 0.075em;
    margin-bottom: -3px; }
  @media only screen and (min-width: 760px) {
    h1, h2, h3, h4, h5, h6 {
      font-size: 8.75em;
      letter-spacing: -0.045em; }
      h1 .descriptor, h2 .descriptor, h3 .descriptor, h4 .descriptor, h5 .descriptor, h6 .descriptor {
        font-size: 0.1285714286em;
        margin-bottom: -10px; } }
  @media only screen and (min-width: tabletpx) {
    h1 else, h2 else, h3 else, h4 else, h5 else, h6 else {
      font-size: 8.75em;
      letter-spacing: -0.045em; }
      h1 else .descriptor, h2 else .descriptor, h3 else .descriptor, h4 else .descriptor, h5 else .descriptor, h6 else .descriptor {
        font-size: 0.1285714286em;
        margin-bottom: -10px; } }
  @media only screen and (min-width: 1020px) {
    h1, h2, h3, h4, h5, h6 {
      font-size: 10.3125em; }
      h1 .descriptor, h2 .descriptor, h3 .descriptor, h4 .descriptor, h5 .descriptor, h6 .descriptor {
        font-size: 0.1090909091em;
        margin-bottom: -10px; } }
  @media only screen and (min-width: desktoppx) {
    h1 else, h2 else, h3 else, h4 else, h5 else, h6 else {
      font-size: 10.3125em; }
      h1 else .descriptor, h2 else .descriptor, h3 else .descriptor, h4 else .descriptor, h5 else .descriptor, h6 else .descriptor {
        font-size: 0.1090909091em;
        margin-bottom: -10px; } }

h2.small-strip-header {
  color: #455454;
  font: 400 0.875em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.075em;
  text-align: center; }
  @media only screen and (min-width: 760px) {
    h2.small-strip-header {
      font-size: 1.125em; } }
  @media only screen and (min-width: tabletpx) {
    h2.small-strip-header else {
      font-size: 1.125em; } }
h2 .descriptor {
  margin-bottom: 0; }
@media only screen and (min-width: 760px) {
  h2 {
    font-size: 5.6875em;
    letter-spacing: -0.045em; }
    h2 .descriptor {
      font-size: 0.1978021978em; } }
@media only screen and (min-width: tabletpx) {
  h2 else {
    font-size: 5.6875em;
    letter-spacing: -0.045em; }
    h2 else .descriptor {
      font-size: 0.1978021978em; } }
@media only screen and (min-width: 1020px) {
  h2 {
    font-size: 5.6875em; }
    h2 .descriptor {
      font-size: 0.1978021978em; } }
@media only screen and (min-width: desktoppx) {
  h2 else {
    font-size: 5.6875em; }
    h2 else .descriptor {
      font-size: 0.1978021978em; } }

h3 {
  font-size: 2.375em; }
  @media only screen and (min-width: 760px) {
    h3 {
      font-size: 4.25em; } }
  @media only screen and (min-width: tabletpx) {
    h3 else {
      font-size: 4.25em; } }

h4 {
  font-size: 1.3125em; }
  @media only screen and (min-width: 760px) {
    h4 {
      font-size: 2.375em;
      line-height: 1.25em; } }
  @media only screen and (min-width: tabletpx) {
    h4 else {
      font-size: 2.375em;
      line-height: 1.25em; } }

h5 {
  font-size: 1.3125em; }
  @media only screen and (min-width: 760px) {
    h5 {
      font-size: 2.375em;
      line-height: 1.25em; } }
  @media only screen and (min-width: tabletpx) {
    h5 else {
      font-size: 2.375em;
      line-height: 1.25em; } }

h6 {
  font-size: 1em;
  line-height: 1.4em; }
  @media only screen and (min-width: 760px) {
    h6 {
      font-size: 1.3125em;
      line-height: 1.3em; } }
  @media only screen and (min-width: tabletpx) {
    h6 else {
      font-size: 1.3125em;
      line-height: 1.3em; } }
  @media only screen and (min-width: 1200px) {
    h6 {
      font-size: 1.75em; } }
  @media only screen and (min-width: large-desktoppx) {
    h6 else {
      font-size: 1.75em; } }

p {
  color: #455454;
  font: 400 1em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.04em;
  line-height: 1.65em; }
  p strong {
    font-weight: bold; }

.sans-serif {
  font-family: "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: -0.025em; }

.serif {
  font-weight: 800;
  font-style: italic;
  font-family: "acta-display", Georgia, "Times New Roman", Times, serif;
  letter-spacing: -0.025em;
  position: relative;
  z-index: 2; }

.right {
  margin-left: -0.5em; }
  @media only screen and (min-width: 1020px) {
    .right {
      margin-left: -0.45em; } }
  @media only screen and (min-width: desktoppx) {
    .right else {
      margin-left: -0.45em; } }

.main-btn {
  background: #57fccd;
  color: #333333;
  display: block;
  font: 700 1em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.025em;
  margin: 16px auto;
  padding: 14px 10px 13px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 240px; }
  .main-btn.large {
    font-size: 1.3125em;
    width: 296px; }
  .main-btn:hover {
    background: #4bd0aa; }
  @media only screen and (min-width: 760px) {
    .main-btn {
      font-size: 1.3125em;
      padding: 17px 10px 16px;
      width: 296px; } }
  @media only screen and (min-width: tabletpx) {
    .main-btn else {
      font-size: 1.3125em;
      padding: 17px 10px 16px;
      width: 296px; } }

.ghost-btn {
  border: 2px solid #fff;
  color: #fff;
  display: block;
  font: 700 1em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.025em;
  margin: 16px auto;
  padding: 12px 10px 11px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 240px; }
  .ghost-btn:hover {
    background: #fff;
    color: #455454; }
  .ghost-btn.thin-btn {
    border: 1px solid #fff;
    padding: 8px 10px 7px;
    width: 220px; }
  .ghost-btn.teal {
    border: 2px solid #9ec6c5;
    color: #9ec6c5; }
    .ghost-btn.teal:hover {
      background: #9ec6c5;
      color: #fff; }
  @media only screen and (min-width: 760px) {
    .ghost-btn {
      font-size: 1.3125em;
      padding: 15px 10px 14px;
      width: 296px; } }
  @media only screen and (min-width: tabletpx) {
    .ghost-btn else {
      font-size: 1.3125em;
      padding: 15px 10px 14px;
      width: 296px; } }

code, pre {
  background-color: #f2f0eb;
  color: #52514f;
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 0.8125em;
  padding: .15625em .3125em;
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  word-wrap: break-word; }

#large-banner {
  position: relative; }
  #large-banner figure, #large-banner picture {
    display: block;
    height: 432px;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    #large-banner figure img, #large-banner picture img {
      left: -9999px;
      height: 432px;
      margin: 0 auto;
      position: absolute;
      right: -9999px; }
  #large-banner picture:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5); }
  #large-banner .banner-overlay {
    position: absolute;
    top: 65px;
    /* Change to 80px when yes badge is removed */
    width: 100%;
    z-index: 2; }
    #large-banner .banner-overlay .yes-badge {
      height: 60px;
      left: 7%;
      position: absolute;
      top: -24px;
      width: 60px; }
      #large-banner .banner-overlay .yes-badge img {
        left: 0;
        height: 60px;
        margin: 0 auto;
        position: relative;
        right: 0;
        width: 60px; }
    #large-banner .banner-overlay h1, #large-banner .banner-overlay h2, #large-banner .banner-overlay h3, #large-banner .banner-overlay h4, #large-banner .banner-overlay h5, #large-banner .banner-overlay h6 {
      color: #fff;
      text-align: center; }
      #large-banner .banner-overlay h1 .serif, #large-banner .banner-overlay h2 .serif, #large-banner .banner-overlay h3 .serif, #large-banner .banner-overlay h4 .serif, #large-banner .banner-overlay h5 .serif, #large-banner .banner-overlay h6 .serif {
        color: #57fccd; }
    #large-banner .banner-overlay h5 {
      margin: 18px 0 21px; }
      #large-banner .banner-overlay h5 strong {
        color: #455454; }
    #large-banner .banner-overlay .first-line, #large-banner .banner-overlay .second-line {
      display: block;
      line-height: 0.85; }
    #large-banner .banner-overlay .first-line {
      margin-top: 11px; }
  #large-banner.home-page .banner-overlay h5 strong {
    color: #57fccd; }
  #large-banner.home-page .banner-overlay h1 span.descriptor, #large-banner.home-page .banner-overlay h2 span.descriptor, #large-banner.home-page .banner-overlay h3 span.descriptor, #large-banner.home-page .banner-overlay h4 span.descriptor, #large-banner.home-page .banner-overlay h5 span.descriptor, #large-banner.home-page .banner-overlay h6 span.descriptor {
    color: #fff; }
  @media screen and (min-width: 1020px) {
    #large-banner.home-page .sans-serif {
      font-size: 130px; }
    #large-banner.home-page .serif {
      font-size: 130px; }
    #large-banner.home-page h5 {
      font-size: 28px;
      max-width: 800px;
      margin: 0 auto;
      line-height: 1.4em; } }
  @media screen and (min-width: 1200px) {
    #large-banner.home-page .sans-serif {
      font-size: 150px; }
    #large-banner.home-page .serif {
      font-size: 150px; }
    #large-banner.home-page h5 {
      font-size: 36px;
      max-width: 800px;
      margin: 0 auto !important; }
    #large-banner.home-page .wrapper {
      max-width: 1050px; } }
  #large-banner.case-study figure, #large-banner.case-study figure img, #large-banner.case-study picture, #large-banner.case-study picture img {
    height: 427px; }
  #large-banner.case-study .banner-overlay h1 span, #large-banner.case-study .banner-overlay h2 span, #large-banner.case-study .banner-overlay h3 span, #large-banner.case-study .banner-overlay h4 span, #large-banner.case-study .banner-overlay h5 span, #large-banner.case-study .banner-overlay h6 span {
    color: #fff; }
  #large-banner.case-study .banner-overlay .client-logo {
    text-align: center;
    position: relative;
    top: 14px; }
    #large-banner.case-study .banner-overlay .client-logo img {
      height: auto;
      width: 178px; }
  #large-banner.case-study .banner-overlay h5 {
    font-size: 17px;
    font-weight: 400;
    margin: 35px auto 0 auto; }
    @media screen and (min-width: 760px) {
      #large-banner.case-study .banner-overlay h5 {
        font-size: 22px !important; } }
    @media screen and (min-width: 1020px) {
      #large-banner.case-study .banner-overlay h5 {
        font-size: 26px;
        margin: 40px auto 0 auto; } }
    #large-banner.case-study .banner-overlay h5 strong {
      color: #455454; }
  #large-banner.contact figure, #large-banner.contact picture {
    height: 447px; }
    #large-banner.contact figure img, #large-banner.contact picture img {
      bottom: auto;
      height: 447px;
      left: auto;
      margin: 0;
      right: 0;
      top: 0; }
  #large-banner.contact .banner-overlay h2 .serif {
    color: #455454; }
  #large-banner.services .wrapper {
    padding: 0 10px; }
  #large-banner.services figure, #large-banner.services picture {
    height: 447px; }
    #large-banner.services figure img, #large-banner.services picture img {
      height: 447px; }
  #large-banner.services .banner-overlay h1 .descriptor, #large-banner.services .banner-overlay h2 .descriptor, #large-banner.services .banner-overlay h3 .descriptor, #large-banner.services .banner-overlay h4 .descriptor, #large-banner.services .banner-overlay h5 .descriptor, #large-banner.services .banner-overlay h6 .descriptor {
    color: #fff; }
  #large-banner.services .banner-overlay h5 strong {
    color: #57fccd; }
  #large-banner.project-planner figure, #large-banner.project-planner picture {
    height: 1280px; }
    #large-banner.project-planner figure img, #large-banner.project-planner picture img {
      left: -9999px;
      height: auto;
      margin: 0 auto;
      min-height: 100%;
      min-width: 100%;
      right: -9999px; }
  #large-banner.project-planner .banner-overlay {
    top: 98px; }
    #large-banner.project-planner .banner-overlay h1 .descriptor, #large-banner.project-planner .banner-overlay h2 .descriptor, #large-banner.project-planner .banner-overlay h3 .descriptor, #large-banner.project-planner .banner-overlay h4 .descriptor, #large-banner.project-planner .banner-overlay h5 .descriptor, #large-banner.project-planner .banner-overlay h6 .descriptor {
      color: #fff; }
    #large-banner.project-planner .banner-overlay p {
      color: #fff;
      line-height: 1.45em;
      margin-top: 28px;
      text-align: center; }
  #large-banner.video-header {
    position: relative;
    z-index: 0; }
    #large-banner.video-header video {
      display: none; }
  #large-banner .wrapper {
    max-width: 960px;
    padding: 0 10px; }
  @media only screen and (min-width: 400px) {
    #large-banner .wrapper {
      padding: 0 25px; }
    #large-banner .banner-overlay {
      /* Yes Badge Delete when badge is removed */ }
      #large-banner .banner-overlay .yes-badge {
        left: 15%; } }
  @media only screen and (min-width: 480px) {
    #large-banner .banner-overlay {
      /* Yes Badge Delete when badge is removed */ }
      #large-banner .banner-overlay .yes-badge {
        left: 23%; } }
  @media only screen and (min-width: 760px) {
    #large-banner .wrapper {
      max-width: 940px;
      padding: 0 10px; }
    #large-banner figure, #large-banner picture {
      height: 670px; }
      #large-banner figure img, #large-banner picture img {
        margin-top: -15%;
        height: auto; }
    #large-banner .banner-overlay {
      /* Yes Badge Delete when badge is removed */ }
      #large-banner .banner-overlay .yes-badge {
        height: 140px;
        left: 5%;
        top: -78px;
        width: 140px; }
        #large-banner .banner-overlay .yes-badge img {
          height: 140px;
          width: 140px; }
    #large-banner.case-study figure, #large-banner.case-study picture {
      height: 694px; }
      #large-banner.case-study figure img, #large-banner.case-study picture img {
        margin-top: 0;
        height: 694px; }
    #large-banner.case-study .banner-overlay .client-logo {
      margin-top: 30px; }
      #large-banner.case-study .banner-overlay .client-logo img {
        max-width: 425px; }
    #large-banner.case-study .banner-overlay h5 {
      font-size: 26px;
      font-weight: 400; }
    #large-banner.contact figure, #large-banner.contact picture {
      height: 576px; }
      #large-banner.contact figure img, #large-banner.contact picture img {
        height: 576px;
        left: auto;
        right: 0; }
    #large-banner.services figure, #large-banner.services picture {
      height: 823px; }
      #large-banner.services figure img, #large-banner.services picture img {
        height: 823px;
        margin-top: 0; }
    #large-banner.services .banner-overlay h1, #large-banner.services .banner-overlay h2, #large-banner.services .banner-overlay h3, #large-banner.services .banner-overlay h4, #large-banner.services .banner-overlay h5, #large-banner.services .banner-overlay h6 {
      font-size: 5.6875em; }
      #large-banner.services .banner-overlay h1 .descriptor, #large-banner.services .banner-overlay h2 .descriptor, #large-banner.services .banner-overlay h3 .descriptor, #large-banner.services .banner-overlay h4 .descriptor, #large-banner.services .banner-overlay h5 .descriptor, #large-banner.services .banner-overlay h6 .descriptor {
        font-size: 0.1978021978em;
        line-height: 1;
        margin-bottom: 1px; }
    #large-banner.services .banner-overlay h5 {
      font-size: 2.375em;
      margin: 5px 0 21px; }
    #large-banner .banner-overlay {
      top: 177px; }
      #large-banner .banner-overlay h5 {
        margin: 12px 0 21px; }
      #large-banner .banner-overlay .first-line, #large-banner .banner-overlay .second-line {
        line-height: 0.95; }
      #large-banner .banner-overlay .first-line {
        line-height: 0.93;
        margin-top: 28px; }
    #large-banner .buttons {
      *zoom: 1;
      margin: 0 auto;
      width: 610px; }
      #large-banner .buttons:before, #large-banner .buttons:after {
        content: "";
        display: table; }
      #large-banner .buttons:after {
        clear: both; }
      #large-banner .buttons .main-btn {
        float: left; }
    #large-banner.project-planner .banner-overlay {
      top: 130px; }
      #large-banner.project-planner .banner-overlay h1, #large-banner.project-planner .banner-overlay h2, #large-banner.project-planner .banner-overlay h3, #large-banner.project-planner .banner-overlay h4, #large-banner.project-planner .banner-overlay h5, #large-banner.project-planner .banner-overlay h6 {
        font-size: 5.6875em; }
        #large-banner.project-planner .banner-overlay h1 .descriptor, #large-banner.project-planner .banner-overlay h2 .descriptor, #large-banner.project-planner .banner-overlay h3 .descriptor, #large-banner.project-planner .banner-overlay h4 .descriptor, #large-banner.project-planner .banner-overlay h5 .descriptor, #large-banner.project-planner .banner-overlay h6 .descriptor {
          font-size: 0.1978021978em; }
      #large-banner.project-planner .banner-overlay p {
        line-height: 1.6;
        margin-top: 19px; }
    #large-banner.video-header img {
      display: none; }
    #large-banner.video-header video {
      display: block;
      bottom: -9999px;
      height: 580px;
      left: -9999px;
      margin: auto;
      min-width: 100%;
      min-height: 100%;
      position: absolute;
      right: -9999px;
      top: -9999px;
      width: 1926px; } }
  @media only screen and (min-width: tabletpx) {
    #large-banner else .wrapper {
      max-width: 940px;
      padding: 0 10px; }
    #large-banner else figure, #large-banner else picture {
      height: 670px; }
      #large-banner else figure img, #large-banner else picture img {
        margin-top: -15%;
        height: auto; }
    #large-banner else .banner-overlay {
      /* Yes Badge Delete when badge is removed */ }
      #large-banner else .banner-overlay .yes-badge {
        height: 140px;
        left: 5%;
        top: -78px;
        width: 140px; }
        #large-banner else .banner-overlay .yes-badge img {
          height: 140px;
          width: 140px; }
    #large-banner else.case-study figure, #large-banner else.case-study picture {
      height: 694px; }
      #large-banner else.case-study figure img, #large-banner else.case-study picture img {
        margin-top: 0;
        height: 694px; }
    #large-banner else.case-study .banner-overlay .client-logo {
      margin-top: 30px; }
      #large-banner else.case-study .banner-overlay .client-logo img {
        max-width: 425px; }
    #large-banner else.case-study .banner-overlay h5 {
      font-size: 26px;
      font-weight: 400; }
    #large-banner else.contact figure, #large-banner else.contact picture {
      height: 576px; }
      #large-banner else.contact figure img, #large-banner else.contact picture img {
        height: 576px;
        left: auto;
        right: 0; }
    #large-banner else.services figure, #large-banner else.services picture {
      height: 823px; }
      #large-banner else.services figure img, #large-banner else.services picture img {
        height: 823px;
        margin-top: 0; }
    #large-banner else.services .banner-overlay h1, #large-banner else.services .banner-overlay h2, #large-banner else.services .banner-overlay h3, #large-banner else.services .banner-overlay h4, #large-banner else.services .banner-overlay h5, #large-banner else.services .banner-overlay h6 {
      font-size: 5.6875em; }
      #large-banner else.services .banner-overlay h1 .descriptor, #large-banner else.services .banner-overlay h2 .descriptor, #large-banner else.services .banner-overlay h3 .descriptor, #large-banner else.services .banner-overlay h4 .descriptor, #large-banner else.services .banner-overlay h5 .descriptor, #large-banner else.services .banner-overlay h6 .descriptor {
        font-size: 0.1978021978em;
        line-height: 1;
        margin-bottom: 1px; }
    #large-banner else.services .banner-overlay h5 {
      font-size: 2.375em;
      margin: 5px 0 21px; }
    #large-banner else .banner-overlay {
      top: 177px; }
      #large-banner else .banner-overlay h5 {
        margin: 12px 0 21px; }
      #large-banner else .banner-overlay .first-line, #large-banner else .banner-overlay .second-line {
        line-height: 0.95; }
      #large-banner else .banner-overlay .first-line {
        line-height: 0.93;
        margin-top: 28px; }
    #large-banner else .buttons {
      *zoom: 1;
      margin: 0 auto;
      width: 610px; }
      #large-banner else .buttons:before, #large-banner else .buttons:after {
        content: "";
        display: table; }
      #large-banner else .buttons:after {
        clear: both; }
      #large-banner else .buttons .main-btn {
        float: left; }
    #large-banner else.project-planner .banner-overlay {
      top: 130px; }
      #large-banner else.project-planner .banner-overlay h1, #large-banner else.project-planner .banner-overlay h2, #large-banner else.project-planner .banner-overlay h3, #large-banner else.project-planner .banner-overlay h4, #large-banner else.project-planner .banner-overlay h5, #large-banner else.project-planner .banner-overlay h6 {
        font-size: 5.6875em; }
        #large-banner else.project-planner .banner-overlay h1 .descriptor, #large-banner else.project-planner .banner-overlay h2 .descriptor, #large-banner else.project-planner .banner-overlay h3 .descriptor, #large-banner else.project-planner .banner-overlay h4 .descriptor, #large-banner else.project-planner .banner-overlay h5 .descriptor, #large-banner else.project-planner .banner-overlay h6 .descriptor {
          font-size: 0.1978021978em; }
      #large-banner else.project-planner .banner-overlay p {
        line-height: 1.6;
        margin-top: 19px; }
    #large-banner else.video-header img {
      display: none; }
    #large-banner else.video-header video {
      display: block;
      bottom: -9999px;
      height: 580px;
      left: -9999px;
      margin: auto;
      min-width: 100%;
      min-height: 100%;
      position: absolute;
      right: -9999px;
      top: -9999px;
      width: 1926px; } }
  @media only screen and (min-width: 1000px) {
    #large-banner.contact figure, #large-banner.contact picture {
      height: 581px; }
      #large-banner.contact figure img, #large-banner.contact picture img {
        height: 581px;
        min-height: 0; } }
  @media only screen and (min-width: 1020px) {
    #large-banner figure, #large-banner picture {
      height: 896px; }
      #large-banner figure img, #large-banner picture img {
        margin-top: 0;
        min-height: 896px;
        min-width: 100%; }
    #large-banner .banner-overlay {
      /* Yes Badge Delete when badge is removed */ }
      #large-banner .banner-overlay .yes-badge {
        left: 82%;
        top: -66px;
        z-index: 4; }
        #large-banner .banner-overlay .yes-badge img {
          min-height: 0; }
    #large-banner.case-study figure, #large-banner.case-study figure img, #large-banner.case-study picture, #large-banner.case-study picture img {
      height: 939px; }
    #large-banner.case-study .banner-overlay h5 {
      font-size: 26px;
      font-weight: 400; }
    #large-banner .buttons {
      margin-top: 63px; }
    #large-banner .banner-overlay {
      top: 177px; }
      #large-banner .banner-overlay h5 {
        margin: 12px 0 21px; }
    #large-banner.services figure, #large-banner.services picture {
      height: 900px; }
      #large-banner.services figure img, #large-banner.services picture img {
        height: 900px; }
    #large-banner.services .banner-overlay {
      top: 239px; }
      #large-banner.services .banner-overlay h5 {
        margin-top: 7px; }
    #large-banner.project-planner .banner-overlay {
      top: 165px; } }
  @media only screen and (min-width: desktoppx) {
    #large-banner else figure, #large-banner else picture {
      height: 896px; }
      #large-banner else figure img, #large-banner else picture img {
        margin-top: 0;
        min-height: 896px;
        min-width: 100%; }
    #large-banner else .banner-overlay {
      /* Yes Badge Delete when badge is removed */ }
      #large-banner else .banner-overlay .yes-badge {
        left: 82%;
        top: -66px;
        z-index: 4; }
        #large-banner else .banner-overlay .yes-badge img {
          min-height: 0; }
    #large-banner else.case-study figure, #large-banner else.case-study figure img, #large-banner else.case-study picture, #large-banner else.case-study picture img {
      height: 939px; }
    #large-banner else.case-study .banner-overlay h5 {
      font-size: 26px;
      font-weight: 400; }
    #large-banner else .buttons {
      margin-top: 63px; }
    #large-banner else .banner-overlay {
      top: 177px; }
      #large-banner else .banner-overlay h5 {
        margin: 12px 0 21px; }
    #large-banner else.services figure, #large-banner else.services picture {
      height: 900px; }
      #large-banner else.services figure img, #large-banner else.services picture img {
        height: 900px; }
    #large-banner else.services .banner-overlay {
      top: 239px; }
      #large-banner else.services .banner-overlay h5 {
        margin-top: 7px; }
    #large-banner else.project-planner .banner-overlay {
      top: 165px; } }
  @media only screen and (min-width: 1025px) {
    #large-banner.video-header video {
      height: auto;
      width: auto; } }
  @media only screen and (min-width: 1300px) {
    #large-banner .banner-overlay {
      /* Yes Badge Delete when badge is removed */ }
      #large-banner .banner-overlay .yes-badge {
        left: 69%; } }
  @media only screen and (min-width: 1600px) {
    #large-banner .banner-overlay {
      /* Yes Badge Delete when badge is removed */ }
      #large-banner .banner-overlay .yes-badge {
        left: 65%; }
    #large-banner.contact figure img, #large-banner.contact picture img {
      left: -9999px;
      height: auto;
      margin: 0 auto;
      min-height: 100%;
      right: -9999px; }
    #large-banner.services figure, #large-banner.services picture {
      height: 900px; }
      #large-banner.services figure img, #large-banner.services picture img {
        height: auto;
        min-height: 100%; } }

#inner-banner {
  background: #faf8f2;
  padding-bottom: 43px;
  position: relative; }
  #inner-banner picture:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.5); }
  #inner-banner .banner-overlay {
    position: relative;
    z-index: 3; }
  #inner-banner.journal, #inner-banner.journal-detail {
    padding-bottom: 37px; }
  #inner-banner.journal-detail {
    padding: 0; }
    #inner-banner.journal-detail .banner-overlay {
      margin: -82px auto 0;
      max-width: 320px;
      padding: 0 5px; }
      #inner-banner.journal-detail .banner-overlay h2 {
        font-size: 2.375em;
        line-height: 1.05em; }
        #inner-banner.journal-detail .banner-overlay h2 .descriptor {
          font-size: 14px;
          margin-bottom: 5px; }
  #inner-banner .wrapper {
    max-width: 760px; }
  #inner-banner figure, #inner-banner picture {
    display: block; }
    #inner-banner figure img, #inner-banner picture img {
      width: 100%; }
  #inner-banner .banner-overlay {
    margin-top: -46px;
    padding: 0 15px;
    position: relative;
    text-align: center;
    z-index: 2; }
    #inner-banner .banner-overlay h2 .descriptor {
      color: #fff;
      line-height: 1; }
    #inner-banner .banner-overlay h2 .sans-serif {
      color: #9ec6c5; }
  @media only screen and (min-width: 760px) {
    #inner-banner {
      padding-bottom: 62px; }
      #inner-banner figure, #inner-banner picture {
        height: 318px;
        overflow: hidden;
        position: relative;
        z-index: 0; }
        #inner-banner figure img, #inner-banner picture img {
          bottom: -9999px;
          left: -9999px;
          margin: auto;
          min-height: 100%;
          min-width: 100%;
          position: absolute;
          right: -9999px;
          top: -9999px;
          width: auto; }
      #inner-banner .banner-overlay {
        margin-top: -75px; }
        #inner-banner .banner-overlay p {
          margin-top: 5px; }
      #inner-banner.journal-detail .banner-overlay {
        margin: -173px auto 0;
        max-width: 750px; }
        #inner-banner.journal-detail .banner-overlay h2 {
          font-size: 5.6875em;
          line-height: 1em;
          min-height: 180px; }
          #inner-banner.journal-detail .banner-overlay h2 .descriptor {
            font-size: 18px;
            margin-bottom: 10px; } }
  @media only screen and (min-width: tabletpx) {
    #inner-banner else {
      padding-bottom: 62px; }
      #inner-banner else figure, #inner-banner else picture {
        height: 318px;
        overflow: hidden;
        position: relative;
        z-index: 0; }
        #inner-banner else figure img, #inner-banner else picture img {
          bottom: -9999px;
          left: -9999px;
          margin: auto;
          min-height: 100%;
          min-width: 100%;
          position: absolute;
          right: -9999px;
          top: -9999px;
          width: auto; }
      #inner-banner else .banner-overlay {
        margin-top: -75px; }
        #inner-banner else .banner-overlay p {
          margin-top: 5px; }
      #inner-banner else.journal-detail .banner-overlay {
        margin: -173px auto 0;
        max-width: 750px; }
        #inner-banner else.journal-detail .banner-overlay h2 {
          font-size: 5.6875em;
          line-height: 1em;
          min-height: 180px; }
          #inner-banner else.journal-detail .banner-overlay h2 .descriptor {
            font-size: 18px;
            margin-bottom: 10px; } }
  @media only screen and (min-width: 1020px) {
    #inner-banner figure, #inner-banner picture {
      height: 425px; }
    #inner-banner .banner-overlay p {
      margin-top: 7px; }
    #inner-banner.journal-detail .banner-overlay {
      margin: -169px auto 0; } }
  @media only screen and (min-width: desktoppx) {
    #inner-banner else figure, #inner-banner else picture {
      height: 425px; }
    #inner-banner else .banner-overlay p {
      margin-top: 7px; }
    #inner-banner else.journal-detail .banner-overlay {
      margin: -169px auto 0; } }

/*#awards {
	overflow: hidden;
	padding: 40px 0 30px;
	
	.awards-wrapper {
		margin: 0 auto;
		max-width: 400px;
		padding: 0 50px;
		position: relative;
		
		&:before, &:after {
			bottom: 0;
			color: $secondary;
			font-size: 70px;
			font-family: 'kooba';
			font-style: normal;
			font-weight: normal;
			font-variant: normal;
			line-height: 1;
			position: absolute;
			speak: none;
			text-transform: none;
			
			
			-webkit-font-smoothing: antialiased;
			-moz-osx-font-smoothing: grayscale;
		}
		
		&:before {
			content: "\e601";
			left: -8px;
		}
		
		&:after {
			content: "\e600";
			right: -8px;
		}
		
		.inner-wrapper {
			@extend %group;
			margin-top: 15px;
		}
		
		.award {
			float: left;
			text-align: center;
			margin: 17px 5% 0;
			width: 40%;
			
			figure {
				margin-bottom: 5px;
			}
			
			img {
				height: 38px;
				width: auto;
			}
		}
		
		.award-name {
			color: $textcolour;
			display: block;
			font: 400 toem(16px) $montserrat;
		}
		
		.year {
			@extend .award-name;
			font-weight: bold;
		}
	}
	
	@include breakpoint(tablet) {
		padding: 51px 0 25px;
		
		.awards-wrapper {
			max-width: 930px;
			padding: 0 100px;
			
			&:before, &:after { 
				bottom: auto;
				font-size: 167px;
				top: -33px;
			}
			
			&:before {
				left: -29px;
			}
			
			&:after {
				right: -32px;
			}
			
			.inner-wrapper {
				margin-top: 58px;
			}
			
			.award {
				margin: 0 2.5%;
				width: 20%;
				
				img {
					height: auto;
				}
			}
		}
	}
	
	@include breakpoint(desktop) {
		padding-bottom: 30px;
		
		.awards-wrapper {
		
			.inner-wrapper {
				margin-top: 27px;
			}
		
			.award {
				margin: 0 1%;
				width: 23%;
			}
			
			.award-name {
				margin-top: 14px;
			}
			
			.year {
				margin: 0;
			}
		}
	}
}*/
#awards {
  overflow: hidden;
  padding: 4.5% 0; }
  #awards .wrapper {
    padding: 39px 15px 28px;
    position: relative; }
    #awards .wrapper:before {
      background: #f2f0eb;
      content: "";
      display: block;
      height: 100%;
      left: -99999em;
      margin: 0 auto;
      position: absolute;
      right: -99999em;
      top: 0;
      -webkit-transform: rotate(-5deg);
      transform: rotate(-5deg);
      width: 115%;
      z-index: 1; }
    #awards .wrapper h2 {
      position: relative;
      z-index: 5; }
  #awards .awards-wrapper {
    margin: 0 auto;
    max-width: 400px;
    padding: 0 50px;
    position: relative;
    z-index: 5; }
    #awards .awards-wrapper:before, #awards .awards-wrapper:after {
      bottom: 0;
      color: #f8a44e;
      font-size: 70px;
      font-family: 'kooba';
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      line-height: 1;
      position: absolute;
      speak: none;
      text-transform: none;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    #awards .awards-wrapper:before {
      content: "\e601";
      left: -8px; }
    #awards .awards-wrapper:after {
      content: "\e600";
      right: -8px; }
    #awards .awards-wrapper .inner-wrapper {
      margin-top: 15px;
      text-align: center; }
    #awards .awards-wrapper .award {
      display: inline-block;
      margin: 17px 5% 0;
      width: 39%; }
      #awards .awards-wrapper .award figure {
        margin-bottom: 5px; }
      #awards .awards-wrapper .award img {
        max-width: 100%; }
    #awards .awards-wrapper .award-name, #awards .awards-wrapper .year {
      color: #455454;
      display: block;
      font: 400 1em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #awards .awards-wrapper .year {
      font-weight: bold; }
  @media only screen and (min-width: 400px) {
    #awards .award img {
      height: 38px;
      max-width: none;
      width: auto; } }
  @media only screen and (min-width: 760px) {
    #awards .wrapper {
      padding: 27px 0 61px; }
    #awards .awards-wrapper {
      max-width: 930px;
      padding: 0 100px; }
      #awards .awards-wrapper:before, #awards .awards-wrapper:after {
        bottom: auto;
        font-size: 167px;
        top: -33px; }
      #awards .awards-wrapper:before {
        left: -29px; }
      #awards .awards-wrapper:after {
        right: -32px; }
      #awards .awards-wrapper .inner-wrapper {
        margin-top: 58px; }
      #awards .awards-wrapper .award {
        margin: 0 2.5%;
        width: 19%; }
        #awards .awards-wrapper .award img {
          height: auto; } }
  @media only screen and (min-width: tabletpx) {
    #awards else .wrapper {
      padding: 27px 0 61px; }
    #awards else .awards-wrapper {
      max-width: 930px;
      padding: 0 100px; }
      #awards else .awards-wrapper:before, #awards else .awards-wrapper:after {
        bottom: auto;
        font-size: 167px;
        top: -33px; }
      #awards else .awards-wrapper:before {
        left: -29px; }
      #awards else .awards-wrapper:after {
        right: -32px; }
      #awards else .awards-wrapper .inner-wrapper {
        margin-top: 58px; }
      #awards else .awards-wrapper .award {
        margin: 0 2.5%;
        width: 19%; }
        #awards else .awards-wrapper .award img {
          height: auto; } }
  @media only screen and (min-width: 1020px) {
    #awards {
      margin-top: -2.6%;
      padding: 6.3% 0; }
      #awards .wrapper {
        padding: 55px 15px 100px; }
        #awards .wrapper:before, #awards .wrapper:after {
          -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg); }
      #awards .awards-wrapper .inner-wrapper {
        margin-top: 27px; }
      #awards .awards-wrapper .award {
        margin: 0 1%;
        width: 22.5%; }
      #awards .awards-wrapper .award-name, #awards .awards-wrapper .year {
        margin-top: 14px; }
      #awards .awards-wrapper .year {
        margin: 0; } }
  @media only screen and (min-width: desktoppx) {
    #awards else {
      margin-top: -2.6%;
      padding: 6.3% 0; }
      #awards else .wrapper {
        padding: 55px 15px 100px; }
        #awards else .wrapper:before, #awards else .wrapper:after {
          -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg); }
      #awards else .awards-wrapper .inner-wrapper {
        margin-top: 27px; }
      #awards else .awards-wrapper .award {
        margin: 0 1%;
        width: 22.5%; }
      #awards else .awards-wrapper .award-name, #awards else .awards-wrapper .year {
        margin-top: 14px; }
      #awards else .awards-wrapper .year {
        margin: 0; } }

/*#clients {
	overflow: hidden;
	padding: 4.5% 0;
	
	.clients-wrapper {
		padding: 39px 15px 28px;
		position: relative;
		
		h2, ul {
			position: relative;
			z-index: 2;
		}
		
		&:before {
			background: $lightgrey;
			content: "";
			display: block;
			height: 100%;
			left: -99999em;
			margin: 0 auto;
			position: absolute;
			right: -99999em;
			top: 0;
				-webkit-transform: rotate(-5deg);
				-ms-transform: rotate(-5deg);
			transform: rotate(-5deg);
			width: 115%;
			z-index: 1;
		}
		
		ul {
			font-size: 0;
			max-width: 500px;
			margin: 25px auto 0;
			text-align: center;
			
			li {
				display: inline-block;
				margin-bottom: 3px;
				width: 50%;
				
				figure {
					margin: 0 auto 10px;
					width: 55%;
					
					img {
						max-width: 100%;
					}
				}
			}
		}
	}
	
	
	@include breakpoint(tablet) {
		
		
		.clients-wrapper {
			
			
			ul {
								
				li {
					width: 33.33333333%;
					
					figure {
						width: 80%;
					}
				}
			}
		}
	}
	
	
	@include breakpoint(desktop) {
		margin-top: -1.6%;
		padding: 6.3% 0;
		
		.clients-wrapper {
			padding: 50px 15px 54px;
			
			&:before, &:after {
					-webkit-transform: rotate(-7deg);
					-ms-transform: rotate(-7deg);
				transform: rotate(-7deg);
			}
			
			ul {
				margin: 22px auto 0;
				max-width: 850px;
								
				li {
					width: 20%;
					
					figure {
						width: 80%;
					}
				}
			}
		}
	}
	
}*/
#clients {
  overflow: hidden;
  padding: 40px 0 30px; }
  #clients .clients-wrapper {
    padding: 0 15px;
    position: relative; }
    #clients .clients-wrapper h2, #clients .clients-wrapper ul, #clients .clients-wrapper .single-post .post-text ol, .single-post .post-text #clients .clients-wrapper ol {
      position: relative;
      z-index: 2; }
    #clients .clients-wrapper ul, #clients .clients-wrapper .single-post .post-text ol, .single-post .post-text #clients .clients-wrapper ol {
      font-size: 0;
      max-width: 500px;
      margin: 25px auto 0;
      text-align: center; }
      #clients .clients-wrapper ul li, #clients .clients-wrapper .single-post .post-text ol li, .single-post .post-text #clients .clients-wrapper ol li {
        display: inline-block;
        margin-bottom: 3px;
        width: 50%; }
        #clients .clients-wrapper ul li figure, #clients .clients-wrapper .single-post .post-text ol li figure, .single-post .post-text #clients .clients-wrapper ol li figure {
          margin: 0 auto 10px;
          width: 55%; }
          #clients .clients-wrapper ul li figure img, #clients .clients-wrapper .single-post .post-text ol li figure img, .single-post .post-text #clients .clients-wrapper ol li figure img {
            max-width: 100%; }
  @media only screen and (min-width: 760px) {
    #clients {
      padding: 51px 0 25px; }
      #clients .clients-wrapper ul li, #clients .clients-wrapper .single-post .post-text ol li, .single-post .post-text #clients .clients-wrapper ol li {
        width: 33.33333333%; }
        #clients .clients-wrapper ul li figure, #clients .clients-wrapper .single-post .post-text ol li figure, .single-post .post-text #clients .clients-wrapper ol li figure {
          width: 80%; } }
  @media only screen and (min-width: tabletpx) {
    #clients else {
      padding: 51px 0 25px; }
      #clients else .clients-wrapper ul li, #clients else .clients-wrapper .single-post .post-text ol li, .single-post .post-text #clients else .clients-wrapper ol li {
        width: 33.33333333%; }
        #clients else .clients-wrapper ul li figure, #clients else .clients-wrapper .single-post .post-text ol li figure, .single-post .post-text #clients else .clients-wrapper ol li figure {
          width: 80%; } }
  @media only screen and (min-width: 1020px) {
    #clients {
      padding-bottom: 30px; }
      #clients .clients-wrapper ul, #clients .clients-wrapper .single-post .post-text ol, .single-post .post-text #clients .clients-wrapper ol {
        margin: 22px auto 0;
        max-width: 850px; }
        #clients .clients-wrapper ul li, #clients .clients-wrapper .single-post .post-text ol li, .single-post .post-text #clients .clients-wrapper ol li {
          width: 20%; }
          #clients .clients-wrapper ul li figure, #clients .clients-wrapper .single-post .post-text ol li figure, .single-post .post-text #clients .clients-wrapper ol li figure {
            width: 80%; } }
  @media only screen and (min-width: desktoppx) {
    #clients else {
      padding-bottom: 30px; }
      #clients else .clients-wrapper ul, #clients else .clients-wrapper .single-post .post-text ol, .single-post .post-text #clients else .clients-wrapper ol {
        margin: 22px auto 0;
        max-width: 850px; }
        #clients else .clients-wrapper ul li, #clients else .clients-wrapper .single-post .post-text ol li, .single-post .post-text #clients else .clients-wrapper ol li {
          width: 20%; }
          #clients else .clients-wrapper ul li figure, #clients else .clients-wrapper .single-post .post-text ol li figure, .single-post .post-text #clients else .clients-wrapper ol li figure {
            width: 80%; } }

#case-studies {
  position: relative; }
  #case-studies .text-wrapper {
    margin: 0 auto;
    max-width: 780px;
    padding: 15px 15px 44px;
    text-align: center; }
    #case-studies .text-wrapper h2 .sans-serif {
      color: #9ec6c5; }
    #case-studies .text-wrapper p {
      margin-top: 20px; }
  @media only screen and (min-width: 760px) {
    #case-studies .text-wrapper {
      padding: 8px 15px 62px; }
      #case-studies .text-wrapper p {
        margin-top: 5px; } }
  @media only screen and (min-width: tabletpx) {
    #case-studies else .text-wrapper {
      padding: 8px 15px 62px; }
      #case-studies else .text-wrapper p {
        margin-top: 5px; } }
  @media only screen and (min-width: 1020px) {
    #case-studies {
      margin-top: -52px; }
      #case-studies.inner {
        margin-top: 0; } }
  @media only screen and (min-width: desktoppx) {
    #case-studies else {
      margin-top: -52px; }
      #case-studies else.inner {
        margin-top: 0; } }

.casestudy-wrapper .case {
  position: relative; }
  .casestudy-wrapper .case.quote {
    padding: 36px 15px 25px;
    text-align: center; }
    .casestudy-wrapper .case.quote h6 .serif {
      color: #f8a44e; }
    .casestudy-wrapper .case.quote h6 em {
      font-family: "acta-display", Georgia, "Times New Roman", Times, serif;
      font-style: italic;
      color: #f8a44e; }
    .casestudy-wrapper .case.quote .quote-name {
      color: #455454;
      display: block;
      font: 700 0.875em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 33px;
      text-transform: uppercase; }
      .casestudy-wrapper .case.quote .quote-name .company {
        display: block;
        text-transform: none; }
        .casestudy-wrapper .case.quote .quote-name .company strong {
          color: #9ec6c5; }
  .casestudy-wrapper .case figure {
    position: relative; }
    .casestudy-wrapper .case figure:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 2;
      background: rgba(0, 0, 0, 0.2); }
    .casestudy-wrapper .case figure img {
      height: auto;
      width: 100%;
      z-index: 3; }
    .casestudy-wrapper .case figure .brand-overlay {
      left: 0;
      height: 60px;
      margin: 0 auto;
      position: absolute;
      z-index: 3;
      right: 0;
      text-align: center;
      top: 20%;
      width: 180px; }
      .casestudy-wrapper .case figure .brand-overlay img {
        bottom: 0;
        height: auto;
        left: 0;
        margin: 0 auto;
        max-height: 100%;
        max-width: 100%;
        position: absolute;
        right: 0;
        width: auto; }
  .casestudy-wrapper .case .hover {
    bottom: 10px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 10; }
    .casestudy-wrapper .case .hover h6, .casestudy-wrapper .case .hover p, .casestudy-wrapper .case .hover .tags, .casestudy-wrapper .case .hover .photo-hover {
      display: none; }
    .casestudy-wrapper .case .hover .ghost-btn {
      font-size: 1em;
      vertical-align: bottom;
      width: 200px; }
@media only screen and (min-width: 600px) {
  .casestudy-wrapper .case {
    float: left;
    width: 50%; } }
@media only screen and (min-width: 760px) {
  .casestudy-wrapper .case.quote {
    padding: 30px 10px 25px 20px;
    text-align: left; }
    .casestudy-wrapper .case.quote .quote-name {
      font-size: 1em;
      margin-top: 48px; } }
@media only screen and (min-width: tabletpx) {
  .casestudy-wrapper else .case.quote {
    padding: 30px 10px 25px 20px;
    text-align: left; }
    .casestudy-wrapper else .case.quote .quote-name {
      font-size: 1em;
      margin-top: 48px; } }
@media only screen and (min-width: 1020px) {
  .casestudy-wrapper .case figure .brand-overlay {
    height: 91px;
    margin-top: -55px;
    top: 50%;
    width: 260px; }
  .casestudy-wrapper .case.quote {
    padding: 20px 10px 25px 20px; }
    .casestudy-wrapper .case.quote .quote-name {
      margin-top: 10px; }
  .casestudy-wrapper .caseinner-wrap {
    float: left;
    width: 33.3333333333336%; }
    .casestudy-wrapper .caseinner-wrap.large {
      width: 66.6666666666667%; }
      .casestudy-wrapper .caseinner-wrap.large .case {
        width: 50%; }
      .casestudy-wrapper .caseinner-wrap.large .featured-study {
        width: 100%; }
    .casestudy-wrapper .caseinner-wrap .case {
      width: 100%; } }
@media only screen and (min-width: desktoppx) {
  .casestudy-wrapper else .case figure .brand-overlay {
    height: 91px;
    margin-top: -55px;
    top: 50%;
    width: 260px; }
  .casestudy-wrapper else .case.quote {
    padding: 20px 10px 25px 20px; }
    .casestudy-wrapper else .case.quote .quote-name {
      margin-top: 10px; }
  .casestudy-wrapper else .caseinner-wrap {
    float: left;
    width: 33.3333333333336%; }
    .casestudy-wrapper else .caseinner-wrap.large {
      width: 66.6666666666667%; }
      .casestudy-wrapper else .caseinner-wrap.large .case {
        width: 50%; }
      .casestudy-wrapper else .caseinner-wrap.large .featured-study {
        width: 100%; }
    .casestudy-wrapper else .caseinner-wrap .case {
      width: 100%; } }
@media only screen and (min-width: 1200px) {
  .casestudy-wrapper .case {
    float: left;
    width: 33.333333333333336%; }
    .casestudy-wrapper .case.quote {
      padding: 30px 10px 25px 20px; }
      .casestudy-wrapper .case.quote h6 {
        font-size: 1.3125em; }
      .casestudy-wrapper .case.quote .quote-name {
        margin-top: 46px; }
    .casestudy-wrapper .case.featured-study .hover {
      text-align: left; }
      .casestudy-wrapper .case.featured-study .hover .text-hover, .casestudy-wrapper .case.featured-study .hover .tags {
        float: left;
        padding-left: 40px;
        width: 57.35294117647059%; }
      .casestudy-wrapper .case.featured-study .hover .text-hover {
        margin-top: 75px; }
      .casestudy-wrapper .case.featured-study .hover .tags {
        bottom: 33px;
        -webkit-transform: translateY(250%);
                transform: translateY(250%); }
      .casestudy-wrapper .case.featured-study .hover p {
        color: #fff;
        display: block;
        line-height: 1.4;
        margin: 22px 0;
        padding: 0; }
      .casestudy-wrapper .case.featured-study .hover .ghost-btn {
        margin: 55px 0 0; }
      .casestudy-wrapper .case.featured-study .hover h6 {
        font-size: 2em;
        -webkit-transform: translateY(-340%);
                transform: translateY(-340%); }
        .casestudy-wrapper .case.featured-study .hover h6 span {
          font-size: 1.40625em;
          line-height: 0.85em; }
    .casestudy-wrapper .case.featured-study .photo-hover {
      bottom: 0;
      display: block;
      position: absolute;
      right: 0;
      text-align: center;
      width: 40%; }
      .casestudy-wrapper .case.featured-study .photo-hover img {
        max-height: 90%;
        max-width: 100%;
        width: auto; }
    .casestudy-wrapper .case .hover {
      bottom: 0;
      height: 100%;
      opacity: 0;
      overflow: hidden;
      padding: 35px 10px 0;
      -webkit-transition: opacity 0.4s linear;
      transition: opacity 0.4s linear;
      text-align: center; }
      .casestudy-wrapper .case .hover.prosperity {
        background: rgba(200, 0, 121, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(200, 0, 121, 0.95) 50%, rgba(200, 0, 121, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper .case .hover.century-ireland {
        background: rgba(0, 162, 95, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(0, 162, 95, 0.95) 50%, rgba(0, 162, 95, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper .case .hover.swrve {
        background: rgba(40, 51, 60, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(40, 51, 60, 0.95) 50%, rgba(40, 51, 60, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper .case .hover.help-stay {
        background: rgba(243, 192, 50, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(243, 192, 50, 0.95) 50%, rgba(243, 192, 50, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper .case .hover.athletics-ireland {
        background: rgba(97, 145, 126, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(97, 145, 126, 0.95) 50%, rgba(97, 145, 126, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper .case .hover.ncad {
        background: rgba(0, 103, 146, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(0, 103, 146, 0.95) 50%, rgba(0, 103, 146, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper .case .hover h6, .casestudy-wrapper .case .hover .tags {
        display: block;
        -webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      .casestudy-wrapper .case .hover h6 {
        color: #fff;
        font-size: 1.75em;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateY(-160%);
                transform: translateY(-160%); }
        .casestudy-wrapper .case .hover h6 span {
          display: block;
          font-size: 1.3571428571em;
          line-height: 1.35em; }
      .casestudy-wrapper .case .hover p {
        opacity: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      .casestudy-wrapper .case .hover .tags {
        bottom: 18px;
        left: 0;
        position: absolute;
        -webkit-transform: translateY(200%);
                transform: translateY(200%);
        width: 100%; }
        .casestudy-wrapper .case .hover .tags a, .casestudy-wrapper .case .hover .tags span {
          color: #fff;
          font: 0.75em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
          letter-spacing: -0.025em;
          margin-right: 15px;
          text-decoration: none;
          text-transform: uppercase; }
          .casestudy-wrapper .case .hover .tags a:before, .casestudy-wrapper .case .hover .tags span:before {
            content: "\e607";
            color: #fff;
            font-family: 'kooba';
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            speak: none;
            line-height: 1;
            padding-right: 5px;
            text-transform: none;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          .casestudy-wrapper .case .hover .tags a:hover, .casestudy-wrapper .case .hover .tags span:hover {
            color: #faf8f2; }
          .casestudy-wrapper .case .hover .tags a:last-child, .casestudy-wrapper .case .hover .tags span:last-child {
            margin-right: 0; }
    .casestudy-wrapper .case:hover .hover {
      opacity: 1; }
      .casestudy-wrapper .case:hover .hover h6, .casestudy-wrapper .case:hover .hover .tags {
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%); }
      .casestudy-wrapper .case:hover .hover p {
        opacity: 1; } }
@media only screen and (min-width: large-desktoppx) {
  .casestudy-wrapper else .case {
    float: left;
    width: 33.333333333333336%; }
    .casestudy-wrapper else .case.quote {
      padding: 30px 10px 25px 20px; }
      .casestudy-wrapper else .case.quote h6 {
        font-size: 1.3125em; }
      .casestudy-wrapper else .case.quote .quote-name {
        margin-top: 46px; }
    .casestudy-wrapper else .case.featured-study .hover {
      text-align: left; }
      .casestudy-wrapper else .case.featured-study .hover .text-hover, .casestudy-wrapper else .case.featured-study .hover .tags {
        float: left;
        padding-left: 40px;
        width: 57.35294117647059%; }
      .casestudy-wrapper else .case.featured-study .hover .text-hover {
        margin-top: 75px; }
      .casestudy-wrapper else .case.featured-study .hover .tags {
        bottom: 33px;
        -webkit-transform: translateY(250%);
                transform: translateY(250%); }
      .casestudy-wrapper else .case.featured-study .hover p {
        color: #fff;
        display: block;
        line-height: 1.4;
        margin: 22px 0;
        padding: 0; }
      .casestudy-wrapper else .case.featured-study .hover .ghost-btn {
        margin: 55px 0 0; }
      .casestudy-wrapper else .case.featured-study .hover h6 {
        font-size: 2em;
        -webkit-transform: translateY(-340%);
                transform: translateY(-340%); }
        .casestudy-wrapper else .case.featured-study .hover h6 span {
          font-size: 1.40625em;
          line-height: 0.85em; }
    .casestudy-wrapper else .case.featured-study .photo-hover {
      bottom: 0;
      display: block;
      position: absolute;
      right: 0;
      text-align: center;
      width: 40%; }
      .casestudy-wrapper else .case.featured-study .photo-hover img {
        max-height: 90%;
        max-width: 100%;
        width: auto; }
    .casestudy-wrapper else .case .hover {
      bottom: 0;
      height: 100%;
      opacity: 0;
      overflow: hidden;
      padding: 35px 10px 0;
      -webkit-transition: opacity 0.4s linear;
      transition: opacity 0.4s linear;
      text-align: center; }
      .casestudy-wrapper else .case .hover.prosperity {
        background: rgba(200, 0, 121, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(200, 0, 121, 0.95) 50%, rgba(200, 0, 121, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper else .case .hover.century-ireland {
        background: rgba(0, 162, 95, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(0, 162, 95, 0.95) 50%, rgba(0, 162, 95, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper else .case .hover.swrve {
        background: rgba(40, 51, 60, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(40, 51, 60, 0.95) 50%, rgba(40, 51, 60, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper else .case .hover.help-stay {
        background: rgba(243, 192, 50, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(243, 192, 50, 0.95) 50%, rgba(243, 192, 50, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper else .case .hover.athletics-ireland {
        background: rgba(97, 145, 126, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(97, 145, 126, 0.95) 50%, rgba(97, 145, 126, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper else .case .hover.ncad {
        background: rgba(0, 103, 146, 0.75);
        /* FF3.6+ */
        /* Chrome,Safari4+ */
        /* Chrome10+,Safari5.1+ */
        /* Opera 11.10+ */
        /* IE10+ */
        background: linear-gradient(31.5deg, rgba(0, 103, 146, 0.95) 50%, rgba(0, 103, 146, 0.75) 50%);
        /* W3C */ }
      .casestudy-wrapper else .case .hover h6, .casestudy-wrapper else .case .hover .tags {
        display: block;
        -webkit-transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      .casestudy-wrapper else .case .hover h6 {
        color: #fff;
        font-size: 1.75em;
        -webkit-backface-visibility: hidden;
        -webkit-transform: translateY(-160%);
                transform: translateY(-160%); }
        .casestudy-wrapper else .case .hover h6 span {
          display: block;
          font-size: 1.3571428571em;
          line-height: 1.35em; }
      .casestudy-wrapper else .case .hover p {
        opacity: 0;
        -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      .casestudy-wrapper else .case .hover .tags {
        bottom: 18px;
        left: 0;
        position: absolute;
        -webkit-transform: translateY(200%);
                transform: translateY(200%);
        width: 100%; }
        .casestudy-wrapper else .case .hover .tags a, .casestudy-wrapper else .case .hover .tags span {
          color: #fff;
          font: 0.75em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
          letter-spacing: -0.025em;
          margin-right: 15px;
          text-decoration: none;
          text-transform: uppercase; }
          .casestudy-wrapper else .case .hover .tags a:before, .casestudy-wrapper else .case .hover .tags span:before {
            content: "\e607";
            color: #fff;
            font-family: 'kooba';
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            speak: none;
            line-height: 1;
            padding-right: 5px;
            text-transform: none;
            /* Better Font Rendering =========== */
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale; }
          .casestudy-wrapper else .case .hover .tags a:hover, .casestudy-wrapper else .case .hover .tags span:hover {
            color: #faf8f2; }
          .casestudy-wrapper else .case .hover .tags a:last-child, .casestudy-wrapper else .case .hover .tags span:last-child {
            margin-right: 0; }
    .casestudy-wrapper else .case:hover .hover {
      opacity: 1; }
      .casestudy-wrapper else .case:hover .hover h6, .casestudy-wrapper else .case:hover .hover .tags {
        opacity: 1;
        -webkit-transform: translateY(0%);
                transform: translateY(0%); }
      .casestudy-wrapper else .case:hover .hover p {
        opacity: 1; } }
@media only screen and (min-width: 1350px) {
  .casestudy-wrapper .case .hover {
    padding: 40px 10px 0; }
  .casestudy-wrapper .case.featured-study .hover {
    padding: 70px 10px 0; }
    .casestudy-wrapper .case.featured-study .hover .text-hover {
      margin-top: 175px; }
    .casestudy-wrapper .case.featured-study .hover h6 {
      font-size: 2.375em; }
      .casestudy-wrapper .case.featured-study .hover h6 span {
        font-size: 1.3421052632em; } }
@media only screen and (min-width: 1500px) {
  .casestudy-wrapper .case.quote {
    padding-top: 47px; }
    .casestudy-wrapper .case.quote h6 {
      font-size: 1.75em; }
    .casestudy-wrapper .case.quote .quote-name {
      font-size: 1.3125em; }
      .casestudy-wrapper .case.quote .quote-name .company {
        font-size: 0.7619047619em; }
  .casestudy-wrapper .case .hover {
    padding: 40px 10px 0; }
    .casestudy-wrapper .case .hover p {
      color: #fff;
      display: block;
      margin: 22px 0;
      opacity: 0;
      padding: 0 10px;
      -webkit-transition: opacity 0.4s linear;
      transition: opacity 0.4s linear;
      -webkit-transition-delay: .5s;
              transition-delay: .5s; }
    .casestudy-wrapper .case .hover:hover p {
      opacity: 1; } }
@media only screen and (min-width: 1600px) {
  .casestudy-wrapper .case .hover {
    padding: 50px 10px 0; }
    .casestudy-wrapper .case .hover p {
      color: #fff;
      display: block;
      margin: 22px 0;
      padding: 0 40px; } }

#what-we-do {
  background: #9ec6c5;
  padding: 37px 0 0;
  text-align: center; }
  #what-we-do .top {
    padding: 0 10px 330px; }
    #what-we-do .top h2 .descriptor, #what-we-do .top h2 .sans-serif {
      color: #fff; }
    #what-we-do .top p {
      margin: 16px auto;
      padding: 0 10px; }
  #what-we-do .services-circles {
    margin-top: 36px; }
  #what-we-do .wrapper {
    max-width: 1024px; }
  #what-we-do .bottom {
    background: #f2f0eb;
    padding: 0 10px 36px; }
    #what-we-do .bottom .photo-grid {
      margin: -235px auto 0;
      position: relative;
      width: 300px; }
      #what-we-do .bottom .photo-grid .left {
        float: left;
        width: 48.9%; }
      #what-we-do .bottom .photo-grid .right {
        float: right;
        position: relative;
        top: -92px;
        width: 48.333333333333336%; }
      #what-we-do .bottom .photo-grid figure {
        margin-bottom: 8px; }
        #what-we-do .bottom .photo-grid figure img {
          max-width: 100%; }
    #what-we-do .bottom h5 {
      color: #455454;
      margin: 28px 0 31px; }
      #what-we-do .bottom h5 strong {
        color: #9ec6c5; }
  @media only screen and (min-width: 760px) {
    #what-we-do {
      background: #9ec6c5 url(../img/whatwedo-bg-tablet.jpg) no-repeat top center;
      background-size: 100% auto;
      padding: 76px 0 0; }
      #what-we-do .top {
        padding-bottom: 518px; }
        #what-we-do .top p {
          margin-top: 5px;
          max-width: 750px; }
      #what-we-do .services-circles {
        margin-top: 36px; }
      #what-we-do .bottom {
        padding: 0 10px 48px; }
        #what-we-do .bottom .photo-grid {
          margin-top: -486px;
          width: 720px; }
          #what-we-do .bottom .photo-grid .left {
            text-align: right;
            width: 48.5%; }
          #what-we-do .bottom .photo-grid .right {
            padding-top: 23px;
            text-align: left;
            top: 0;
            width: 49.4%; }
          #what-we-do .bottom .photo-grid figure {
            margin-bottom: 16px; }
        #what-we-do .bottom h5 {
          margin: 33px 0 16px; } }
  @media only screen and (min-width: tabletpx) {
    #what-we-do else {
      background: #9ec6c5 url(../img/whatwedo-bg-tablet.jpg) no-repeat top center;
      background-size: 100% auto;
      padding: 76px 0 0; }
      #what-we-do else .top {
        padding-bottom: 518px; }
        #what-we-do else .top p {
          margin-top: 5px;
          max-width: 750px; }
      #what-we-do else .services-circles {
        margin-top: 36px; }
      #what-we-do else .bottom {
        padding: 0 10px 48px; }
        #what-we-do else .bottom .photo-grid {
          margin-top: -486px;
          width: 720px; }
          #what-we-do else .bottom .photo-grid .left {
            text-align: right;
            width: 48.5%; }
          #what-we-do else .bottom .photo-grid .right {
            padding-top: 23px;
            text-align: left;
            top: 0;
            width: 49.4%; }
          #what-we-do else .bottom .photo-grid figure {
            margin-bottom: 16px; }
        #what-we-do else .bottom h5 {
          margin: 33px 0 16px; } }
  @media only screen and (min-width: 1020px) {
    #what-we-do {
      background-image: url(../img/whatwedo-bg-desktop.jpg); }
      #what-we-do .top {
        padding-bottom: 589px; }
      #what-we-do .bottom {
        padding-bottom: 53px; }
        #what-we-do .bottom .photo-grid {
          margin-top: -539px;
          width: 755px; }
          #what-we-do .bottom .photo-grid .left {
            width: 48.60927152317881%; }
          #what-we-do .bottom .photo-grid .right {
            padding-top: 30px;
            width: 49.3%; }
        #what-we-do .bottom h5 {
          margin: 39px 0 57px; } }
  @media only screen and (min-width: desktoppx) {
    #what-we-do else {
      background-image: url(../img/whatwedo-bg-desktop.jpg); }
      #what-we-do else .top {
        padding-bottom: 589px; }
      #what-we-do else .bottom {
        padding-bottom: 53px; }
        #what-we-do else .bottom .photo-grid {
          margin-top: -539px;
          width: 755px; }
          #what-we-do else .bottom .photo-grid .left {
            width: 48.60927152317881%; }
          #what-we-do else .bottom .photo-grid .right {
            padding-top: 30px;
            width: 49.3%; }
        #what-we-do else .bottom h5 {
          margin: 39px 0 57px; } }

.services-circles ul, .services-circles .single-post .post-text ol, .single-post .post-text .services-circles ol {
  text-align: center; }
.services-circles li {
  display: inline-block;
  margin-bottom: 25px;
  vertical-align: top;
  width: 49%; }
.services-circles .circle {
  background: #455454;
  background: rgba(69, 84, 84, 0.1);
  border-radius: 50%;
  height: 141px;
  margin: 0 auto;
  padding-top: 40px;
  overflow: hidden;
  width: 141px; }
  .services-circles .circle span {
    color: #fff;
    font-size: 70px; }
  .services-circles .circle.design span {
    font-size: 65px; }
  .services-circles .circle.bespoke-development span {
    font-size: 65px; }
.services-circles .descriptor {
  color: #455454;
  display: block;
  margin-top: 8px; }
  .services-circles .descriptor span {
    display: block; }
@media only screen and (min-width: 650px) {
  .services-circles li {
    width: 24%; } }
@media only screen and (min-width: 760px) {
  .services-circles .circle {
    height: 172px;
    padding-top: 45px;
    width: 172px; }
    .services-circles .circle span {
      color: #fff;
      font-size: 90px; }
    .services-circles .circle.design span {
      font-size: 80px; }
    .services-circles .circle.bespoke-development span {
      font-size: 80px; }
  .services-circles .descriptor {
    font-size: 1.3125em;
    letter-spacing: 0.02em;
    margin-top: 32px; } }
@media only screen and (min-width: tabletpx) {
  .services-circles else .circle {
    height: 172px;
    padding-top: 45px;
    width: 172px; }
    .services-circles else .circle span {
      color: #fff;
      font-size: 90px; }
    .services-circles else .circle.design span {
      font-size: 80px; }
    .services-circles else .circle.bespoke-development span {
      font-size: 80px; }
  .services-circles else .descriptor {
    font-size: 1.3125em;
    letter-spacing: 0.02em;
    margin-top: 32px; } }

#journal {
  padding-top: 37px;
  text-align: center; }
  #journal h2 {
    margin-bottom: 35px; }
    #journal h2 .sans-serif {
      color: #9ec6c5; }
  #journal .blog {
    border-bottom: 2px solid #fff;
    text-align: center; }
    #journal .blog a {
      background: #c3dad8;
      background-position: center center;
      background-size: cover;
      display: block;
      padding: 16px 20px 30px;
      position: relative;
      text-decoration: none; }
      #journal .blog a .colour-overlay {
        background: #c3dad8;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        width: 100%; }
      #journal .blog a:hover .colour-overlay {
        background: #4b807f;
        opacity: 0.85; }
      #journal .blog a:hover h5 {
        color: #fff; }
      #journal .blog a:hover .author-meta span {
        color: #fff; }
    #journal .blog:nth-of-type(even) a .colour-overlay {
      background: #9ec6c5; }
    #journal .blog:nth-of-type(even) a:hover .colour-overlay {
      background: #4b807f; }
    #journal .blog:last-child {
      border: 0; }
    #journal .blog h5 {
      display: inline-block;
      line-height: 1.4em;
      height: 58px;
      position: relative;
      -webkit-transition: all 0.1s linear;
      transition: all 0.1s linear; }
    #journal .blog .author-details {
      margin-top: 20px;
      position: relative;
      z-index: 2; }
      #journal .blog .author-details figure {
        display: inline-block;
        margin-right: 3px;
        vertical-align: top; }
        #journal .blog .author-details figure img {
          border-radius: 50%; }
      #journal .blog .author-details .author-meta {
        display: inline-block;
        text-align: left;
        vertical-align: top; }
        #journal .blog .author-details .author-meta span {
          color: #455454;
          display: block;
          font: 400 12px "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
          -webkit-transition: all 0.1s linear;
          transition: all 0.1s linear; }
        #journal .blog .author-details .author-meta .author-link {
          display: inline;
          font-weight: bold;
          text-decoration: none; }
        #journal .blog .author-details .author-meta .date {
          display: inline;
          text-decoration: none; }
  @media only screen and (min-width: 760px) {
    #journal .blog a {
      padding: 22px 20px; }
    #journal .blog h5 {
      height: auto;
      font-size: 1.75em; }
    #journal .blog .author-details {
      margin-top: 16px; }
      #journal .blog .author-details figure {
        margin-right: 10px; }
      #journal .blog .author-details .author-meta .author {
        line-height: 38px;
        vertical-align: middle; }
      #journal .blog .author-details .author-meta span {
        display: inline;
        font-size: 1em;
        letter-spacing: -0.035em; } }
  @media only screen and (min-width: tabletpx) {
    #journal else .blog a {
      padding: 22px 20px; }
    #journal else .blog h5 {
      height: auto;
      font-size: 1.75em; }
    #journal else .blog .author-details {
      margin-top: 16px; }
      #journal else .blog .author-details figure {
        margin-right: 10px; }
      #journal else .blog .author-details .author-meta .author {
        line-height: 38px;
        vertical-align: middle; }
      #journal else .blog .author-details .author-meta span {
        display: inline;
        font-size: 1em;
        letter-spacing: -0.035em; } }

#contact-details .dublin h3, #contact-details .berlin h3 {
  color: #323d3d;
  font-family: "acta-display", Georgia, "Times New Roman", Times, serif;
  font-style: italic; }
#contact-details .dublin figure, #contact-details .berlin figure {
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1; }
  #contact-details .dublin figure:before, #contact-details .berlin figure:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.35); }
#contact-details .dublin .overlay-icon, #contact-details .berlin .overlay-icon {
  color: #fff;
  display: block;
  font-size: 128px;
  position: absolute;
  text-align: center;
  top: 17px;
  width: 100%;
  z-index: 5; }
#contact-details .dublin .address, #contact-details .berlin .address {
  background: #faf8f2;
  float: left;
  margin: -158px 0 0 10px;
  max-width: 230px;
  position: relative;
  padding: 18px 15px 21px;
  width: 71.875%;
  z-index: 2; }
  #contact-details .dublin .address p, #contact-details .berlin .address p {
    margin: 8px 0 17px; }
    #contact-details .dublin .address p span, #contact-details .berlin .address p span {
      line-height: 1.45em; }
  #contact-details .dublin .address span, #contact-details .berlin .address span, #contact-details .dublin .address a, #contact-details .berlin .address a {
    display: block; }
  #contact-details .dublin .address a, #contact-details .berlin .address a {
    color: #323d3d;
    font-weight: bold;
    margin-top: 6px;
    text-decoration: none; }
  #contact-details .dublin .address a.map-link, #contact-details .berlin .address a.map-link {
    color: #57fccd;
    text-decoration: underline; }
    #contact-details .dublin .address a.map-link:hover, #contact-details .berlin .address a.map-link:hover {
      color: #55908e; }
#contact-details .wrapper {
  max-width: 1030px; }
#contact-details .berlin .address {
  float: right;
  margin: -158px 10px 0 0;
  text-align: right; }
@media only screen and (min-width: 507px) {
  #contact-details .dublin figure, #contact-details .berlin figure {
    float: left;
    width: 50%; }
  #contact-details .dublin .address, #contact-details .berlin .address {
    margin: 0;
    max-width: none;
    padding-top: 45px;
    width: 50%; }
  #contact-details .dublin .overlay-icon, #contact-details .berlin .overlay-icon {
    font-size: 178px;
    margin-top: -89px;
    top: 50%; }
  #contact-details .berlin figure {
    float: right; }
  #contact-details .berlin .address {
    float: left; } }
@media only screen and (min-width: 760px) {
  #contact-details {
    background: #fbf9f4;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbf9f4), color-stop(0%, #fbf9f4), color-stop(20%, #fbf9f4), color-stop(20%, #f2f0eb), color-stop(80%, #f2f0eb), color-stop(80%, #fbf9f4), color-stop(100%, #fbf9f4));
    background: -webkit-gradient(linear, left top, left bottom, from(#fbf9f4), color-stop(0%, #fbf9f4), color-stop(20%, #fbf9f4), color-stop(20%, #f2f0eb), color-stop(80%, #f2f0eb), color-stop(80%, #fbf9f4), to(#fbf9f4));
    background: linear-gradient(to bottom, #fbf9f4 0%, #fbf9f4 0%, #fbf9f4 20%, #f2f0eb 20%, #f2f0eb 80%, #fbf9f4 80%, #fbf9f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf9f4', endColorstr='#fbf9f4', GradientType=0 ); }
    #contact-details .dublin, #contact-details .berlin {
      background: #faf8f2; }
      #contact-details .dublin .address, #contact-details .berlin .address {
        padding: 28px 20px 0; }
        #contact-details .dublin .address p, #contact-details .berlin .address p {
          margin: 2px 0 37px; }
          #contact-details .dublin .address p span, #contact-details .berlin .address p span {
            line-height: 1.6em; }
    #contact-details .berlin, #contact-details .dublin, #contact-details .berlin {
      margin-top: 15px; }
    #contact-details .wrapper {
      padding: 15px; } }
@media only screen and (min-width: tabletpx) {
  #contact-details else {
    background: #fbf9f4;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #fbf9f4), color-stop(0%, #fbf9f4), color-stop(20%, #fbf9f4), color-stop(20%, #f2f0eb), color-stop(80%, #f2f0eb), color-stop(80%, #fbf9f4), color-stop(100%, #fbf9f4));
    background: -webkit-gradient(linear, left top, left bottom, from(#fbf9f4), color-stop(0%, #fbf9f4), color-stop(20%, #fbf9f4), color-stop(20%, #f2f0eb), color-stop(80%, #f2f0eb), color-stop(80%, #fbf9f4), to(#fbf9f4));
    background: linear-gradient(to bottom, #fbf9f4 0%, #fbf9f4 0%, #fbf9f4 20%, #f2f0eb 20%, #f2f0eb 80%, #fbf9f4 80%, #fbf9f4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf9f4', endColorstr='#fbf9f4', GradientType=0 ); }
    #contact-details else .dublin, #contact-details else .berlin {
      background: #faf8f2; }
      #contact-details else .dublin .address, #contact-details else .berlin .address {
        padding: 28px 20px 0; }
        #contact-details else .dublin .address p, #contact-details else .berlin .address p {
          margin: 2px 0 37px; }
          #contact-details else .dublin .address p span, #contact-details else .berlin .address p span {
            line-height: 1.6em; }
    #contact-details else .berlin, #contact-details else .dublin, #contact-details else .berlin {
      margin-top: 15px; }
    #contact-details else .wrapper {
      padding: 15px; } }

#work-with-us .wrapper {
  max-width: 980px;
  position: relative; }
#work-with-us.no-video .video-image {
  overflow: hidden;
  position: relative;
  width: 100%; }
  #work-with-us.no-video .video-image figure {
    height: 465px;
    left: -65%;
    position: relative;
    width: 100%; }
    #work-with-us.no-video .video-image figure:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 2;
      background: rgba(0, 0, 0, 0.4); }
    @media only screen and (min-width: 420px) {
      #work-with-us.no-video .video-image figure {
        left: -50%; } }
    @media only screen and (min-width: 500px) {
      #work-with-us.no-video .video-image figure {
        left: -30%; } }
    @media only screen and (min-width: 585px) {
      #work-with-us.no-video .video-image figure {
        left: -15%; } }
    @media only screen and (min-width: 660px) {
      #work-with-us.no-video .video-image figure {
        left: 0; } }
    @media only screen and (min-width: 760px) {
      #work-with-us.no-video .video-image figure {
        height: 455px; }
        #work-with-us.no-video .video-image figure img {
          bottom: -99999px;
          left: -99999px;
          margin: auto;
          min-height: 100%;
          min-width: 100%;
          position: absolute;
          right: -99999px;
          top: -99999px; } }
    @media only screen and (min-width: tabletpx) {
      #work-with-us.no-video .video-image figure else {
        height: 455px; }
        #work-with-us.no-video .video-image figure else img {
          bottom: -99999px;
          left: -99999px;
          margin: auto;
          min-height: 100%;
          min-width: 100%;
          position: absolute;
          right: -99999px;
          top: -99999px; } }
#work-with-us.no-video .overlay h2 .serif {
  color: #547d7d; }
#work-with-us.contact .overlay h2 .serif {
  color: #f8a44e; }
#work-with-us .video figure {
  height: 465px;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1; }
#work-with-us .video video, #work-with-us .video object, #work-with-us .video embed {
  display: none;
  z-index: -1; }
#work-with-us .video img {
  left: -9999px;
  height: 465px;
  margin: 0 auto;
  position: absolute;
  right: -9999px; }
  @media only screen and (min-width: 760px) {
    #work-with-us .video img {
      display: none; } }
  @media only screen and (min-width: tabletpx) {
    #work-with-us .video img else {
      display: none; } }
@media only screen and (min-width: 760px) {
  #work-with-us .video figure {
    height: 455px; }
  #work-with-us .video video, #work-with-us .video object, #work-with-us .video embed {
    display: block;
    bottom: -9999px;
    height: auto;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    right: -9999px;
    top: -9999px;
    width: auto;
    z-index: 0; }
  #work-with-us .video video, #work-with-us .video object, #work-with-us .video embed {
    height: 720px;
    width: 1288px; } }
@media only screen and (min-width: tabletpx) {
  #work-with-us .video else figure {
    height: 455px; }
  #work-with-us .video else video, #work-with-us .video else object, #work-with-us .video else embed {
    display: block;
    bottom: -9999px;
    height: auto;
    left: -9999px;
    margin: auto;
    min-width: 100%;
    min-height: 100%;
    position: absolute;
    right: -9999px;
    top: -9999px;
    width: auto;
    z-index: 0; }
  #work-with-us .video else video, #work-with-us .video else object, #work-with-us .video else embed {
    height: 720px;
    width: 1288px; } }
@media only screen and (min-width: 1025px) {
  #work-with-us .video video, #work-with-us .video object, #work-with-us .video embed {
    height: auto;
    width: auto; } }
#work-with-us .overlay {
  left: 0;
  margin: 0 auto;
  max-width: 980px;
  padding: 35px 5px 0;
  position: absolute;
  right: 0;
  width: 100%;
  z-index: 5; }
  #work-with-us .overlay h2 {
    text-align: center; }
    #work-with-us .overlay h2 .sans-serif, #work-with-us .overlay h2 .descriptor {
      color: #fff;
      display: block; }
    #work-with-us .overlay h2 .sans-serif {
      line-height: 1;
      margin-left: 0;
      margin-top: -25px; }
  #work-with-us .overlay p {
    color: #fff;
    line-height: 1.45em;
    margin-top: 26px;
    text-align: center; }
  #work-with-us .overlay .ghost-btn {
    margin-top: 45px; }
@media only screen and (min-width: 760px) {
  #work-with-us .overlay {
    padding: 51px 5px 0; }
    #work-with-us .overlay h2 .serif {
      color: #9ec6c5; }
    #work-with-us .overlay h2 .sans-serif {
      display: inline;
      margin-left: -0.3em;
      margin-top: 0; }
    #work-with-us .overlay p {
      line-height: 1.55em;
      margin-top: 7px; }
    #work-with-us .overlay .ghost-btn {
      margin-top: 41px; } }
@media only screen and (min-width: tabletpx) {
  #work-with-us else .overlay {
    padding: 51px 5px 0; }
    #work-with-us else .overlay h2 .serif {
      color: #9ec6c5; }
    #work-with-us else .overlay h2 .sans-serif {
      display: inline;
      margin-left: -0.3em;
      margin-top: 0; }
    #work-with-us else .overlay p {
      line-height: 1.55em;
      margin-top: 7px; }
    #work-with-us else .overlay .ghost-btn {
      margin-top: 41px; } }
@media only screen and (min-width: 1020px) {
  #work-with-us .overlay .ghost-btn {
    margin-top: 65px; }
  #work-with-us .video img {
    min-width: 100%; } }
@media only screen and (min-width: desktoppx) {
  #work-with-us else .overlay .ghost-btn {
    margin-top: 65px; }
  #work-with-us else .video img {
    min-width: 100%; } }

#client-list {
  padding: 51px 10px 31px; }
  #client-list .wrapper {
    max-width: 1000px; }
  #client-list h2 {
    text-align: center; }
    #client-list h2 .descriptor {
      font-size: 18px; }
  #client-list ul, #client-list .single-post .post-text ol, .single-post .post-text #client-list ol {
    margin-top: 27px;
    text-align: center; }
    #client-list ul li, #client-list .single-post .post-text ol li, .single-post .post-text #client-list ol li {
      display: inline-block;
      margin-bottom: 8px;
      width: 49%; }
      #client-list ul li img, #client-list .single-post .post-text ol li img, .single-post .post-text #client-list ol li img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        max-width: 100%;
        opacity: 0.7;
        -webkit-transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
        transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
        #client-list ul li img:hover, #client-list .single-post .post-text ol li img:hover, .single-post .post-text #client-list ol li img:hover {
          opacity: 1;
          -webkit-animation: hoverClient 0.5s;
          animation: hoverClient 0.5s; }
  @media only screen and (min-width: 760px) {
    #client-list {
      padding: 51px 60px 32px; }
      #client-list ul li, #client-list .single-post .post-text ol li, .single-post .post-text #client-list ol li {
        margin-bottom: 23px;
        width: 32%; } }
  @media only screen and (min-width: tabletpx) {
    #client-list else {
      padding: 51px 60px 32px; }
      #client-list else ul li, #client-list else .single-post .post-text ol li, .single-post .post-text #client-list else ol li {
        margin-bottom: 23px;
        width: 32%; } }
  @media only screen and (min-width: 1020px) {
    #client-list {
      padding-bottom: 25px; }
      #client-list ul li, #client-list .single-post .post-text ol li, .single-post .post-text #client-list ol li {
        margin-bottom: 36px; } }
  @media only screen and (min-width: desktoppx) {
    #client-list else {
      padding-bottom: 25px; }
      #client-list else ul li, #client-list else .single-post .post-text ol li, .single-post .post-text #client-list else ol li {
        margin-bottom: 36px; } }

@-webkit-keyframes hoverClient {
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
@keyframes hoverClient {
  50% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1); } }
.our-strategy {
  position: relative; }
  .our-strategy .bg-strategy {
    height: 427px;
    overflow: hidden;
    position: relative;
    z-index: 1; }
    .our-strategy .bg-strategy img {
      left: -9999px;
      height: 432px;
      margin: 0 auto;
      position: absolute;
      right: -9999px; }
  .our-strategy .text-overlay {
    padding: 0 10px;
    position: absolute;
    text-align: center;
    top: 38px;
    z-index: 2;
    width: 100%; }
  .our-strategy .wrapper {
    max-width: 1024px; }
  .our-strategy h2 {
    font-size: 30px; }
    @media screen and (min-width: 760px) {
      .our-strategy h2 {
        font-size: 48px; } }
    @media screen and (min-width: 1020px) {
      .our-strategy h2 {
        font-size: 91px; } }
    .our-strategy h2 .descriptor, .our-strategy h2 .sans-serif {
      color: #fff; }
  .our-strategy p {
    color: #fff;
    line-height: 1.45;
    max-width: 800px;
    margin: 5px auto 0 auto; }
  @media only screen and (min-width: 760px) {
    .our-strategy .bg-strategy {
      height: 459px; }
      .our-strategy .bg-strategy img {
        height: 459px; }
    .our-strategy .text-overlay {
      top: 50px; }
    .our-strategy p {
      line-height: 1.65em; } }
  @media only screen and (min-width: tabletpx) {
    .our-strategy else .bg-strategy {
      height: 459px; }
      .our-strategy else .bg-strategy img {
        height: 459px; }
    .our-strategy else .text-overlay {
      top: 50px; }
    .our-strategy else p {
      line-height: 1.65em; } }
  @media only screen and (min-width: 1020px) {
    .our-strategy .bg-strategy {
      height: 427px; }
      .our-strategy .bg-strategy img {
        height: auto;
        min-height: 100%;
        min-width: 100%; }
    .our-strategy p {
      margin-top: 2px; } }
  @media only screen and (min-width: desktoppx) {
    .our-strategy else .bg-strategy {
      height: 427px; }
      .our-strategy else .bg-strategy img {
        height: auto;
        min-height: 100%;
        min-width: 100%; }
    .our-strategy else p {
      margin-top: 2px; } }

.pagination {
  padding-bottom: 16px; }
  .pagination .wrapper {
    max-width: 650px; }
  .pagination ul, .pagination .single-post .post-text ol, .single-post .post-text .pagination ol {
    text-align: center; }
    .pagination ul li, .pagination .single-post .post-text ol li, .single-post .post-text .pagination ol li {
      display: inline-block;
      margin: 0 2px; }
      .pagination ul li a, .pagination .single-post .post-text ol li a, .single-post .post-text .pagination ol li a {
        border-radius: 50%;
        color: #455454;
        display: block;
        font-size: 21px;
        height: 38px;
        padding: 10px 0 0;
        text-decoration: none;
        text-transform: uppercase;
        width: 38px; }
        .pagination ul li a:hover, .pagination .single-post .post-text ol li a:hover, .single-post .post-text .pagination ol li a:hover {
          color: #8a918e; }
      .pagination ul li.active a, .pagination .single-post .post-text ol li.active a, .single-post .post-text .pagination ol li.active a {
        background: #455454;
        color: #fff; }
    .pagination ul .previous, .pagination .single-post .post-text ol .previous, .single-post .post-text .pagination ol .previous, .pagination ul .next, .pagination .single-post .post-text ol .next, .single-post .post-text .pagination ol .next {
      display: block;
      margin: 14px 0 10px; }
      .pagination ul .previous a, .pagination .single-post .post-text ol .previous a, .single-post .post-text .pagination ol .previous a, .pagination ul .next a, .pagination .single-post .post-text ol .next a, .single-post .post-text .pagination ol .next a {
        font-size: 16px;
        width: auto; }
        .pagination ul .previous a:hover, .pagination .single-post .post-text ol .previous a:hover, .single-post .post-text .pagination ol .previous a:hover, .pagination ul .next a:hover, .pagination .single-post .post-text ol .next a:hover, .single-post .post-text .pagination ol .next a:hover {
          color: #9ec6c5; }
          .pagination ul .previous a:hover:before, .pagination .single-post .post-text ol .previous a:hover:before, .single-post .post-text .pagination ol .previous a:hover:before, .pagination ul .previous a:hover:after, .pagination .single-post .post-text ol .previous a:hover:after, .single-post .post-text .pagination ol .previous a:hover:after, .pagination ul .next a:hover:before, .pagination .single-post .post-text ol .next a:hover:before, .single-post .post-text .pagination ol .next a:hover:before, .pagination ul .next a:hover:after, .pagination .single-post .post-text ol .next a:hover:after, .single-post .post-text .pagination ol .next a:hover:after {
            color: #455454; }
        .pagination ul .previous a:before, .pagination .single-post .post-text ol .previous a:before, .single-post .post-text .pagination ol .previous a:before, .pagination ul .previous a:after, .pagination .single-post .post-text ol .previous a:after, .single-post .post-text .pagination ol .previous a:after, .pagination ul .next a:before, .pagination .single-post .post-text ol .next a:before, .single-post .post-text .pagination ol .next a:before, .pagination ul .next a:after, .pagination .single-post .post-text ol .next a:after, .single-post .post-text .pagination ol .next a:after {
          -webkit-transition: color 0.2s linear;
          transition: color 0.2s linear; }
    .pagination ul .previous a:before, .pagination .single-post .post-text ol .previous a:before, .single-post .post-text .pagination ol .previous a:before {
      color: #9ec6c5;
      content: "\00ab";
      padding-right: 4px; }
    .pagination ul .next a:after, .pagination .single-post .post-text ol .next a:after, .single-post .post-text .pagination ol .next a:after {
      color: #9ec6c5;
      content: "\00bb";
      padding-left: 4px; }
  @media only screen and (min-width: 760px) {
    .pagination {
      padding: 0 0 47px; }
      .pagination ul .previous, .pagination .single-post .post-text ol .previous, .single-post .post-text .pagination ol .previous, .pagination ul .next, .pagination .single-post .post-text ol .next, .single-post .post-text .pagination ol .next {
        margin: 0; }
      .pagination ul .previous, .pagination .single-post .post-text ol .previous, .single-post .post-text .pagination ol .previous {
        float: left; }
      .pagination ul .next, .pagination .single-post .post-text ol .next, .single-post .post-text .pagination ol .next {
        float: right; } }
  @media only screen and (min-width: tabletpx) {
    .pagination else {
      padding: 0 0 47px; }
      .pagination else ul .previous, .pagination else .single-post .post-text ol .previous, .single-post .post-text .pagination else ol .previous, .pagination else ul .next, .pagination else .single-post .post-text ol .next, .single-post .post-text .pagination else ol .next {
        margin: 0; }
      .pagination else ul .previous, .pagination else .single-post .post-text ol .previous, .single-post .post-text .pagination else ol .previous {
        float: left; }
      .pagination else ul .next, .pagination else .single-post .post-text ol .next, .single-post .post-text .pagination else ol .next {
        float: right; } }
  @media only screen and (min-width: 1020px) {
    .pagination {
      padding: 0 0 63px; } }
  @media only screen and (min-width: desktoppx) {
    .pagination else {
      padding: 0 0 63px; } }

#twitter {
  background: #9ec6c5;
  padding: 34px 8px 23px;
  text-align: center; }
  #twitter .wrapper {
    max-width: 1000px;
    position: relative; }
  #twitter .twitter-icon span {
    color: #fff;
    font-size: 38px; }
  #twitter .tweets {
    position: relative;
    z-index: 1; }
  #twitter .tweets-holder {
    height: 170px;
    margin: 0 auto;
    max-width: 600px; }
  #twitter .tweet-text {
    margin: 25px 0 0; }
    #twitter .tweet-text p {
      color: #fff;
      font: 700 1.3125em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    #twitter .tweet-text a {
      color: #455454;
      word-wrap: break-word; }
    #twitter .tweet-text .user, #twitter .tweet-text .hashtag {
      text-decoration: none;
      word-wrap: normal; }
  #twitter .prev-next {
    display: none; }
  @media only screen and (min-width: 480px) {
    #twitter .tweets-holder {
      height: 140px; } }
  @media only screen and (min-width: 580px) {
    #twitter .tweets-holder {
      height: 110px; } }
  @media only screen and (min-width: 760px) {
    #twitter {
      padding: 47px 100px 22px; }
      #twitter .tweet-text {
        margin: 25px 0 0;
        outline: 0; }
        #twitter .tweet-text p {
          font-size: 2.375em; }
      #twitter .ghost-btn {
        width: 346px; }
      #twitter .prev-next {
        display: block;
        color: #fff;
        display: block;
        font-size: 42px;
        margin-top: -21px;
        position: absolute;
        top: 40%;
        text-decoration: none; }
        #twitter .prev-next:hover {
          color: #cee2e2; }
        #twitter .prev-next.previous-tweet {
          left: -95px; }
        #twitter .prev-next.next-tweet {
          right: -95px; }
      #twitter .tweets-holder {
        height: 315px;
        max-width: 1000px; } }
  @media only screen and (min-width: tabletpx) {
    #twitter else {
      padding: 47px 100px 22px; }
      #twitter else .tweet-text {
        margin: 25px 0 0;
        outline: 0; }
        #twitter else .tweet-text p {
          font-size: 2.375em; }
      #twitter else .ghost-btn {
        width: 346px; }
      #twitter else .prev-next {
        display: block;
        color: #fff;
        display: block;
        font-size: 42px;
        margin-top: -21px;
        position: absolute;
        top: 40%;
        text-decoration: none; }
        #twitter else .prev-next:hover {
          color: #cee2e2; }
        #twitter else .prev-next.previous-tweet {
          left: -95px; }
        #twitter else .prev-next.next-tweet {
          right: -95px; }
      #twitter else .tweets-holder {
        height: 315px;
        max-width: 1000px; } }
  @media only screen and (min-width: 800px) {
    #twitter .tweets-holder {
      height: 275px; } }
  @media only screen and (min-width: 980px) {
    #twitter .tweets-holder {
      height: 225px; } }
  @media only screen and (min-width: 1020px) {
    #twitter .tweet-text {
      margin: 25px 0 0; } }
  @media only screen and (min-width: desktoppx) {
    #twitter else .tweet-text {
      margin: 25px 0 0; } }
  @media only screen and (min-width: 1150px) {
    #twitter .tweets-holder {
      height: 180px; } }
  @media only screen and (min-width: 1300px) {
    #twitter .tweet-controls a.previous-tweet {
      left: -130px; }
    #twitter .tweet-controls a.next-tweet {
      right: -130px; } }

.services-provided .wrapper {
  margin-top: -115px;
  max-width: 1000px;
  position: relative;
  z-index: 2; }
.services-provided h2 {
  text-align: center; }
  .services-provided h2 .descriptor {
    font-size: 18px; }
.services-provided.in-banner .wrapper {
  margin-top: -138px; }
.services-provided.in-banner h2 .descriptor {
  color: #fff;
  font-size: 14px; }
.services-provided.in-banner .services-circles {
  margin: 35px 0 18px; }
  .services-provided.in-banner .services-circles li {
    margin-bottom: 15px; }
.services-provided .services-circles {
  margin-top: 22px; }
  .services-provided .services-circles .circle {
    background: #f8a44e; }
  .services-provided .services-circles li {
    margin-bottom: 14px; }
@media only screen and (min-width: 760px) {
  .services-provided .wrapper {
    margin-top: -141px; }
  .services-provided .services-circles {
    margin-top: 31px; }
  .services-provided.in-banner {
    bottom: 0;
    position: absolute;
    width: 100%; }
    .services-provided.in-banner .wrapper {
      margin-top: 0; }
    .services-provided.in-banner h2 .descriptor {
      color: #455454;
      font-size: 18px; }
    .services-provided.in-banner .services-circles {
      margin-top: 31px; }
      .services-provided.in-banner .services-circles .descriptor {
        color: #fff;
        margin-top: 25px; } }
@media only screen and (min-width: tabletpx) {
  .services-provided else .wrapper {
    margin-top: -141px; }
  .services-provided else .services-circles {
    margin-top: 31px; }
  .services-provided else.in-banner {
    bottom: 0;
    position: absolute;
    width: 100%; }
    .services-provided else.in-banner .wrapper {
      margin-top: 0; }
    .services-provided else.in-banner h2 .descriptor {
      color: #455454;
      font-size: 18px; }
    .services-provided else.in-banner .services-circles {
      margin-top: 31px; }
      .services-provided else.in-banner .services-circles .descriptor {
        color: #fff;
        margin-top: 25px; } }
@media only screen and (min-width: 1020px) {
  .services-provided .wrapper {
    margin-top: -118px; }
  .services-provided.in-banner {
    bottom: 35px; } }
@media only screen and (min-width: desktoppx) {
  .services-provided else .wrapper {
    margin-top: -118px; }
  .services-provided else.in-banner {
    bottom: 35px; } }

.plain-strip {
  color: #455454;
  padding: 36px 10px;
  text-align: center; }
  .plain-strip .wrapper {
    max-width: 1300px; }
  .plain-strip .strip-description {
    clear: both;
    display: block;
    margin-bottom: 10px; }
  .plain-strip h3 {
    line-height: 0.5em;
    margin: 12px 0 39px; }
    .plain-strip h3 .serif {
      color: #f8a44e; }
  .plain-strip p {
    line-height: 1.45em; }
  .plain-strip .cta-intro {
    font: italic 700 1.3125em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 1.25em;
    margin: 24px 0 27px; }
  .plain-strip .strip-image {
    margin-top: 12px; }
    .plain-strip .strip-image img {
      height: auto;
      width: 100%; }
  .plain-strip.blue-strip {
    background: #9ec6c5;
    color: #fff; }
    .plain-strip.blue-strip h3 .serif {
      color: #455454; }
    .plain-strip.blue-strip h3 .sans-serif {
      color: #fff; }
    .plain-strip.blue-strip p {
      color: #fff; }
  @media only screen and (min-width: 760px) {
    .plain-strip {
      padding: 52px 85px; }
      .plain-strip .strip-description {
        font-size: 1.125em;
        margin-bottom: 45px; }
      .plain-strip h3 {
        font-size: 3.1875em;
        margin-bottom: 37px; }
      .plain-strip p {
        line-height: 1.65em; }
      .plain-strip .cta-intro {
        margin-top: 25px; }
      .plain-strip .main-btn {
        margin: 32px auto 40px; } }
  @media only screen and (min-width: tabletpx) {
    .plain-strip else {
      padding: 52px 85px; }
      .plain-strip else .strip-description {
        font-size: 1.125em;
        margin-bottom: 45px; }
      .plain-strip else h3 {
        font-size: 3.1875em;
        margin-bottom: 37px; }
      .plain-strip else p {
        line-height: 1.65em; }
      .plain-strip else .cta-intro {
        margin-top: 25px; }
      .plain-strip else .main-btn {
        margin: 32px auto 40px; } }
  @media only screen and (min-width: 1200px) {
    .plain-strip {
      padding-bottom: 0; }
      .plain-strip .strip-description {
        margin-bottom: 74px; }
      .plain-strip .strip-text {
        float: right;
        text-align: left;
        width: 47.5384615385%; }
        .plain-strip .strip-text p {
          padding-right: 90px; }
        .plain-strip .strip-text .main-btn {
          margin-left: 0;
          margin-bottom: 15px; }
      .plain-strip h3 {
        font-size: 2.5em; }
      .plain-strip .strip-image {
        float: left;
        width: 45.53846153846154%; }
      .plain-strip.blue-strip .strip-text {
        float: left;
        text-align: left; }
      .plain-strip.blue-strip .strip-image {
        float: right; } }
  @media only screen and (min-width: large-desktoppx) {
    .plain-strip else {
      padding-bottom: 0; }
      .plain-strip else .strip-description {
        margin-bottom: 74px; }
      .plain-strip else .strip-text {
        float: right;
        text-align: left;
        width: 47.5384615385%; }
        .plain-strip else .strip-text p {
          padding-right: 90px; }
        .plain-strip else .strip-text .main-btn {
          margin-left: 0;
          margin-bottom: 15px; }
      .plain-strip else h3 {
        font-size: 2.5em; }
      .plain-strip else .strip-image {
        float: left;
        width: 45.53846153846154%; }
      .plain-strip else.blue-strip .strip-text {
        float: left;
        text-align: left; }
      .plain-strip else.blue-strip .strip-image {
        float: right; } }
  @media only screen and (min-width: 1300px) {
    .plain-strip h3 {
      font-size: 3.1875em; } }

.quote-strip {
  position: relative; }
  .quote-strip .bg-img {
    height: 315px;
    overflow: hidden;
    position: relative; }
    .quote-strip .bg-img img {
      bottom: -99999px;
      height: 315px;
      left: -99999px;
      margin: auto;
      position: absolute;
      right: -99999px;
      top: -99999px;
      min-height: 100%;
      min-width: 100%; }
    .quote-strip .bg-img:before {
      content: '';
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      top: 0;
      z-index: 2;
      background: rgba(0, 0, 0, 0.4); }
  .quote-strip .quote-overlay {
    padding: 0 5px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 20; }
    .quote-strip .quote-overlay blockquote {
      display: table-cell;
      height: 300px;
      vertical-align: middle;
      width: 100%; }
    .quote-strip .quote-overlay p {
      color: #fff;
      font-weight: 400;
      font-size: 20px;
      font: 400 1.1875em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.15em; }
    .quote-strip .quote-overlay em {
      color: #f8a44e;
      font-family: "acta-display", Georgia, "Times New Roman", Times, serif;
      font-style: italic; }
    .quote-strip .quote-overlay span {
      display: block; }
    .quote-strip .quote-overlay .quote-person {
      color: #fff;
      font: 700 1em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 24px; }
    .quote-strip .quote-overlay .quote-company {
      color: #f8a44e;
      font: 700 0.875em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1; }
  .quote-strip .wrapper {
    display: table;
    height: 300px;
    max-width: 1000px; }
  @media only screen and (min-width: 760px) {
    .quote-strip .bg-img {
      height: 467px; }
      .quote-strip .bg-img img {
        height: 467px; }
    .quote-strip .wrapper {
      height: 467px; }
    .quote-strip .quote-overlay blockquote {
      height: 467px; }
    .quote-strip .quote-overlay p {
      font-size: 2.375em;
      line-height: 1.2em; }
    .quote-strip .quote-overlay .quote-person {
      font-size: 1.3125em;
      margin-top: 67px; }
    .quote-strip .quote-overlay .quote-company {
      font-size: 1em;
      margin-top: 3px; } }
  @media only screen and (min-width: tabletpx) {
    .quote-strip else .bg-img {
      height: 467px; }
      .quote-strip else .bg-img img {
        height: 467px; }
    .quote-strip else .wrapper {
      height: 467px; }
    .quote-strip else .quote-overlay blockquote {
      height: 467px; }
    .quote-strip else .quote-overlay p {
      font-size: 2.375em;
      line-height: 1.2em; }
    .quote-strip else .quote-overlay .quote-person {
      font-size: 1.3125em;
      margin-top: 67px; }
    .quote-strip else .quote-overlay .quote-company {
      font-size: 1em;
      margin-top: 3px; } }
  @media only screen and (min-width: 760px) {
    .quote-strip .quote-overlay p {
      line-height: 1.3em; }
    .quote-strip .quote-overlay .quote-person {
      margin-top: 36px; } }
  @media only screen and (min-width: tabletpx) {
    .quote-strip else .quote-overlay p {
      line-height: 1.3em; }
    .quote-strip else .quote-overlay .quote-person {
      margin-top: 36px; } }
  @media only screen and (min-width: 1600px) {
    .quote-strip .bg-img img {
      height: auto;
      min-height: 467px;
      min-width: 100%; } }

form {
  padding: 0 12px; }
  #project-planner form {
    margin-top: -854px;
    position: relative;
    z-index: 10; }
  .thank-you #project-planner form {
    margin-top: -975px;
    position: relative;
    z-index: 10; }
  form .section-break {
    margin: 35px 0 47px;
    text-align: center; }
    form .section-break .section-number {
      background: #455454;
      border: 2px solid #f8a44e;
      border-radius: 50%;
      color: #fff;
      display: block;
      font: 1.3125em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      height: 38px;
      margin: -28px auto 0;
      padding-top: 4px;
      position: relative;
      width: 38px;
      z-index: 2; }
    form .section-break .section-name {
      display: block;
      color: #fff;
      font: 1.125em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      letter-spacing: 0.025em;
      margin-top: 12px; }
  form ol {
    padding: 0; }
    form ol li {
      margin-bottom: 23px;
      padding: 0; }
      form ol li:before {
        display: none; }
      form ol li.submit {
        text-align: center; }
  form label {
    color: #fff;
    display: block;
    margin-bottom: 5px; }
    form label .sub-label {
      color: #b2b3ad;
      display: block;
      font-size: 0.75em;
      line-height: 1.4em; }
  form span.error {
    clear: both;
    color: #dc4f11;
    display: block;
    font: 0.75em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 5px; }
  form input[type="text"], form input[type="email"], form input[type="url"], form textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #c3c6c2;
    -webkit-border-radius: 0;
    font: 400 1em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #455454;
    outline: 0;
    margin: 0;
    padding: 8px 10px 7px;
    width: 100%; }
    form input[type="text"]:focus, form input[type="email"]:focus, form input[type="url"]:focus, form textarea:focus {
      border-color: #f8a44e; }
    form input[type="text"].error, form input.error[type="email"], form input.error[type="url"], form textarea.error {
      border-color: #dc4f11; }
  form textarea {
    max-width: 100%;
    min-height: 205px;
    resize: none; }
  form input[type="submit"], form button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f8a44e;
    border: 0;
    -webkit-border-radius: 0;
    color: #fff;
    cursor: pointer;
    font: 700 1em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 10px auto 0;
    padding: 15px 0 14px;
    outline: 0;
    text-transform: uppercase;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
    width: 240px; }
    form input[type="submit"]:hover, form button:hover {
      background: #98c2c0; }
  form .checkbox-group li, form .radio-group li {
    margin-bottom: 16px; }
    form .checkbox-group li:first-child, form .radio-group li:first-child {
      margin-bottom: 28px; }
  form .checkbox-group label, form .radio-group label {
    cursor: pointer;
    font-size: 0.875em; }
    form .checkbox-group label:before, form .radio-group label:before {
      border: 2px solid #9ec6c5;
      border-radius: 50%;
      content: "";
      color: #fff;
      display: inline-block;
      font-size: 20px;
      height: 22px;
      margin-right: 12px;
      padding: 0 0 0 2px;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear;
      vertical-align: middle;
      width: 22px;
      font-family: 'kooba';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 0.6;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale; }
    form .checkbox-group label:hover:before, form .radio-group label:hover:before {
      opacity: 0.75; }
    form .checkbox-group label.header-label, form .radio-group label.header-label {
      cursor: auto;
      font-size: 1em; }
      form .checkbox-group label.header-label:before, form .radio-group label.header-label:before {
        display: none; }
  form .checkbox-group input[type="checkbox"], form .radio-group input[type="checkbox"] {
    position: absolute;
    left: -999999em; }
    form .checkbox-group input[type="checkbox"]:checked + label:before, form .radio-group input[type="checkbox"]:checked + label:before {
      content: "\e613"; }
  form .radio-group label:before {
    border-color: #f8a44e;
    color: #f8a44e;
    font-size: 16px;
    line-height: 0;
    padding: 9px 1px 1px; }
  form .radio-group input[type="radio"] {
    position: absolute;
    left: -999999em; }
    form .radio-group input[type="radio"]:checked + label:before {
      content: "\e606"; }
  @media only screen and (min-width: 760px) {
    form ol li {
      margin-bottom: 33px; }
    form label {
      font-size: 1.3125em;
      margin-bottom: 10px; }
      form label .sub-label {
        font-size: 0.619047619em;
        line-height: 1.4em; }
    form span.error {
      font-size: 1em;
      margin-top: 5px; }
    form input[type="text"], form input[type="email"], form input[type="url"], form textarea {
      font-size: 1.3125em;
      padding: 11px 10px 10px; }
    form input[type="submit"], form button {
      font-size: 1.3125em;
      margin-top: 0;
      padding: 18px 0 17px;
      width: 302px; }
    #project-planner form {
      margin-top: -730px; }
    .thank-you #project-planner form {
      margin-top: -930px; }
    form .checkbox-group li, form .radio-group li {
      float: left;
      margin-right: 25px; }
      form .checkbox-group li:last-child, form .radio-group li:last-child {
        margin-right: 0; }
      form .checkbox-group li:first-child, form .radio-group li:first-child {
        clear: both;
        float: none;
        width: 100%; }
    form .checkbox-group label, form .radio-group label {
      font-size: 1em;
      margin-bottom: 10px; }
      form .checkbox-group label:before, form .radio-group label:before {
        margin-right: 5px;
        vertical-align: bottom; }
    form .checkbox-group label.header-label, form .radio-group label.header-label {
      font-size: 1.3125em; }
    form .section-break .section-number {
      background: #f8a44e; } }
  @media only screen and (min-width: tabletpx) {
    form else ol li {
      margin-bottom: 33px; }
    form else label {
      font-size: 1.3125em;
      margin-bottom: 10px; }
      form else label .sub-label {
        font-size: 0.619047619em;
        line-height: 1.4em; }
    form else span.error {
      font-size: 1em;
      margin-top: 5px; }
    form else input[type="text"], form else input[type="email"], form else input[type="url"], form else textarea {
      font-size: 1.3125em;
      padding: 11px 10px 10px; }
    form else input[type="submit"], form else button {
      font-size: 1.3125em;
      margin-top: 0;
      padding: 18px 0 17px;
      width: 302px; }
    #project-planner form else {
      margin-top: -730px; }
    .thank-you #project-planner form else {
      margin-top: -930px; }
    form else .checkbox-group li, form else .radio-group li {
      float: left;
      margin-right: 25px; }
      form else .checkbox-group li:last-child, form else .radio-group li:last-child {
        margin-right: 0; }
      form else .checkbox-group li:first-child, form else .radio-group li:first-child {
        clear: both;
        float: none;
        width: 100%; }
    form else .checkbox-group label, form else .radio-group label {
      font-size: 1em;
      margin-bottom: 10px; }
      form else .checkbox-group label:before, form else .radio-group label:before {
        margin-right: 5px;
        vertical-align: bottom; }
    form else .checkbox-group label.header-label, form else .radio-group label.header-label {
      font-size: 1.3125em; }
    form else .section-break .section-number {
      background: #f8a44e; } }
  @media only screen and (min-width: 860px) {
    #project-planner form {
      margin-top: -842px; }
    .thank-you #project-planner form {
      margin-top: -942px; } }
  @media only screen and (min-width: 1020px) {
    #project-planner form {
      margin-top: -806px; }
    .thank-you #project-planner form {
      margin-top: -906px; } }
  @media only screen and (min-width: desktoppx) {
    #project-planner form else {
      margin-top: -806px; }
    .thank-you #project-planner form else {
      margin-top: -906px; } }

#blogpost-list {
  padding: 0 10px; }
  #blogpost-list .wrapper {
    max-width: 1000px; }
  #blogpost-list .blog {
    margin-bottom: 10px; }
    #blogpost-list .blog a {
      text-decoration: none; }
      #blogpost-list .blog a > figure img {
        height: auto;
        width: 100%; }
      #blogpost-list .blog a:hover > figure img {
        opacity: 0.8;
        -webkit-transform: scale(1.02);
                transform: scale(1.02); }
    #blogpost-list .blog figure {
      overflow: hidden;
      width: 100%; }
      #blogpost-list .blog figure a img {
        height: auto;
        width: 100%; }
      #blogpost-list .blog figure a:hover img {
        opacity: 0.8;
        -webkit-transform: scale(1.02);
                transform: scale(1.02); }
      #blogpost-list .blog figure img {
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transition: all 0.3s linear;
        transition: all 0.3s linear;
        max-width: 100%; }
  #blogpost-list .author-details {
    margin: 15px 0 19px; }
    #blogpost-list .author-details figure {
      float: left;
      width: 38px; }
    #blogpost-list .author-details .author-meta {
      display: table;
      float: left;
      height: 38px;
      margin-left: 7px;
      width: calc(100% - 45px); }
      #blogpost-list .author-details .author-meta .author {
        display: table-cell;
        color: #455454;
        font: 400 0.8125em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        height: 38px;
        vertical-align: middle; }
      #blogpost-list .author-details .author-meta .author-link, #blogpost-list .author-details .author-meta .date {
        font-weight: 700; }
  #blogpost-list .post-details h5 {
    display: inline-block; }
    #blogpost-list .post-details h5 a {
      border-bottom: 2px solid #faf8f2;
      color: #455454;
      text-decoration: none; }
      #blogpost-list .post-details h5 a:hover {
        border-color: #9ec6c5; }
  #blogpost-list .post-details p {
    margin: 17px 0 25px; }
  #blogpost-list .post-details .read-more {
    color: #9ec6c5;
    font-size: 13px;
    text-decoration: none;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear; }
    #blogpost-list .post-details .read-more:after {
      color: #9ec6c5;
      content: "\00BB";
      margin-left: 2px; }
    #blogpost-list .post-details .read-more:hover {
      color: #455454; }
      #blogpost-list .post-details .read-more:hover:after {
        color: #9ec6c5; }
  #blogpost-list .colour-block {
    background: #455454; }
    #blogpost-list .colour-block .author-details {
      margin: 15px auto 23px;
      max-width: 350px;
      width: 70%; }
      #blogpost-list .colour-block .author-details .author-meta .author {
        color: #fff; }
    #blogpost-list .colour-block .post-details {
      margin: 0 auto;
      max-width: 650px;
      padding: 0 18px 23px;
      text-align: center; }
      #blogpost-list .colour-block .post-details h5, #blogpost-list .colour-block .post-details a, #blogpost-list .colour-block .post-details p, #blogpost-list .colour-block .post-details .read-more, #blogpost-list .colour-block .post-details .read-more:after {
        color: #fff; }
      #blogpost-list .colour-block .post-details p {
        margin-bottom: 16px; }
      #blogpost-list .colour-block .post-details h5 a {
        border-color: #455454; }
        #blogpost-list .colour-block .post-details h5 a:hover {
          border-color: #fff; }
  @media only screen and (min-width: 760px) {
    #blogpost-list {
      padding: 0 16px 47px; }
      #blogpost-list .blog {
        margin-bottom: 1px; }
      #blogpost-list .left-pic > figure, #blogpost-list .right-pic > figure {
        float: left;
        width: 51%; }
      #blogpost-list .left-pic .textbox, #blogpost-list .right-pic .textbox {
        display: table;
        float: right;
        position: relative;
        width: 49%; }
      #blogpost-list .left-pic .text-wrapper, #blogpost-list .right-pic .text-wrapper {
        display: table-cell;
        height: 100%;
        left: 0;
        padding-left: 25px;
        vertical-align: middle;
        width: 100%; }
      #blogpost-list .right-pic > figure {
        float: right; }
      #blogpost-list .right-pic .textbox {
        float: left; }
      #blogpost-list .right-pic .text-wrapper {
        padding-left: 0;
        padding-right: 25px; }
      #blogpost-list .post-details h5 {
        font-size: 1.75em;
        margin-bottom: 17px; }
      #blogpost-list .post-details p {
        display: none; }
      #blogpost-list .author-details {
        margin: 0 0 26px; }
      #blogpost-list .full-pic {
        position: relative; }
        #blogpost-list .full-pic figure {
          position: relative; }
          #blogpost-list .full-pic figure .pic-overlay {
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%; }
        #blogpost-list .full-pic .textbox {
          bottom: 35px;
          left: 0;
          margin: 0 auto;
          max-width: 650px;
          position: absolute;
          right: 0;
          text-align: center;
          width: 100%;
          z-index: 5; }
          #blogpost-list .full-pic .textbox h5 {
            color: #fff;
            font-size: 2.375em;
            margin: 0; }
          #blogpost-list .full-pic .textbox p {
            color: #fff;
            display: block;
            margin: 8px 0 15px; }
          #blogpost-list .full-pic .textbox .read-more:after {
            color: #fff; }
        #blogpost-list .full-pic .author-details {
          margin: 0 0 13px; }
          #blogpost-list .full-pic .author-details .author-pic {
            display: inline-block;
            float: none;
            margin-right: 5px; }
          #blogpost-list .full-pic .author-details .author-meta {
            display: inline-block;
            float: none;
            width: auto; }
            #blogpost-list .full-pic .author-details .author-meta .author {
              color: #fff; }
      #blogpost-list .colour-block {
        background: #455454; }
        #blogpost-list .colour-block .author-details {
          margin: 23px auto 16px; }
        #blogpost-list .colour-block .post-details {
          padding: 0 0 54px; }
          #blogpost-list .colour-block .post-details h5 {
            font-size: 2.375em;
            margin-bottom: 27px; }
          #blogpost-list .colour-block .post-details .read-more {
            display: block; } }
  @media only screen and (min-width: tabletpx) {
    #blogpost-list else {
      padding: 0 16px 47px; }
      #blogpost-list else .blog {
        margin-bottom: 1px; }
      #blogpost-list else .left-pic > figure, #blogpost-list else .right-pic > figure {
        float: left;
        width: 51%; }
      #blogpost-list else .left-pic .textbox, #blogpost-list else .right-pic .textbox {
        display: table;
        float: right;
        position: relative;
        width: 49%; }
      #blogpost-list else .left-pic .text-wrapper, #blogpost-list else .right-pic .text-wrapper {
        display: table-cell;
        height: 100%;
        left: 0;
        padding-left: 25px;
        vertical-align: middle;
        width: 100%; }
      #blogpost-list else .right-pic > figure {
        float: right; }
      #blogpost-list else .right-pic .textbox {
        float: left; }
      #blogpost-list else .right-pic .text-wrapper {
        padding-left: 0;
        padding-right: 25px; }
      #blogpost-list else .post-details h5 {
        font-size: 1.75em;
        margin-bottom: 17px; }
      #blogpost-list else .post-details p {
        display: none; }
      #blogpost-list else .author-details {
        margin: 0 0 26px; }
      #blogpost-list else .full-pic {
        position: relative; }
        #blogpost-list else .full-pic figure {
          position: relative; }
          #blogpost-list else .full-pic figure .pic-overlay {
            background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4)));
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#66000000',GradientType=0 );
            content: "";
            display: block;
            height: 100%;
            left: 0;
            position: absolute;
            top: 0;
            width: 100%; }
        #blogpost-list else .full-pic .textbox {
          bottom: 35px;
          left: 0;
          margin: 0 auto;
          max-width: 650px;
          position: absolute;
          right: 0;
          text-align: center;
          width: 100%;
          z-index: 5; }
          #blogpost-list else .full-pic .textbox h5 {
            color: #fff;
            font-size: 2.375em;
            margin: 0; }
          #blogpost-list else .full-pic .textbox p {
            color: #fff;
            display: block;
            margin: 8px 0 15px; }
          #blogpost-list else .full-pic .textbox .read-more:after {
            color: #fff; }
        #blogpost-list else .full-pic .author-details {
          margin: 0 0 13px; }
          #blogpost-list else .full-pic .author-details .author-pic {
            display: inline-block;
            float: none;
            margin-right: 5px; }
          #blogpost-list else .full-pic .author-details .author-meta {
            display: inline-block;
            float: none;
            width: auto; }
            #blogpost-list else .full-pic .author-details .author-meta .author {
              color: #fff; }
      #blogpost-list else .colour-block {
        background: #455454; }
        #blogpost-list else .colour-block .author-details {
          margin: 23px auto 16px; }
        #blogpost-list else .colour-block .post-details {
          padding: 0 0 54px; }
          #blogpost-list else .colour-block .post-details h5 {
            font-size: 2.375em;
            margin-bottom: 27px; }
          #blogpost-list else .colour-block .post-details .read-more {
            display: block; } }
  @media only screen and (min-width: 1020px) {
    #blogpost-list {
      padding-bottom: 66px; }
      #blogpost-list .left-pic > figure, #blogpost-list .right-pic > figure {
        width: 62%; }
      #blogpost-list .left-pic .textbox, #blogpost-list .right-pic .textbox {
        width: 38%; }
      #blogpost-list .post-details p {
        display: block;
        margin: 0 0 15px; }
      #blogpost-list .author-details {
        margin: 14px 0 26px; }
      #blogpost-list .full-pic .textbox {
        bottom: 92px; }
      #blogpost-list .colour-block {
        background: #455454; }
        #blogpost-list .colour-block .author-details {
          margin: 23px auto 16px; }
        #blogpost-list .colour-block .post-details {
          padding: 0 0 46px; }
          #blogpost-list .colour-block .post-details h5 {
            margin-bottom: 9px; }
          #blogpost-list .colour-block .post-details p {
            margin-bottom: 30px; } }
  @media only screen and (min-width: desktoppx) {
    #blogpost-list else {
      padding-bottom: 66px; }
      #blogpost-list else .left-pic > figure, #blogpost-list else .right-pic > figure {
        width: 62%; }
      #blogpost-list else .left-pic .textbox, #blogpost-list else .right-pic .textbox {
        width: 38%; }
      #blogpost-list else .post-details p {
        display: block;
        margin: 0 0 15px; }
      #blogpost-list else .author-details {
        margin: 14px 0 26px; }
      #blogpost-list else .full-pic .textbox {
        bottom: 92px; }
      #blogpost-list else .colour-block {
        background: #455454; }
        #blogpost-list else .colour-block .author-details {
          margin: 23px auto 16px; }
        #blogpost-list else .colour-block .post-details {
          padding: 0 0 46px; }
          #blogpost-list else .colour-block .post-details h5 {
            margin-bottom: 9px; }
          #blogpost-list else .colour-block .post-details p {
            margin-bottom: 30px; } }

.single-post {
  padding: 8px 10px 4px; }
  .single-post .wrapper {
    max-width: 1000px; }
  .single-post .author-details {
    margin: 0 auto 27px;
    max-width: 400px;
    text-align: center; }
    .single-post .author-details figure {
      display: inline-block;
      margin: 0 5px 0 15px;
      vertical-align: top; }
      .single-post .author-details figure img {
        border-radius: 50%; }
    .single-post .author-details .author {
      display: inline-block; }
    .single-post .author-details .author-meta {
      display: table;
      height: 38px;
      text-align: left; }
      .single-post .author-details .author-meta .author {
        display: table-cell;
        height: 38px;
        vertical-align: middle; }
      .single-post .author-details .author-meta span {
        color: #455454;
        display: block;
        font: 400 12px "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .single-post .author-details .author-meta .author-link {
        display: inline;
        font-weight: bold; }
      .single-post .author-details .author-meta .date {
        display: inline;
        font-weight: bold; }
  .single-post .featured-image img {
    max-width: 100%; }
  .single-post > img, .single-post figure, .single-post p img {
    max-width: 100%;
    margin: 23px 0 14px; }
    .single-post > img img, .single-post figure img, .single-post p img img {
      max-width: 100%; }
    .single-post > img figcaption, .single-post figure figcaption, .single-post p img figcaption {
      color: #455454;
      font: 400 0.8125em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
      margin-top: 7px; }
  .single-post span.caption {
    color: #455454;
    font: 400 0.8125em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 7px; }
  .single-post .post-text {
    margin: 32px auto 0;
    max-width: 750px; }
    .single-post .post-text h1, .single-post .post-text h2, .single-post .post-text h3, .single-post .post-text h4, .single-post .post-text h5, .single-post .post-text h6 {
      margin-bottom: 6px; }
    .single-post .post-text h2 {
      font-size: 2.375em;
      margin-bottom: 2px; }
    .single-post .post-text h3 {
      font-size: 1.75em; }
    .single-post .post-text h4 {
      font-size: 1.3125em; }
    .single-post .post-text h5, .single-post .post-text h6 {
      font-size: 1em;
      font-weight: 400; }
    .single-post .post-text p {
      line-height: 1.45em;
      margin: 0 0 23px; }
    .single-post .post-text > p:first-child:first-letter {
      color: #f8a44e;
      display: block;
      font-family: "acta-display", Georgia, "Times New Roman", Times, serif;
      font-size: 84px;
      font-style: italic;
      float: left;
      line-height: 0.83em;
      padding: 0 9px 0 0; }
    .single-post .post-text a {
      color: #6a908f;
      font-weight: bold; }
      .single-post .post-text a:hover {
        text-decoration: none; }
      .single-post .post-text a:active {
        color: #f8a44e;
        text-decoration: none; }
    .single-post .post-text strong {
      font-weight: bold; }
    .single-post .post-text em {
      font-style: italic; }
    .single-post .post-text ul, .single-post .post-text ol {
      margin: 23px 0; }
      .single-post .post-text ul li, .single-post .post-text ol li {
        color: #455454;
        font: 400 1em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        letter-spacing: -0.04em;
        margin-bottom: 5px;
        padding-left: 20px;
        position: relative; }
        .single-post .post-text ul li:before, .single-post .post-text ol li:before {
          color: #8ebdbb;
          content: "\00BB";
          font-size: 17px;
          font-family: "acta-display", Georgia, "Times New Roman", Times, serif;
          font-weight: bold;
          left: 0;
          position: absolute; }
        .single-post .post-text ul li p, .single-post .post-text ol li p, .single-post .post-text ul li li, .single-post .post-text ol li li {
          font-size: 1em; }
      .single-post .post-text ul ul, .single-post .post-text ol ul, .single-post .post-text ul ol, .single-post .post-text ol ol {
        margin: 10px 0; }
    .single-post .post-text ol {
      counter-reset: ol-counter; }
      .single-post .post-text ol li:before {
        color: #455454;
        content: counter(ol-counter) ".";
        counter-increment: ol-counter;
        font-family: "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-size: 1em; }
    .single-post .post-text blockquote p {
      line-height: 1.35em;
      margin: 0 0 19px; }
  .single-post blockquote {
    margin: 0 0 31px; }
    .single-post blockquote p {
      font: 700 1.3125em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      line-height: 1.4em;
      padding-left: 40px;
      position: relative; }
      .single-post blockquote p em {
        color: #f8a44e;
        font-family: "acta-display", Georgia, "Times New Roman", Times, serif; }
      .single-post blockquote p:before {
        color: #f8a44e;
        content: "\e611";
        font-family: 'kooba';
        font-style: normal;
        font-size: 35px;
        font-weight: normal;
        font-variant: normal;
        left: 0px;
        line-height: 1;
        margin-top: -18px;
        position: absolute;
        speak: none;
        text-transform: none;
        top: 50%;
        /* Better Font Rendering =========== */
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .single-post blockquote .name, .single-post blockquote .company {
      color: #455454;
      display: block;
      font: 700 0.8125em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      padding-left: 40px; }
    .single-post blockquote .company {
      font-family: "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
      .single-post blockquote .company strong {
        color: #f8a44e; }
  .single-post .share-buttons {
    margin: 47px 0 45px; }
    .single-post .share-buttons ul, .single-post .share-buttons .post-text ol, .single-post .post-text .share-buttons ol {
      text-align: center; }
      .single-post .share-buttons ul li, .single-post .share-buttons .post-text ol li, .single-post .post-text .share-buttons ol li {
        display: inline-block;
        margin: 0 8px; }
      .single-post .share-buttons ul a, .single-post .share-buttons .post-text ol a, .single-post .post-text .share-buttons ol a {
        border: 2px solid;
        border-radius: 50%;
        display: block;
        font-size: 29px;
        height: 68px;
        padding-top: 18px;
        text-align: center;
        text-decoration: none;
        width: 68px; }
      .single-post .share-buttons ul .facebook a, .single-post .share-buttons .post-text ol .facebook a, .single-post .post-text .share-buttons ol .facebook a {
        color: #3b5998; }
        .single-post .share-buttons ul .facebook a:hover, .single-post .share-buttons .post-text ol .facebook a:hover, .single-post .post-text .share-buttons ol .facebook a:hover {
          background: #3b5998;
          color: #fff; }
      .single-post .share-buttons ul .twitter a, .single-post .share-buttons .post-text ol .twitter a, .single-post .post-text .share-buttons ol .twitter a {
        color: #00aced; }
        .single-post .share-buttons ul .twitter a:hover, .single-post .share-buttons .post-text ol .twitter a:hover, .single-post .post-text .share-buttons ol .twitter a:hover {
          background: #00aced;
          color: #fff; }
      .single-post .share-buttons ul .googleplus a, .single-post .share-buttons .post-text ol .googleplus a, .single-post .post-text .share-buttons ol .googleplus a {
        color: #d34836; }
        .single-post .share-buttons ul .googleplus a:hover, .single-post .share-buttons .post-text ol .googleplus a:hover, .single-post .post-text .share-buttons ol .googleplus a:hover {
          background: #d34836;
          color: #fff; }
      .single-post .share-buttons ul .linkedin a, .single-post .share-buttons .post-text ol .linkedin a, .single-post .post-text .share-buttons ol .linkedin a {
        color: #0077B5; }
        .single-post .share-buttons ul .linkedin a:hover, .single-post .share-buttons .post-text ol .linkedin a:hover, .single-post .post-text .share-buttons ol .linkedin a:hover {
          background: #0077B5;
          color: #fff; }
  .single-post .archives {
    border-bottom: 1px solid #ede9df;
    padding-bottom: 19px;
    max-width: 880px; }
    .single-post .archives ul, .single-post .archives .post-text ol, .single-post .post-text .archives ol {
      color: #455454;
      text-align: center; }
      .single-post .archives ul li.heading, .single-post .archives .post-text ol li.heading, .single-post .post-text .archives ol li.heading {
        font: italic 700 1.3125em "acta-display", Georgia, "Times New Roman", Times, serif;
        margin: 0 0 14px; }
      .single-post .archives ul li.current-month, .single-post .archives .post-text ol li.current-month, .single-post .post-text .archives ol li.current-month {
        font-weight: 700; }
      .single-post .archives ul li, .single-post .archives .post-text ol li, .single-post .post-text .archives ol li {
        font: 400 1em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
        margin: 0 0 21px; }
        .single-post .archives ul li:last-child, .single-post .archives .post-text ol li:last-child, .single-post .post-text .archives ol li:last-child {
          margin: 0; }
      .single-post .archives ul a, .single-post .archives .post-text ol a, .single-post .post-text .archives ol a {
        color: #9ec6c5;
        display: block; }
  .single-post .read-next {
    border-bottom: 1px solid #ede9df;
    margin: 18px 0 0;
    max-width: 880px;
    padding-bottom: 24px;
    text-align: center; }
    .single-post .read-next span {
      color: #455454;
      display: block; }
    .single-post .read-next .next-post {
      color: #9ec6c5;
      display: block;
      font: 1em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
    .single-post .read-next .heading {
      font: italic 700 1.3125em "acta-display", Georgia, "Times New Roman", Times, serif;
      margin-bottom: 15px; }
    .single-post .read-next .post-date {
      font: italic 0.8125em "open-sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
  .single-post .author-bio {
    max-width: 880px; }
    .single-post .author-bio figure {
      text-align: center;
      margin: 23px 0 6px; }
      .single-post .author-bio figure img {
        border-radius: 50%; }
    .single-post .author-bio p {
      text-align: center;
      margin-bottom: 27px; }
      .single-post .author-bio p a {
        color: #9ec6c5;
        text-decoration: none; }
        .single-post .author-bio p a:hover {
          color: #f8a44e; }
  @media only screen and (min-width: 760px) {
    .single-post {
      padding: 15px 15px 83px; }
      .single-post .author-details {
        margin: 0 auto 33px; }
      .single-post .post-text {
        margin: 10px auto 0; }
        .single-post .post-text h1, .single-post .post-text h2, .single-post .post-text h3, .single-post .post-text h4, .single-post .post-text h5, .single-post .post-text h6 {
          font-size: 4.25em; }
        .single-post .post-text h2 {
          font-size: 3.1875em; }
        .single-post .post-text h3 {
          font-size: 2.375em; }
        .single-post .post-text h4 {
          font-size: 1.75em; }
        .single-post .post-text h5 {
          font-size: 1.3125em; }
        .single-post .post-text h6 {
          font-size: 1em; }
        .single-post .post-text ul, .single-post .post-text ol {
          margin: 23px 0;
          padding-left: 16px; }
          .single-post .post-text ul li, .single-post .post-text ol li {
            margin-bottom: 23px;
            line-height: 1.65em;
            padding-left: 23px; }
        .single-post .post-text p {
          line-height: 1.65em; }
        .single-post .post-text > img figcaption, .single-post .post-text figure figcaption {
          font-size: 1em;
          margin-top: 9px; }
        .single-post .post-text span.caption {
          font-size: 1em;
          margin-top: 9px; }
        .single-post .post-text blockquote p {
          margin: 0 0 27px; }
      .single-post blockquote {
        margin: 33px 0 45px;
        padding-left: 88px;
        position: relative; }
        .single-post blockquote:before {
          color: #f8a44e;
          content: "\e611";
          font-family: 'kooba';
          font-style: normal;
          font-size: 104px;
          font-weight: normal;
          font-variant: normal;
          left: 0px;
          line-height: 1;
          margin: -18px 0 0 -10px;
          position: absolute;
          speak: none;
          text-transform: none;
          top: 31%;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .single-post blockquote p {
          font-size: 1.75em;
          padding-left: 0; }
          .single-post blockquote p:before {
            display: none; }
        .single-post blockquote .name, .single-post blockquote .company {
          font-size: 16px;
          padding-left: 0; }
      .single-post .share-buttons {
        margin: 65px 0 63px; }
      .single-post .archives {
        padding-bottom: 10px; }
        .single-post .archives ul li.heading, .single-post .archives .post-text ol li.heading, .single-post .post-text .archives ol li.heading {
          clear: both;
          display: block;
          float: none; }
        .single-post .archives ul li, .single-post .archives .post-text ol li, .single-post .post-text .archives ol li {
          display: inline-block;
          margin: 0 31px; }
          .single-post .archives ul li:last-child, .single-post .archives .post-text ol li:last-child, .single-post .post-text .archives ol li:last-child {
            float: right;
            margin: 0;
            padding: 0; }
        .single-post .archives ul li.current-month, .single-post .archives .post-text ol li.current-month, .single-post .post-text .archives ol li.current-month {
          float: left;
          margin: 0;
          padding: 0; }
      .single-post .read-next {
        margin: 49px 0 0;
        padding-bottom: 10px; }
        .single-post .read-next .heading {
          clear: both; }
        .single-post .read-next .next-post {
          float: left; }
        .single-post .read-next .post-date {
          float: right;
          font-size: 1em; }
      .single-post .author-bio figure {
        float: left;
        margin: 57px 0 0;
        width: 180px; }
      .single-post .author-bio .bio-text {
        float: left;
        margin-top: 50px;
        width: calc(100% - 180px); }
        .single-post .author-bio .bio-text p {
          text-align: left; }
        .single-post .author-bio .bio-text .twitter-link {
          margin-bottom: 0; } }
  @media only screen and (min-width: tabletpx) {
    .single-post else {
      padding: 15px 15px 83px; }
      .single-post else .author-details {
        margin: 0 auto 33px; }
      .single-post else .post-text {
        margin: 10px auto 0; }
        .single-post else .post-text h1, .single-post else .post-text h2, .single-post else .post-text h3, .single-post else .post-text h4, .single-post else .post-text h5, .single-post else .post-text h6 {
          font-size: 4.25em; }
        .single-post else .post-text h2 {
          font-size: 3.1875em; }
        .single-post else .post-text h3 {
          font-size: 2.375em; }
        .single-post else .post-text h4 {
          font-size: 1.75em; }
        .single-post else .post-text h5 {
          font-size: 1.3125em; }
        .single-post else .post-text h6 {
          font-size: 1em; }
        .single-post else .post-text ul, .single-post else .post-text ol {
          margin: 23px 0;
          padding-left: 16px; }
          .single-post else .post-text ul li, .single-post else .post-text ol li {
            margin-bottom: 23px;
            line-height: 1.65em;
            padding-left: 23px; }
        .single-post else .post-text p {
          line-height: 1.65em; }
        .single-post else .post-text > img figcaption, .single-post else .post-text figure figcaption {
          font-size: 1em;
          margin-top: 9px; }
        .single-post else .post-text span.caption {
          font-size: 1em;
          margin-top: 9px; }
        .single-post else .post-text blockquote p {
          margin: 0 0 27px; }
      .single-post else blockquote {
        margin: 33px 0 45px;
        padding-left: 88px;
        position: relative; }
        .single-post else blockquote:before {
          color: #f8a44e;
          content: "\e611";
          font-family: 'kooba';
          font-style: normal;
          font-size: 104px;
          font-weight: normal;
          font-variant: normal;
          left: 0px;
          line-height: 1;
          margin: -18px 0 0 -10px;
          position: absolute;
          speak: none;
          text-transform: none;
          top: 31%;
          /* Better Font Rendering =========== */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale; }
        .single-post else blockquote p {
          font-size: 1.75em;
          padding-left: 0; }
          .single-post else blockquote p:before {
            display: none; }
        .single-post else blockquote .name, .single-post else blockquote .company {
          font-size: 16px;
          padding-left: 0; }
      .single-post else .share-buttons {
        margin: 65px 0 63px; }
      .single-post else .archives {
        padding-bottom: 10px; }
        .single-post else .archives ul li.heading, .single-post else .archives .post-text ol li.heading, .single-post .post-text else .archives ol li.heading {
          clear: both;
          display: block;
          float: none; }
        .single-post else .archives ul li, .single-post else .archives .post-text ol li, .single-post .post-text else .archives ol li {
          display: inline-block;
          margin: 0 31px; }
          .single-post else .archives ul li:last-child, .single-post else .archives .post-text ol li:last-child, .single-post .post-text else .archives ol li:last-child {
            float: right;
            margin: 0;
            padding: 0; }
        .single-post else .archives ul li.current-month, .single-post else .archives .post-text ol li.current-month, .single-post .post-text else .archives ol li.current-month {
          float: left;
          margin: 0;
          padding: 0; }
      .single-post else .read-next {
        margin: 49px 0 0;
        padding-bottom: 10px; }
        .single-post else .read-next .heading {
          clear: both; }
        .single-post else .read-next .next-post {
          float: left; }
        .single-post else .read-next .post-date {
          float: right;
          font-size: 1em; }
      .single-post else .author-bio figure {
        float: left;
        margin: 57px 0 0;
        width: 180px; }
      .single-post else .author-bio .bio-text {
        float: left;
        margin-top: 50px;
        width: calc(100% - 180px); }
        .single-post else .author-bio .bio-text p {
          text-align: left; }
        .single-post else .author-bio .bio-text .twitter-link {
          margin-bottom: 0; } }
  @media only screen and (min-width: 1020px) {
    .single-post {
      padding: 33px 15px 84px; }
      .single-post .post-text {
        margin: 49px auto 0; }
        .single-post .post-text ul, .single-post .post-text ol {
          padding-left: 33px; }
      .single-post blockquote {
        padding-left: 61px; }
        .single-post blockquote:before {
          margin: -18px 0 0 -48px; }
      .single-post .share-buttons {
        margin: 65px 0 63px; }
      .single-post .archives {
        padding-bottom: 8px; }
        .single-post .archives ul, .single-post .archives .post-text ol, .single-post .post-text .archives ol {
          padding: 0 8px; }
          .single-post .archives ul li.heading, .single-post .archives .post-text ol li.heading, .single-post .post-text .archives ol li.heading {
            clear: none;
            float: left;
            line-height: 1;
            margin: 0;
            text-align: left;
            width: 125px; }
          .single-post .archives ul a, .single-post .archives .post-text ol a, .single-post .post-text .archives ol a {
            color: #455454;
            text-decoration: none; }
            .single-post .archives ul a:hover, .single-post .archives .post-text ol a:hover, .single-post .post-text .archives ol a:hover {
              color: #9ec6c5;
              text-decoration: underline; }
      .single-post .read-next {
        margin: 38px 0 0;
        padding: 0 8px 8px; }
        .single-post .read-next .heading {
          clear: none;
          float: left;
          line-height: 1;
          margin: 0;
          text-align: left;
          width: 125px; }
        .single-post .read-next .next-post {
          color: #455454;
          text-decoration: none; }
          .single-post .read-next .next-post:hover {
            color: #9ec6c5;
            text-decoration: underline; }
      .single-post .author-bio figure {
        margin: 35px 0 0;
        width: 130px; }
      .single-post .author-bio .bio-text {
        margin-top: 27px; } }
  @media only screen and (min-width: desktoppx) {
    .single-post else {
      padding: 33px 15px 84px; }
      .single-post else .post-text {
        margin: 49px auto 0; }
        .single-post else .post-text ul, .single-post else .post-text ol {
          padding-left: 33px; }
      .single-post else blockquote {
        padding-left: 61px; }
        .single-post else blockquote:before {
          margin: -18px 0 0 -48px; }
      .single-post else .share-buttons {
        margin: 65px 0 63px; }
      .single-post else .archives {
        padding-bottom: 8px; }
        .single-post else .archives ul, .single-post else .archives .post-text ol, .single-post .post-text else .archives ol {
          padding: 0 8px; }
          .single-post else .archives ul li.heading, .single-post else .archives .post-text ol li.heading, .single-post .post-text else .archives ol li.heading {
            clear: none;
            float: left;
            line-height: 1;
            margin: 0;
            text-align: left;
            width: 125px; }
          .single-post else .archives ul a, .single-post else .archives .post-text ol a, .single-post .post-text else .archives ol a {
            color: #455454;
            text-decoration: none; }
            .single-post else .archives ul a:hover, .single-post else .archives .post-text ol a:hover, .single-post .post-text else .archives ol a:hover {
              color: #9ec6c5;
              text-decoration: underline; }
      .single-post else .read-next {
        margin: 38px 0 0;
        padding: 0 8px 8px; }
        .single-post else .read-next .heading {
          clear: none;
          float: left;
          line-height: 1;
          margin: 0;
          text-align: left;
          width: 125px; }
        .single-post else .read-next .next-post {
          color: #455454;
          text-decoration: none; }
          .single-post else .read-next .next-post:hover {
            color: #9ec6c5;
            text-decoration: underline; }
      .single-post else .author-bio figure {
        margin: 35px 0 0;
        width: 130px; }
      .single-post else .author-bio .bio-text {
        margin-top: 27px; } }

.main-website-shot {
  margin-top: 35px; }
  @media screen and (min-width: 760px) {
    .main-website-shot {
      margin-top: 0; } }
  .main-website-shot figure, .main-website-shot picture {
    display: block;
    margin-top: -63px;
    padding: 0 10px;
    position: relative;
    text-align: center;
    z-index: 10; }
    @media screen and (min-width: 760px) {
      .main-website-shot figure, .main-website-shot picture {
        margin-top: -148px; } }
    .main-website-shot figure img, .main-website-shot picture img {
      -webkit-box-shadow: 0px -10px 10px 0px rgba(69, 84, 84, 0.16);
      box-shadow: 0px -10px 10px 0px rgba(69, 84, 84, 0.16);
      border-top-left-radius: 3px;
      border-top-right-radius: 3px;
      max-width: 100%; }
  @media only screen and (min-width: 760px) {
    .main-website-shot figure img, .main-website-shot picture img {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; } }
  @media only screen and (min-width: tabletpx) {
    .main-website-shot else figure img, .main-website-shot else picture img {
      border-top-left-radius: 6px;
      border-top-right-radius: 6px; } }
  @media only screen and (min-width: 1020px) {
    .main-website-shot figure, .main-website-shot picture {
      margin-top: -437px;
      padding: 0 50px; }
      .main-website-shot figure img, .main-website-shot picture img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; } }
  @media only screen and (min-width: desktoppx) {
    .main-website-shot else figure, .main-website-shot else picture {
      margin-top: -437px;
      padding: 0 50px; }
      .main-website-shot else figure img, .main-website-shot else picture img {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px; } }

.casestudy-slider {
  display: none; }
  @media only screen and (min-width: 760px) {
    .casestudy-slider {
      display: block; }
      .casestudy-slider .wrapper {
        max-width: 1282px;
        padding: 0 15px;
        position: relative; }
      .casestudy-slider .prev-next {
        color: #455454;
        font-size: 40px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        text-decoration: none;
        z-index: 20; }
        .casestudy-slider .prev-next.previous {
          left: 6px; }
          .casestudy-slider .prev-next.previous:hover {
            -webkit-transform: translateX(15%);
                    transform: translateX(15%); }
        .casestudy-slider .prev-next.next {
          right: 6px; }
          .casestudy-slider .prev-next.next:hover {
            -webkit-transform: translateX(-15%);
                    transform: translateX(-15%); }
      .casestudy-slider .slider-wrapper {
        margin: 0 auto;
        max-width: 680px;
        z-index: 1; }
      .casestudy-slider .slide {
        height: auto;
        position: relative;
        text-align: center;
        outline: 0;
        width: 100%; }
        .casestudy-slider .slide img {
          margin: 0 auto;
          max-width: 100%; }
      .casestudy-slider .foreground-image {
        position: relative;
        z-index: 5; }
      .casestudy-slider .background-image {
        bottom: 0;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        z-index: 1; } }
  @media only screen and (min-width: tabletpx) {
    .casestudy-slider else {
      display: block; }
      .casestudy-slider else .wrapper {
        max-width: 1282px;
        padding: 0 15px;
        position: relative; }
      .casestudy-slider else .prev-next {
        color: #455454;
        font-size: 40px;
        margin-top: -20px;
        position: absolute;
        top: 50%;
        text-decoration: none;
        z-index: 20; }
        .casestudy-slider else .prev-next.previous {
          left: 6px; }
          .casestudy-slider else .prev-next.previous:hover {
            -webkit-transform: translateX(15%);
                    transform: translateX(15%); }
        .casestudy-slider else .prev-next.next {
          right: 6px; }
          .casestudy-slider else .prev-next.next:hover {
            -webkit-transform: translateX(-15%);
                    transform: translateX(-15%); }
      .casestudy-slider else .slider-wrapper {
        margin: 0 auto;
        max-width: 680px;
        z-index: 1; }
      .casestudy-slider else .slide {
        height: auto;
        position: relative;
        text-align: center;
        outline: 0;
        width: 100%; }
        .casestudy-slider else .slide img {
          margin: 0 auto;
          max-width: 100%; }
      .casestudy-slider else .foreground-image {
        position: relative;
        z-index: 5; }
      .casestudy-slider else .background-image {
        bottom: 0;
        left: 0;
        margin: 0 auto;
        position: absolute;
        right: 0;
        z-index: 1; } }
  @media only screen and (min-width: 1020px) {
    .casestudy-slider .slider-wrapper {
      max-width: 905px; } }
  @media only screen and (min-width: desktoppx) {
    .casestudy-slider else .slider-wrapper {
      max-width: 905px; } }
  @media only screen and (min-width: 1200px) {
    .casestudy-slider .slider-wrapper {
      max-width: 1070px; } }
  @media only screen and (min-width: large-desktoppx) {
    .casestudy-slider else .slider-wrapper {
      max-width: 1070px; } }

.statistics-circles {
  margin: 38px 0 26px; }
  .statistics-circles ul, .statistics-circles .single-post .post-text ol, .single-post .post-text .statistics-circles ol {
    text-align: center; }
    .statistics-circles ul li, .statistics-circles .single-post .post-text ol li, .single-post .post-text .statistics-circles ol li {
      display: inline-block;
      width: 120px;
      background: url(../img/circle-1.png) no-repeat center center;
      background-size: 99%;
      height: 123px;
      margin: 12px 15px;
      padding-top: 36px;
      vertical-align: top;
      width: 123px; }
      .statistics-circles ul li:nth-child(2), .statistics-circles .single-post .post-text ol li:nth-child(2), .single-post .post-text .statistics-circles ol li:nth-child(2) {
        background-image: url(../img/circle-2.png); }
      .statistics-circles ul li:nth-child(3), .statistics-circles .single-post .post-text ol li:nth-child(3), .single-post .post-text .statistics-circles ol li:nth-child(3) {
        background-image: url(../img/circle-3.png); }
  .statistics-circles .counter-text {
    color: #455454;
    display: block;
    font: 700 1.875em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: -0.025em; }
  .statistics-circles .counter-description {
    color: #455454;
    display: block;
    font: 400 0.875em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    letter-spacing: -0.025em;
    line-height: 1; }
  @media only screen and (min-width: 760px) {
    .statistics-circles {
      margin: 43px 0 50px; }
      .statistics-circles ul li, .statistics-circles .single-post .post-text ol li, .single-post .post-text .statistics-circles ol li {
        height: 172px;
        padding-top: 54px;
        width: 172px; }
        .statistics-circles ul li:nth-child(2), .statistics-circles .single-post .post-text ol li:nth-child(2), .single-post .post-text .statistics-circles ol li:nth-child(2) {
          margin: 12px 60px; }
      .statistics-circles .counter-text {
        font-size: 2.625em; } }
  @media only screen and (min-width: tabletpx) {
    .statistics-circles else {
      margin: 43px 0 50px; }
      .statistics-circles else ul li, .statistics-circles else .single-post .post-text ol li, .single-post .post-text .statistics-circles else ol li {
        height: 172px;
        padding-top: 54px;
        width: 172px; }
        .statistics-circles else ul li:nth-child(2), .statistics-circles else .single-post .post-text ol li:nth-child(2), .single-post .post-text .statistics-circles else ol li:nth-child(2) {
          margin: 12px 60px; }
      .statistics-circles else .counter-text {
        font-size: 2.625em; } }
  @media only screen and (min-width: 1020px) {
    .statistics-circles {
      margin: 62px 0 50px; } }
  @media only screen and (min-width: desktoppx) {
    .statistics-circles else {
      margin: 62px 0 50px; } }

.what-we-did {
  padding: 18px 10px 29px;
  position: relative;
  margin-bottom: 50px; }
  .what-we-did .wrapper {
    max-width: 800px; }
  .what-we-did h2 {
    text-align: center;
    font-size: 37px; }
    @media screen and (min-width: 760px) {
      .what-we-did h2 {
        font-size: 60px; } }
    @media screen and (min-width: 1020px) {
      .what-we-did h2 {
        font-size: 91px; } }
    .what-we-did h2 .sans-serif {
      color: #9ec6c5; }
  .what-we-did p {
    line-height: 1.45em;
    margin-top: 6px;
    text-align: center; }
  @media only screen and (min-width: 760px) {
    .what-we-did {
      padding: 23px 10px 0; }
      .what-we-did p {
        line-height: 1.6em; } }
  @media only screen and (min-width: tabletpx) {
    .what-we-did else {
      padding: 23px 10px 0; }
      .what-we-did else p {
        line-height: 1.6em; } }
  @media only screen and (min-width: 1020px) {
    .what-we-did p {
      margin-top: 9px; } }
  @media only screen and (min-width: desktoppx) {
    .what-we-did else p {
      margin-top: 9px; } }

.case-study-images {
  margin: 12px auto 0;
  max-width: 1485px;
  position: relative;
  z-index: 5; }
  .case-study-images img {
    max-width: 100%; }
  .case-study-images .left-images img, .case-study-images .right-images img {
    margin-bottom: 16px; }
  .case-study-images .left-images .explanation {
    display: none; }
  .case-study-images .explanation {
    margin-top: 20px; }
    .case-study-images .explanation p {
      line-height: 1.5em; }
  @media only screen and (min-width: 760px) {
    .case-study-images {
      margin-top: 64px;
      padding: 0 5px; }
      .case-study-images .left-images {
        float: left;
        width: 49.175%; }
        .case-study-images .left-images.bottom-images {
          clear: left; }
          .case-study-images .left-images.bottom-images img {
            margin: 0; }
        .case-study-images .left-images .explanation {
          display: block;
          margin-top: 15px; }
          .case-study-images .left-images .explanation p {
            text-align: right; }
      .case-study-images .right-images {
        float: right;
        width: 49.175%; }
      .case-study-images .explanation {
        display: none; } }
  @media only screen and (min-width: tabletpx) {
    .case-study-images else {
      margin-top: 64px;
      padding: 0 5px; }
      .case-study-images else .left-images {
        float: left;
        width: 49.175%; }
        .case-study-images else .left-images.bottom-images {
          clear: left; }
          .case-study-images else .left-images.bottom-images img {
            margin: 0; }
        .case-study-images else .left-images .explanation {
          display: block;
          margin-top: 15px; }
          .case-study-images else .left-images .explanation p {
            text-align: right; }
      .case-study-images else .right-images {
        float: right;
        width: 49.175%; }
      .case-study-images else .explanation {
        display: none; } }

.case-quote {
  background: #9ec6c5;
  padding: 32px 10px 35px;
  position: relative;
  text-align: center;
  z-index: 2; }
  .case-quote blockquote {
    margin: 0 auto 35px;
    max-width: 1020px; }
    .case-quote blockquote p {
      color: #fff;
      font-family: "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
      font-size: 21px;
      font-weight: bold;
      line-height: 1.2em; }
      .case-quote blockquote p strong {
        color: #455454;
        font-family: "acta-display", Georgia, "Times New Roman", Times, serif;
        font-style: italic; }
  .case-quote .quotee {
    color: #455454;
    display: block;
    font: 700 1em "montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-top: 17px;
    text-transform: uppercase; }
    .case-quote .quotee .company-title {
      color: #fff;
      display: block;
      font-size: 14px;
      line-height: 1;
      text-transform: none; }
  @media only screen and (min-width: 760px) {
    .case-quote {
      padding: 83px 10px 52px; }
      .case-quote blockquote {
        margin-bottom: 67px; }
        .case-quote blockquote p {
          font-size: 38px; }
      .case-quote .quotee {
        font-size: 1.3125em;
        margin-top: 44px; }
        .case-quote .quotee .company-title {
          font-size: 16px;
          margin-top: 4px; } }
  @media only screen and (min-width: tabletpx) {
    .case-quote else {
      padding: 83px 10px 52px; }
      .case-quote else blockquote {
        margin-bottom: 67px; }
        .case-quote else blockquote p {
          font-size: 38px; }
      .case-quote else .quotee {
        font-size: 1.3125em;
        margin-top: 44px; }
        .case-quote else .quotee .company-title {
          font-size: 16px;
          margin-top: 4px; } }
  @media only screen and (min-width: 1200px) {
    .case-quote {
      padding: 58px 10px 52px; } }
  @media only screen and (min-width: large-desktoppx) {
    .case-quote else {
      padding: 58px 10px 52px; } }

#contact-main {
  text-align: center; }
  #contact-main .wrapper {
    max-width: 980px; }
  #contact-main .address {
    margin-bottom: 50px;
    position: relative;
    z-index: 2; }
    #contact-main .address.dublin, #contact-main #contact-details .address.berlin, #contact-details #contact-main .address.berlin {
      margin-top: -210px; }
    #contact-main .address h3 {
      color: #323d3d;
      font-family: "acta-display", Georgia, "Times New Roman", Times, serif;
      font-style: italic; }
    #contact-main .address p {
      color: #323d3d;
      display: block;
      font-size: 1.3125em;
      line-height: 1.4;
      margin-top: 5px; }
      #contact-main .address p span {
        display: block; }
    #contact-main .address p.tel-num {
      font-weight: 700;
      margin-top: 26px; }
    #contact-main .address a.mail {
      color: #323d3d;
      display: block;
      font-size: 1.3125em;
      font-weight: 700;
      line-height: 1.3;
      text-decoration: none; }
    #contact-main .address a.map-link {
      color: #57fccd;
      display: block;
      font-size: 1em;
      font-weight: 700;
      margin-top: 17px; }
  #contact-main .circle {
    background: #9ec6c5;
    background: rgba(158, 198, 197, 0.75);
    border-radius: 50%;
    height: 284px;
    line-height: 284px;
    margin: 0 auto 14px;
    width: 284px; }
    #contact-main .circle span {
      color: #faf8f2;
      font-size: 220px;
      vertical-align: middle; }
  @media only screen and (min-width: 760px) {
    #contact-main .address {
      float: left;
      margin-top: -229px;
      margin-bottom: 37px;
      width: 50%; }
      #contact-main .address.dublin, #contact-main #contact-details .address.berlin, #contact-details #contact-main .address.berlin {
        margin-top: -229px; }
      #contact-main .address h3 {
        font-size: 3.1875em; }
      #contact-main .address p {
        font-size: 1.75em; }
      #contact-main .address p.tel-num {
        margin-top: 37px; }
      #contact-main .address a.mail {
        font-size: 1.75em; }
      #contact-main .address a.map-link {
        margin-top: 41px; }
    #contact-main .circle {
      margin-bottom: 19px; } }
  @media only screen and (min-width: tabletpx) {
    #contact-main else .address {
      float: left;
      margin-top: -229px;
      margin-bottom: 37px;
      width: 50%; }
      #contact-main else .address.dublin, #contact-main else #contact-details .address.berlin, #contact-details #contact-main else .address.berlin {
        margin-top: -229px; }
      #contact-main else .address h3 {
        font-size: 3.1875em; }
      #contact-main else .address p {
        font-size: 1.75em; }
      #contact-main else .address p.tel-num {
        margin-top: 37px; }
      #contact-main else .address a.mail {
        font-size: 1.75em; }
      #contact-main else .address a.map-link {
        margin-top: 41px; }
    #contact-main else .circle {
      margin-bottom: 19px; } }
  @media only screen and (min-width: 1020px) {
    #contact-main .address {
      margin-top: -163px;
      margin-bottom: 64px; }
      #contact-main .address.dublin, #contact-main #contact-details .address.berlin, #contact-details #contact-main .address.berlin {
        margin-top: -163px; }
      #contact-main .address h3 {
        font-size: 4.25em; }
      #contact-main .address p {
        line-height: 1.45;
        margin: 0; }
      #contact-main .address p.tel-num {
        margin-top: 32px; }
      #contact-main .address a.map-link {
        margin-top: 41px; }
    #contact-main .circle {
      margin-bottom: 24px; } }
  @media only screen and (min-width: desktoppx) {
    #contact-main else .address {
      margin-top: -163px;
      margin-bottom: 64px; }
      #contact-main else .address.dublin, #contact-main else #contact-details .address.berlin, #contact-details #contact-main else .address.berlin {
        margin-top: -163px; }
      #contact-main else .address h3 {
        font-size: 4.25em; }
      #contact-main else .address p {
        line-height: 1.45;
        margin: 0; }
      #contact-main else .address p.tel-num {
        margin-top: 32px; }
      #contact-main else .address a.map-link {
        margin-top: 41px; }
    #contact-main else .circle {
      margin-bottom: 24px; } }

#project-planner {
  background: #455454;
  padding-bottom: 45px; }
  #project-planner .wrapper {
    max-width: 610px; }
  @media only screen and (min-width: 760px) {
    #project-planner {
      padding-bottom: 37px; } }
  @media only screen and (min-width: tabletpx) {
    #project-planner else {
      padding-bottom: 37px; } }
  @media only screen and (min-width: 1020px) {
    #project-planner {
      padding-bottom: 71px; } }
  @media only screen and (min-width: desktoppx) {
    #project-planner else {
      padding-bottom: 71px; } }

#loader {
  background: rgba(69, 84, 84, 0.9);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 150; }
  #loader .loading-svg {
    bottom: 0;
    left: 0;
    height: 80px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 80px; }
  #loader .fallback-gif {
    display: none; }
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    #loader .loading-svg {
      display: none; }
    #loader .fallback-gif {
      bottom: 0;
      display: block;
      left: 0;
      height: 80px;
      margin: auto;
      position: absolute;
      right: 0;
      top: 0;
      width: 80px; } }

/*# sourceMappingURL=main.css.map */